/**
 * Mobile drawer menu, header spacing, bottom nav (≤992px).
 */

@media screen and (max-width: 992px) {
	/* Hide drawer social block (PEEKCHINA / mob_sns). */
	.mob_sns {
		display: none !important;
	}

	/* Taller top strip + menu bar. */
	.qng-mob-header-strip {
		min-height: 38px;
		padding: 8px 12px;
	}

	#menu-mobile {
		top: 38px;
		height: 68px;
		padding: 0 56px;
	}

	.top_section .nav_r > a.search-ico.ico_search {
		top: 53px;
	}

	.mob_logo img {
		max-height: 46px;
	}

	.header-navigation .main-navigation-inner {
		padding-top: 106px;
	}

	.nav_con {
		margin-top: 0;
	}

	/* One card per row in mobile drawer. */
	body header .header-navigation .main-menu,
	body header .header-navigation ul.main-menu,
	body header .header-navigation #menu-main-menu.main-menu {
		display: block !important;
		width: 100% !important;
		padding: 0 16px 20px !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
	}

	body header .header-navigation .main-menu > li,
	body header .header-navigation ul.main-menu > li,
	body header .header-navigation #menu-main-menu.main-menu > li {
		display: block !important;
		width: 100% !important;
		float: none !important;
		margin: 0 0 10px !important;
		padding: 0 !important;
	}

	body header .header-navigation .main-menu > li > a,
	body header .header-navigation ul.main-menu > li > a {
		display: block !important;
		background: #fff !important;
		border: 1px solid rgba(9, 95, 168, 0.12) !important;
		border-radius: 10px !important;
		box-shadow: 0 2px 10px rgba(4, 79, 172, 0.06) !important;
		padding: 14px 18px !important;
		margin: 0 !important;
		font-size: 16px !important;
		font-weight: 500 !important;
		line-height: 1.4 !important;
		color: #222 !important;
		text-transform: capitalize !important;
	}

	body header .header-navigation .main-menu > li.active > a,
	body header .header-navigation .main-menu > li.current-menu-item > a,
	body header .header-navigation .main-menu > li.current_page_item > a,
	body header .header-navigation .main-menu > li > a:hover,
	body header .header-navigation .main-menu > li > a.current {
		color: var(--main-color, #095fa8) !important;
		border-color: rgba(9, 95, 168, 0.28) !important;
	}

	.main-navigation-inner .main-menu > li > a.onepage-active,
	.main-navigation-inner .main-menu > li > a.current,
	.main-navigation-inner .main-menu > li.current_page_item > a,
	.main-navigation-inner .main-menu > li.current-menu-item > a {
		color: var(--main-color, #095fa8) !important;
	}

	/* Bottom fixed nav: blue icons, black labels. */
	.mobile_nav a .icon {
		fill: var(--main-color, #095fa8);
	}

	.mobile_nav a i {
		color: var(--main-color, #095fa8);
	}

	.mobile_nav a p {
		color: #000;
	}
}