/* NEW HEADER CSS Start 6/28*/

.toggle-mnu {
	display: block;
	width: 24px;
	height: 32px;
	margin-top: 10px;
	filter: invert(1);
}

.toggle-mnu span:after,
.toggle-mnu span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
}

.toggle-mnu span:after {
	top: 18px;
}

.toggle-mnu span {
	position: relative;
	display: block;
}

.toggle-mnu span,
.toggle-mnu span:after,
.toggle-mnu span:before {
	width: 100%;
	height: 2px;
	background-color: #fff;
	transition: all 0.3s;
	backface-visibility: hidden;
	border-radius: 2px;
}

.toggle-mnu.on span {
	background-color: transparent;
}

.toggle-mnu.on span:before {
	transform: rotate(45deg) translate(-1px, 0px);
}

.toggle-mnu.on span:after {
	transform: rotate(-45deg) translate(6px, -7px);
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	#mobile {
		display: block;
	}
}

#line {
	display: none;
}

.shadow {
	-webkit-box-shadow: -1px 11px 23px -15px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: -1px 11px 23px -15px rgba(0, 0, 0, 0.75);
	box-shadow: -1px 11px 23px -15px rgba(0, 0, 0, 0.75);
}

.bottom {
	background-color: #222;
	z-index: 10;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: auto;
}

.navbar-toggler {
	margin-left: auto;
}

.footer-heading {
	font-size: 1.1em;
	text-align: center;
}

.foot-icon {
	margin-bottom: -5px;
}

@media only screen and (max-width: 991px) {
	#link {
		padding: 10px;
	}
	#nav-list {
		padding-top: 20px;
	}
	.dropdown-toggle {
		padding: 20px;
	}
	#hide {
		display: none;
	}
	.navbar {
		padding: 0px;
	}
	li a {
		transition: all 0.3s ease;
		display: block;
		font-size: 16px;
	}
	#link:hover {
		color: #ffcf46;
	}
}


/* Media Queires for Nav Logo --- Aim to combine them with main ones later */

@media only screen and (max-device-width: 374px) {
	#nav-logo {
		max-width: 150px;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 424px) {
	#nav-logo {
		max-width: 196px;
	}
}

@media only screen and (min-device-width: 425px) and (max-device-width: 767px) {
	#nav-logo {
		max-width: 235px;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
	#nav-logo {
		max-width: 325px;
	}
}

@media only screen and (min-device-width: 1024px) {
	#nav-logo {
		max-width: 350px;
	}
}

@media only screen and (max-width: 282px) {
	#small-btn {
		font-size: 12px;
	}
}

.spacer {
	width: 100%;
	height: 90px;
}

#link {
	transition: all 0.3s ease;
	display: block;
	font-size: 18px;
	padding: 5px;
}

#link:hover {
	transform: rotate(0deg) scale(1.02);
}

#link:hover:before,
#link:hover:after {
	opacity: 1;
	width: 20px;
}

#link:before,
#link:after {
	transition: all 0.3s ease;
	opacity: 0;
	border-top: 1px solid black;
	content: '';
	display: block;
	position: relative;
	z-index: -1;
	margin: auto;
	width: 0px;
}

#link:before {
	top: -3px;
	transform: rotate(120deg) translateY(-50%) translateX(-50%);
}

#link:after {
	top: 3px;
	transform: rotate(-60deg) translateY(-50%) translateX(-50%);
}

.shadow {
	-webkit-box-shadow: 0px 10px 19px -6px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 10px 19px -6px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 10px 19px -6px rgba(0, 0, 0, 0.75);
}

nav.navbar.bg-dark .dropdown-menu {
	background-color: #ffcf46 !important;
}

.dropdown-menu {
	top: 85% !important;
}

.nic-menu {
	padding: 0 1rem .5rem 1rem;
	background-color: #222;
}

.nic-menu .nav-item strong {
	font-weight: 400;
	display: block;
	margin: .5rem 0;
	color: rgba(255, 255, 255, 0.75);
	border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}

.nic-menu .nav-item .nav-link {
	padding: .3rem 0;
	color: white;
}

.nic-menu .nav-item .nav-link:hover {
	padding: .3rem 0;
	color: #ffcf46;
	padding-left: 5px;
	border-left: 2px solid #ffcf46;
}

.nic-menu-sm {
	width: 220px;
	border-bottom: 4px solid #ffcf46;
}

.nic-menu-md {
	width: 700px;
	border-bottom: 4px solid #ffcf46;
}

.nic-menu-lg {
	width: 960px;
	border-bottom: 4px solid #ffcf46;
}

.nic-menu-xl {
	width: 1140px;
}

.nic-menu-mega {
	width: 1400px;
}

@media (max-width: 960px) {
	.nic-menu-sm,
	.nic-menu-md,
	.nic-menu-lg,
	.nic-menu-xl,
	.nic-menu-mega {
		width: 100% !important;
	}
}

.dropdown-toggle::after {
	border-top: .2em solid;
}


.nav-item:hover .dropdown-menu {
	display: block;
	animation: fade_in_show .33s cubic-bezier(.39, .575, .565, 1);
	
}

@keyframes fade_in_show {
	0% {
		opacity: 0;
		transform: translate(-25px, -25px) scale(.9);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0) scale(1);
	}
}

@media (max-width: 1024px) {
	#prepared-mega-menu {
		left: -225px;
		}
		
	#services-mega-menu {
		left: -75px;
		}
	}

/*First Mega Menu ID Styling*/

	#picture-mega-list {
		
		padding-left: 6px;
		margin-left: 5px;
	}	

/* Header Specific Styling */
	@media screen and (min-width: 992px){
	.width-control {
		max-width: 1px;
	}
	}
	
	.navbar-toggler {
     padding: 0rem;
	}
	

	
	header li, header li a {
		font-family: "Yantramanav", sans-serif;
		font-size: 18px;
	} 
	
		header li span  {
		font-family: "Yantramanav", sans-serif;
		font-size: 15px;
	} 
	
		header a{
		font-family: "Yantramanav", sans-serif;
		
	} 
	
			header h3{
		font-family: "Yantramanav", sans-serif;
				
		
	} 


	


/* NEW HEADER CSS End */