/*
* For: Main Header
* Author: JFF (Prosoft) | 06-30-2022
*/

/*-------------------------------------------------------------------
Upper Menu
-------------------------------------------------------------------*/

	header.main-header .desktop-menu {
		padding: 30px 0;
		background-color: #EFF0F5;
	}

	header.main-header ul {
		flex-wrap: wrap;
	}

	header.main-header ul li {
		color: #5D85B1;
		padding-left: 5px;
	}

	header.main-header ul li a {
		color: #5D85B1;
	}

	header.main-header ul li .black-line {
		padding-right: 5px;
		color: black !important;
	}

	header.main-header .button-con button{
		margin-left: 20px;
	}

	.main-header .mobile-menu {
		display: none !important;
	}

	header.main-header .sub-menu {
    	padding-top: 6px;    
	}

/*-------------------------------------------------------------------
Menu List (Oxygen)
-------------------------------------------------------------------*/
	#superiorHeader .oxy-header-container {
		padding: 0;
	}

	#_header_center-45-29,
	#_header_center-45-29 nav,
	#_header_center-45-29 nav ul {
		width: 100%;
	}

	#_header_center-45-29 nav ul {
		justify-content: space-between;
	}

	@media (min-width: 1400px) {
		#superiorHeader .oxy-header-container {
			max-width: 1320px;
		}
	}

	@media (max-width: 1400px) {
		#superiorHeader .oxy-header-container {
			max-width: 1140px;
		}
	}

	@media (max-width: 1200px) {
		#superiorHeader .oxy-header-container {
			max-width: 960px;
		}
	}

	@media (max-width: 992px) {
		.main-header .desktop-menu ,
		#superiorHeader {
			display: none !important;
		}

		.main-header .mobile-menu {
			display: block !important;
		}

		/*Mobile Menu Upper*/
			.main-header .mobile-menu.upper {
				background-color: #426387;
				padding: 12px 0;
			}

			.main-header .mobile-menu.upper,
			.main-header .mobile-menu.upper a {
				color: white !important;
				font: normal 13px/13px Open Sans Regular;
			}

			.main-header .mobile-menu.upper img {
				padding-right: 9px;
			}

			.main-header .mobile-menu.upper a {
				font: bold 13px/13px Open Sans Bold;
			}

			.main-header .mobile-menu.upper .col-sm-6 {
				width: 50%;
			}

			.mobile-menu.middle {
				padding: 18px 0;
				background-color: #EFF0F5;
			}

			.mobile-menu.middle .logo {
				width: 161px;
			}

			.mobile-menu.middle .btn-stack-burger {
				padding: 0 !important;
			}

		/*Dropdown menu*/
			.mobile-menu.middle .menu-mobile-main-menu-container {
				background-color: #36587d;
			}

			.mobile-menu.bottom.front {
				position: absolute;
    			z-index: 1000;
			}

			.menu-mobile-main-menu-container {
				padding: 20px 0;
			}

			.menu-mobile-main-menu-container ul li {
				padding: 5px 0;
				font: bold 16px/20px Open Sans Bold;
			}

			.menu-mobile-main-menu-container ul li a {
				display: block;
				width: 100%;
			}

			.main-header .button-con button {
				margin: 8px 0 !important;
			}

		/*Former tablet view style*/
			.main-header .logo-div,
			.main-header ul {
				justify-content: center;
				padding-bottom: 20px;
			}

			.main-header .button-con {
				justify-content: space-between;
				flex-wrap: wrap;
			}

			#superiorHeader .oxy-header-container {
				max-width: 720px;
			}

			#superiorHeader #fancy_icon-238-5911 {
				margin: 0 !important;
			}

			#_header_center-45-29 nav#-mega-menu-47-29 > ul {
				flex-wrap: wrap;
			}

			#_header_center-45-29 nav#-mega-menu-47-29 > ul li {
				display: flex;
				align-items: center;
			}

			#-mega-dropdown-252-302 {
				display: none !important;
			}
	}

	@media (max-width: 768px) {
		#superiorHeader .oxy-header-container {
			max-width: 540px;
		}

		.main-header .button-con {
			justify-content: center;
		}

		.main-header .button-con button {
			font: bold 13px/13px Open Sans Bold;
		}

	}

	@media (max-width: 540px) {
		.main-header .button-con .col-sm-12 {
			/*flex-wrap: wrap !important;*/
			justify-content: space-between !important;
			align-items: center;
		}

		.main-header .button-con .col-sm-12 button {
			margin: 5px 1px !important;
			padding: 12.5 5px !important;
			font: bold 10px/10px Open Sans Bold;
		}
	}

	@media (max-width: 450px) {
		.main-header .button-con .col-sm-12 button {
			margin: 5px 1px !important;
			padding: 10px 10px !important;
			font: bold 9px/9px Open Sans Bold;
		}
	}

	@media (max-width: 395px) {
		.mobile-menu.upper .col-sm-6 {
			width: 100% !important;
			display: flex;
			justify-content: center;
		}

		.mobile-menu.upper .col-sm-6:first-child {
			margin-bottom: 10px;
		}
	}

	@media (max-width: 380px) {
		.main-header .button-con .col-sm-12 button {
			padding: 8px 4px !important;
		}	
	}