//* Base Header *//

$header_mobile_brand-margin: 													37px 15px 39px 15px; 
$header_mobile_mega-menu-quick-search-form-control-padding:						50px 15px 50px 15px;
$header_mobile_mega-menu-quick-search-close-icon-top:							25px;
$header_mobile_mega-menu-quick-search-close-icon-right:							18px;

// BEGIN: Mega Menu	

$mega-menu_mobile_primary-link-font-size:            							15px;
$mega-menu_mobile_primary-link-font-uppercase-size:    							13px;

$mega-menu_mobile_inner-dropdown-menu-head-font-size:         					15px;
$mega-menu_mobile_inner-dropdown-menu-head-font-uppercase-size:         		13px; 
$mega-menu_mobile_inner-dropdown-menu-link-font-size:							14px;
$mega-menu_mobile_inner-dropdown-menu-link-uppercase-font-size:					13px;

$mega-menu_mobile_1st-level-link-padding:										10px 20px 10px 20px;
$mega-menu_mobile_2nd-level-link-padding:										10px 20px 10px 40px;
$mega-menu_mobile_3rd-level-link-padding:										10px 20px 10px 60px;
$mega-menu_mobile_4th-level-link-padding:										10px 20px 10px 80px;
$mega-menu_mobile_5th-level-link-padding:										10px 20px 10px 100px;

$header_mobile_mega-menu-btn-margin: 											30px 15px 33px 15px; 
$header_mobile_mega-menu-quick-sidebar-toggler-padding:							44px 0 41px 15px;

// BEGIN: Mobile Mode

@media (max-width: $screen-sm-max) { /* 991px */
	.c-layout-header {
		margin: 0;

		//	Topbar
		.c-topbar {	
			margin: 0;
		}

		//	Navbar
		.c-navbar {
			// reset container position for mega menu support

			> .container {
				position: relative;
				padding: 0;
			}
		}

		// Header brand
		.c-brand {
			float: none !important;
			display: block;
			margin: $header_mobile_brand-margin;

			.c-desktop-logo-inverse {
				display: none;
			}

			> .c-hor-nav-toggler { 
				display: inline-block;
				background: none;
				border: 0;
				margin: 3px 0 0 0;
				padding: 0;
				float: right;
				outline: none;

				> .c-line { 
					width: 15px;
					display: block;
					height: 2px;
					padding: 0px;
					margin: 3px 0;  

					&:first-child {
						margin-top: 4px;
					}
				}
			}

			> .c-search-toggler {
				display: inline-block;
				background: none;
				border: 0;
				margin: 0px 25px 0 0;
				padding: 0;
				float: right;
				outline: none;
				height: 20px;
				width: 20px;

				> i {
					font-size: 14px;
				}
			}

			.c-desktop-logo {
				display: none;
			}
		}

		// Quick search form
		.c-quick-search {
			position: relative;

			> .form-control {
				font-size: 20px;
				padding: $header_mobile_mega-menu-quick-search-form-control-padding;
				height: $header_on-scroll-height;
			}

			// close icon
			> span {
				font-size: 36px;
				right: $header_mobile_mega-menu-quick-search-close-icon-right;
				top: $header_mobile_mega-menu-quick-search-close-icon-top;
			}
		}

	}
}

// END
