/* Mobile Header Styling */

@media (max-width: 991px) {
	.iv-mobile-menu-wrapper.iv-overlay-menu-wrapper {
		background: rgba(0, 0, 0, 0.3) !important;
		backdrop-filter: blur(3px) !important;
		-webkit-backdrop-filter: blur(3px) !important;
		border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
	}

	.iv-mobile-menu-wrapper.iv-overlay-menu-wrapper .iv-mobile-menu-holder,
	.iv-mobile-menu-wrapper .iv-mobile-menu-inner {
		background: transparent !important;
	}

	.iv-mobile-menu-wrapper .menu > li > .item_link {
		border-bottom-color: rgba(255, 255, 255, 0.12) !important;
	}

	.iv-mobile-menu-wrapper.iv-overlay-menu-wrapper .item_link:hover,
	.iv-mobile-menu-wrapper.iv-overlay-menu-wrapper .current-menu-item > a {
		background: rgba(255, 255, 255, 0.08) !important;
		color: #ffffff !important;
	}

	.iv-mobile-menu-wrapper.iv-overlay-menu-wrapper .menu-item-has-children ul a:hover,
	.iv-mobile-menu-wrapper.iv-overlay-menu-wrapper .menu-item-has-children ul .item_link:hover {
		background: transparent !important;
		color: rgba(255, 255, 255, 0.8) !important;
	}

	.iv-layout.header.stuck,
	.iv-layout.header.stuck.transparent-bg {
		background: rgba(0, 0, 0, 0.3) !important;
		backdrop-filter: blur(3px) !important;
		-webkit-backdrop-filter: blur(3px) !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
	}

	.iv-layout.header.stuck,
	.header-sticky-wrapper,
	.header-sticky-wrapper .iv-layout.header.not-stuck {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.iv-layout.header.stuck .has-alt .logo-normal,
	.iv-layout.header.dark .has-alt .logo-normal,
	.iv-layout.header.transparent-bg .has-alt .logo-normal {
		display: none !important;
	}

	.iv-layout.header.stuck .has-alt .logo-alt,
	.iv-layout.header.dark .has-alt .logo-alt,
	.iv-layout.header.transparent-bg .has-alt .logo-alt {
		display: block !important;
	}

	.two-rows-style2 .header-left-area .logo,
	.two-rows-style2.stuck .header-left-area .logo,
	.iv-layout.header.stuck .logo {
		margin: 20px 0 !important;
	}

	.two-rows-style2 .header-left-area .logo img,
	.two-rows-style2.stuck .header-left-area .logo img,
	.iv-layout.header.stuck .logo img {
		max-height: 72px !important;
		width: auto !important;
	}

	.iv-layout.header .responsive-menu .mobile-menu-trigger,
	.iv-layout.header.classic-logo-centered.style2-logo-centered .menu-area-wrapper .responsive-menu .mobile-menu-trigger,
	.two-rows-style2.iv-layout.header a,
	.two-rows-style2.iv-layout.header .responsive-menu .mobile-menu-trigger,
	.two-rows-style2.iv-layout.header .responsive-menu .mobile-menu-trigger i,
	.two-rows-style2.iv-layout.header .responsive-menu .mobile-menu-trigger span {
		color: #ffffff !important;
	}

	.header .sideheader-trigger a .bars span,
	.header.stuck .sideheader-trigger a .bars span,
	.header-is-visible .menu-bar .nav-trigger .bars span,
	.header-is-visible .header.style7 .menu-bar .nav-trigger .bars span {
		background: #ffffff !important;
	}
}