@charset "utf-8";
/* CSS Document */

nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
/*  position: fixed;*/
/*  top: 0;*/
}

.top_icons ul li:first-child {
    margin-left: 0;
}
#navbar.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	padding: 20px 0px;
	z-index: 96;
	background: #000;
}
#navbar.sticky .brand img {
	max-width: 80%;
	transition: all 0.5s ease;
}
nav .brand {
  font-weight: bold;
}

nav div.nav-group {
	display: flex;
	/* padding: 50px; */
	transition: all 0.5s ease;
}

a.menu-item {
  text-decoration: none;
  color: inherit;
  transition: all 0.5s ease;
}
.nav-group.hamburger {
  display: none;
}

.menus .hamburger {
  display: none;
}

.menus .hamburger div:first-of-type {
    transform: rotate(-45deg) translate(-3px, 2px);
  }
.menus .hamburger div:last-of-type {
    transform: rotate(45deg) translate(-3px, -2px);
  }

.hamburger div {
  display: block;
  width: 28px;
  height: 3px;
  background: #FFF;
  margin: 5px;
}
.nav-group.menus .menu-item:not(:first-child) {
	margin-left: 65px;
}
#shree {
	cursor: pointer;
}
@media screen and (max-width: 992px) {
.show + .hamburger div:last-child {
	transform: rotate(-136deg) translate(3px, 2px);
}
.show + .hamburger div:nth-child(2) {
	transform: rotate(-45deg) translate(-3px, 2px);
}
.show + .hamburger div:first-child {
	display: none;
}
.menus.nav-group {
	background-color: #000;
	display: flex;
	flex-direction: column;
	padding: 0 !important;
	margin: 0 !important;
	position: fixed;
	top: -100vh;
	left: 0;
	height: 100vh;
	width: 100vw;
	justify-content: center;
	align-items: center;
	transition: all 0.7s ease;
	opacity: 80%;
}
.menus.nav-group.show {
    top: 0;
}
.menus.nav-group a {
    font-size: 1.5rem;
}
.menus.nav-group a.menu-item:not(:first-child) {
    margin-left: 0;
    margin-top: 0px;
}
.nav-group.hamburger {
    display: block;
}
.menus .hamburger {
    display: block;
    position: absolute;
    top: 50px;
    right: 50px;
}
    
}