@media screen and (max-width: 1200px) {
			header {
				display: flex !important;
				flex-direction: row !important;
				justify-content: space-between !important;
				align-items: center !important;
				height: 70px !important;
				padding: 0 1rem !important;
			}
			
			header #logo {
				position: relative !important;
				left: 0 !important;
				transform: none !important;
				margin-left: 0 !important;
				padding-left: 0 !important;
			}
			
			body:not(.scrolled) header #logo {
				margin-left: 0 !important;
				transform: none !important;
			}
			
			body.scrolled header #logo {
				transform: none !important;
				padding-left: 0 !important;
			}

			#mega-menu-wrap-max_mega_menu_1 {
				margin: 0 !important;
				display: flex !important;
				align-items: center !important;
				justify-content: flex-end !important;
			}
			
			.mega-menu-toggle {
				position: relative !important;
				top: auto !important;
				right: auto !important;
				margin: 0 !important;
			}
			
			a.mega-menu-link {
				/*
				width: fit-content !important;
				max-width: fit-content !important;
				*/
			}

			#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle + #mega-menu-max_mega_menu_1 {
				background-color: #fff !important;
			}

			header a.mega-menu-link {
				color: var(--dark) !important;
			}
			

			#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
				display: block !important;
			}

			#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
				background-color: transparent !important;
				color: var(--blue-light) !important;
			}

			body:not(.scrolled) header #logo svg {
				width:180px;
			}
			body.scrolled #logo svg {
				width: 210px !important;
			}
			/* icon-only mark (desktop translate is tuned for a centered logo container; mobile's is left-anchored, so re-anchor + enlarge it here instead of leaving it floating mid-way across the invisible wordmark box) */
			body.scrolled header #logo path.square {
				transform: translate(-410px, 15px) !important;
			}
			.header-login-btn {
				display: none !important;
			}

			.mega-login-item {
				display: list-item !important;
			}

			header #mega-menu-max_mega_menu_1 li.mega-login-item {
				display: list-item !important;
			}

			.mega-login-item .header-login-menu-link {
				display: flex !important;
				align-items: center;
				justify-content: flex-start !important;
				gap: 0.5rem;
			}

			.header-login-menu-link__icon {
				display: block;
				width: 20px;
				height: 20px;
				flex-shrink: 0;
			}

			#mega-menu-max_mega_menu_1 {
				height: 65vh !important;
    			overflow-y: scroll !important;
				box-shadow:var(--shadow-md) !important;
			}

			header #mega-menu-max_mega_menu_1 {
				top: 70px !important;
			}

			.scrolled header #mega-menu-max_mega_menu_1 {
				top: 45px !important;
			}

			#mega-menu-max_mega_menu_1::-webkit-scrollbar {
				width: 5px;
			}

			#mega-menu-max_mega_menu_1::-webkit-scrollbar-track {
				background: transparent;
			}

			#mega-menu-max_mega_menu_1::-webkit-scrollbar-thumb {
				background-color: var(--blue-light);
				border-radius: 5px;
			}

			#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item {
				margin: 0 !important;
			}

		}
		@media screen and (max-width: 900px) {
			#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {
				flex-flow: column !important;
			}
		}