/* Header Main */
#ct-header-wrap {
	position: relative;
	z-index: 999;
	.row {
		align-items: center;
		flex-wrap: nowrap;
		@media #{$max-lg} {
			flex-wrap: wrap;
		}
	}
	.ct-header-branding {
		margin: 15px;
		position: relative;
		opacity: 1;
		img {
			max-height: 80px;
			max-width: inherit;
			@include transition(all 300ms linear 0ms);
		}
		.logo-light, .logo-mobile {
			position: absolute;
			top: 50%;
			left: 0%;
			@include transform(translate(0%, -50%));
			opacity: 0;
		}
	}
	#ct-header {
		@include transition(all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s);
		&.h-fixed {
			background-color: #fff;
			@include box-shadow(0 3px 18px rgba(#02154e, 0.09));
			position: fixed;
			left: 0;
			top: 0;
			right: 0;
			@include animation(0.95s ease 0s normal forwards 1 running headerSlideDown);
			.ct-header-branding {
				margin-top: 0;
				margin-bottom: 0;
				.logo-light {
					opacity: 0;
				}
				.logo-dark {
					opacity: 1;
				}
			}
		}
	}
	.ct-topbar-layout1 {
		background-color: #000e39;
		padding: 6px 0;
		font-size: 14px;
		color: #c2cdeb;
		@media #{$max-sm} {
			display: none;
		}
		label {
			color: #fff;
			font-weight: 500;
		}
		a {
			color: inherit;
			&:hover {
				color: #fff;
			}
		}
		.ct-topbar-meta {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			flex-grow: 1;
			i {
				color: $primary_color;
				margin-right: 4px;
			}
			padding-left: 180px;
			padding-right: 15px;
			@media #{$max-lg} {
				padding-left: 15px !important;
				padding-right: 15px !important;
			}
			.ct-topbar-item + .ct-topbar-item {
				position: relative;
				padding-left: 44px;
				margin-left: 44px;
				@media #{$max-lg} {
					padding-left: 24px;
					margin-left: 24px;
				}
				&:before {
					content: '';
					border-left: 2px dashed #354062;
					position: absolute;
					top: 50%;
					left: -1px;
					height: 22px;
					@include transform(translate(0, -50%));
				}
			}
		}
		.ct-topbar-social {
			padding: 0 15px;
			margin-right: -8px;
			a {
				color: #748bd1;
				margin-left: 0;
				display: inline-block;
				width: 30px;
				height: 30px;
				line-height: 30px;
				text-align: center;
				&:hover {
					color: #fff;
				}
			}
		}
	}
	.ct-topbar-layout2 {
		padding: 9px 0;
		font-size: 14px;
		color: rgba(#000e39, 0.87);
		border-bottom: 1px solid #e5e5e5;
		@media #{$max-md} {
			display: none;
		}
		label {
			font-weight: 500;
		}
		a {
			color: inherit;
			&:hover {
				color: $primary_color;
			}
		}
		.ct-topbar-intro {
			padding: 0 15px;
			flex-grow: 1;
		}
		.ct-topbar-meta {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			flex-grow: 1;
			justify-content: right;
			padding-left: 15px;
			i {
				color: $primary_color;
				margin-right: 4px;
			}
			padding-right: 15px;
			.ct-topbar-item + .ct-topbar-item {
				position: relative;
				padding-left: 22px;
				margin-left: 22px;
				&:before {
					content: '';
					border-left: 1px solid #e2e2e2;
					position: absolute;
					top: 50%;
					left: 0px;
					height: 20px;
					@include transform(translate(0, -50%));
				}
			}
		}
		.ct-topbar-social {
			margin-left: -8px;
			margin-right: -8px;
			a {
				color: #000e39;
				margin-left: 0;
				display: inline-block;
				width: 30px;
				height: 30px;
				line-height: 30px;
				text-align: center;
				i {
					color: inherit;
				}
				&:hover {
					color: $primary_color;
				}
			}
		}
	}
	.ct-topbar-layout3 {
		background-color: #000921;
		padding: 17px 0;
		font-family: 'Roboto', sans-serif;
		@media #{$max-sm} {
			display: none;
		}
		.ct-topbar-intro {
			padding: 0 15px;
			flex-grow: 1;
			font-size: 13px;
			color: $primary_color;
			b {
				font-weight: inherit;
				color: #fff;
			}
		}
		.ct-topbar-social {
			padding: 0 15px;
			a {
				font-size: 13px;
				color: #777;
				margin-left: 10px;
				width: 20px;
				height: 20px;
				display: inline-block;
				text-align: center;
				line-height: 20px;
				&:hover {
					color: $primary_color;
				}
			}
		}
	}
	.ct-header-search {
		max-width: 215px;
		margin-left: 30px;
		form {
			position: relative;
		}
		.search-field {
			background-color: transparent;
			color: #fff;
			border: 2px solid rgba(#fff, 0.4);
			height: 34px;
			padding: 0 23px;
			font-size: 14px;
			@include border-radius(34px);
			@include font-family-default($body_default_font);
			&:focus {
				border-color: rgba(#fff, 0.85);
			}
		}
		.search-submit {
			position: absolute;
			top: 0;
			right: 0;
			height: 34px;
			width: 58px;
			background: none !important;
			line-height: 34px;
			padding: 0;
			margin: 0;
			&:before, &:after {
				display: none;
			}
		}
		&.style2 {
			max-width: 274px;
			width: 100%;
			@media #{$max-lg} {
				display: none;
			}
			.search-field {
				border: none;
				background-color: #fff;
				height: 54px;
				padding: 0 58px 0 46px;
				font-size: 14px;
				color: #666666;
				@include font-family-heading($heading_default_font);
			}
			.search-submit {
				width: 46px;
				height: 54px;
				left: 0;
				right: auto;
				font-size: 17px;
				color: #000;
			}
			.widget_cart_counter_header {
				position: absolute;
				width: 14px;
				background-color: $primary_color;
				height: 14px;
				line-height: 14px;
				border-radius: 14px;
				font-size: 10px;
				color: #fff;
				font-weight: 500;
				top: 12px;
				right: 10px;
				@include transition(.3s cubic-bezier(.24,.74,.58,1));
				opacity: 0;
			}
			.h-btn-cart {
				position: absolute;
				height: 54px;
				width: 57px;
				top: 0;
				right: 0;
				text-align: center;
				line-height: 54px;
				font-size: 20px;
				color: #000;
				cursor: pointer;
				&:before {
					content: '';
					height: 25px;
					width: 2px;
					background-color: #bcbcbc;
					position: absolute;
					top: 50%;
					left: -1px;
					@include transform(translate(0, -50%));
				}
				&:hover .widget_cart_counter_header {
					opacity: 1;
				}
			}
		}
	}
	#ct-header-middle {
		padding: 23px 0 23px 0;
		@media #{$max-lg} {
			display: none;
		}
		.ct-h-middle-icon {
			font-size: 35px;
			color: $secondary_color;
			line-height: 1;
			margin-right: 10px;
			@include transition(.3s cubic-bezier(.24,.74,.58,1));
		}
		.ct-h-middle-meta {
			margin-top: -6px;
			label {
				font-size: 13px;
				line-height: 22px;
				display: block;
				margin-bottom: 2px;
			}
			span {
				@include font-family-heading($heading_default_font);
				font-size: 19px;
				line-height: 1;
				font-weight: 700;
				color: $dark_color;
				display: block;
				letter-spacing: -0.01em;
			}
		}
		.ct-h-middle-item {
			display: flex;
			flex-wrap: nowrap;
			position: relative;
			padding: 0 30px;
			&:before {
				content: '';
				width: 0;
				border-right: 2px dashed #bfcaed;
				height: 33px;
				@include transform(translate(0, -50%));
				right: -1px;
				top: 50%;
				position: absolute;
			}
			.ct-h-middle-link {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 9;
			}
			&:last-child:before {
				display: none;
			}
			&:hover .ct-h-middle-icon {
				animation: icon-bounce 800ms ease-out infinite;
        		-webkit-animation: icon-bounce 800ms ease-out infinite;
			}
		}
		.ct-h-middle-left, .ct-h-middle-right {
			padding: 0 15px;
			width: 50%;
			display: flex;
			flex-wrap: wrap;
    		justify-content: center;
		}
		.ct-h-middle-left {
			padding-right: 30px;
		}
		.ct-h-middle-right {
			padding-left: 30px;
		}
	}
	&.ct-header-layout2 {
		.ct-topbar-intro {
			padding: 0 15px;
			font-size: 13px;
			flex-grow: 1;
			b {
				color: #fff;
			}
		}
		.ct-header-social a {
			font-size: 13px;
		}
		.ct-topbar-layout1 {
			padding: 2px 0;
		}
	}
	&.ct-header-layout3 .ct-topbar-layout1 {
		@media #{$max-md} {
			display: none;
		}
		.ct-topbar-meta {
			padding-left: 15px;
		}
	}
	.ct-header-button.style1 {
		padding: 0 15px;
		.btn {
			line-height: 50px;
			padding: 0 27px;
			background-color: $primary_color;
			text-transform: uppercase;
			&:hover {
				background-color: $secondary_color;
			}
			i {
				margin-left: 12px;
			}
		}
	}
}

@media #{$min-xl} {
	#ct-header-wrap {
		.ct-header-navigation {
			margin: 0 15px;
			display: flex;
			align-items: center;
		}
		&.header-trans {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			z-index: 999;
		}
		&.ct-header-layout1 {
			#ct-header {
				background-color: $primary_color;
				.ct-header-branding {
					background-color: #fff;
					margin: -42px 15px -16px 15px;
					@include border-radius(0 0 10px 10px);
					@include box-shadow(0 0 10px rgba(#02154e, 0.33));
					min-width: 142px;
					padding: 15px;
					min-height: 128px;
					text-align: center;
					display: flex;
					flex-wrap: nowrap;
					align-items: center;
					justify-content: center;
				}
				.ct-header-navigation {
					margin-left: 45px;
					flex-grow: 1;
				}
				.ct-main-navigation {
					flex-grow: 1;
				}
				.ct-main-menu > li {
					margin: 0 16px;
					> a {
						color: #fff;
						&:before {
							content: '';
							width: 16px;
							height: 16px;
							border: 3px solid $secondary_color;
							position: absolute;
							bottom: -8px;
							left: 0;
							right: 0;
							margin: auto;
							background-color: $primary_color;
							@include border-radius(15px);
							z-index: 100;
							@include transition(all 220ms linear 0ms);
							opacity: 0;
							@include transform(scale(0));
						}
					}
					> a.ct-onepage-active,
					&:hover > a,
		            &.current_page_item > a,
		            &.current-menu-item > a,
		            &.current_page_ancestor > a {
		                color: #fff;
		                &:before {
		                	opacity: 1;
		                	@include transform(scale(1));
		                }
		            }
				}
				&.h-fixed {
					background-color: $primary_color;
					.ct-header-branding {
						padding: 10px;
						min-width: 110px;
						min-height: 96px;
						margin-top: 0;
						img {
							max-height: 70px;
						}
					}
					.ct-main-menu > li > a {
						line-height: 80px;
					}
				}
				&:not(.h-fixed) {
					
				}
			}
		}
		&.ct-header-layout2 {
			margin-bottom: -30px;
			#ct-main-menu-left-mobile {
				display: none;
			}
			.ct-header-navigation {
				margin: 0;
				padding: 0 35px;
				width: 50%;
			}
			.ct-header-navigation-right {
				justify-content: flex-end;
			}
			#ct-header {
				background-color: $secondary_color;
				&:before {
					content: '';
					left: 40px;
					right: 40px;
					height: 5px;
					background-color: $primary_color;
					position: absolute;
					bottom: -5px;
				}
				> .container {
					position: relative;
				}
				.ct-header-branding {
					position: absolute;
					left: 50%;
					top: 50%;
					@include transform(translate(-50%, -50%));
					margin: 0;
					width: 120px;
					height: 120px;
					display: flex;
					flex-wrap: wrap;
					align-items: center;
					justify-content: center;
					background-color: #fff;
					border-radius: 120px;
					@include box-shadow(0 0 43px rgba(#0c0c0c, 0.16));
				}
				.ct-main-menu > li {
					margin: 0 33px;
					> a {
						line-height: 60px;
						color: #fff;
						&:before {
							content: '';
							width: 24px;
							height: 3px;
							background-color: $primary_color;
							@include transition(.3s cubic-bezier(.24,.74,.58,1));
							position: absolute;
							top: 50%;
							@include transform(translate(0, -50%));
							left: -60px;
							opacity: 0;
						}
					}
					> a.ct-onepage-active,
					&:hover > a,
		            &.current_page_item > a,
		            &.current-menu-item > a,
		            &.current_page_ancestor > a {
		                &:before {
		                	left: -35px;
		                	opacity: 1;
		                }
		            }
				}
				&:not(.h-fixed) {
					position: relative;
					max-width: 1170px;
					margin: auto;
				}
				&.h-fixed .ct-header-branding {
					padding-bottom: 10px;
					top: 0;
					@include transform(translate(-50%,0));
					@include border-radius(0 0 120px 120px);
					min-width: 120px;
				}
			}
		}
		&.ct-header-layout3 {
			.ct-header-navigation {
				flex-grow: 1;
			}
			.ct-main-navigation {
				flex-grow: 1;
				display: flex;
				justify-content: center;
			}
			.ct-header-search {
				.search-field {
					border-color: #adb2bf;
					color: #000e39;
				}
				.search-submit {
					color: #000e39;
				}
			}
			.ct-header-branding {
				margin-top: 5px;
				margin-bottom: 5px;
				img {
					max-height: 55px;
				}
			}
			.ct-main-menu > li {
				> a {
					color: #000e39;
					&:before {
						content: '';
						height: 4px;
						background-color: $secondary_color;
						position: absolute;
						left: 0;
						right: 0;
						margin: auto;
						bottom: 0;
						@include transition(.3s cubic-bezier(.24,.74,.58,1));
						opacity: 0;
						width: 0;
					}
				}
				> a.ct-onepage-active,
				&:hover > a,
	            &.current_page_item > a,
	            &.current-menu-item > a,
	            &.current_page_ancestor > a {
	                &:before {
	                	opacity: 1;
	                	width: 100%;
	                }
	            }
			}
		}
		&.ct-header-layout4 {
			.ct-header-navigation {
				flex-grow: 1;
			}
			.ct-main-navigation {
				flex-grow: 1;
				display: flex;
				justify-content: center;
			}
			.ct-header-search {
				.search-field {
					border-color: #adb2bf;
					color: #000e39;
				}
				.search-submit {
					color: #000e39;
				}
			}
			.ct-header-branding {
				margin-top: 5px;
				margin-bottom: 5px;
				img {
					max-height: 55px;
				}
			}
			.ct-main-menu > li {
				> a {
					color: #000e39;
					line-height: 94px;
					&:before {
						content: '';
						height: 4px;
						background-color: $primary_color;
						position: absolute;
						left: 0;
						right: 0;
						margin: auto;
						bottom: 0;
						@include transition(.3s cubic-bezier(.24,.74,.58,1));
						opacity: 0;
						width: 0;
					}
				}
				> a.ct-onepage-active,
				&:hover > a,
	            &.current_page_item > a,
	            &.current-menu-item > a,
	            &.current_page_ancestor > a {
	            	color: $primary_color;
	                &:before {
	                	opacity: 1;
	                	width: 100%;
	                }
	            }
			}
			.h-fixed .ct-main-menu > li > a {
				line-height: 80px;
			}
		}
		&.ct-header-layout5 {
			.ct-header-holder {
				padding: 0 15px;
				display: flex;
			}
			#ct-header-middle {
				border-bottom: 1px solid #ececec;
				padding: 0;
				.ct-header-branding {
					flex-grow: 1;
					margin-top: 12px;
					margin-bottom: 12px;
					img {
						max-height: 55px;
					}
				}
				.ct-h-middle-icon {
					font-size: 32px;
					color: $primary_color;
					.flaticon-pin {
						margin-left: -6px;
					}
				}
				.ct-h-middle-meta {
					label {
						color: #5a5a5a;
					}
					span, a {
						color: #000;
					}
				}
				.ct-h-middle-item {
					padding: 0 27px;
					&:last-child {
						padding-right: 0;
					}
				}
			}
			#ct-header {
				.ct-header-branding {
					display: none;
				}
				.ct-main-menu > li {
					margin: 0 30px;
					> a {
						font-weight: 700;
						font-family: 'Roboto', sans-serif;
						line-height: 67px;
						&:after {
							color: $fifth_color;
						}
						&:before {
							content: '';
							height: 4px;
							background-color: $fifth_color;
							position: absolute;
							left: 0;
							right: 0;
							margin: auto;
							bottom: 0;
							@include transition(.3s cubic-bezier(.24,.74,.58,1));
							opacity: 0;
							width: 0;
						}
					}
					&:first-child {
						margin-left: 0;
					}
					> a.ct-onepage-active,
					&:hover > a,
		            &.current_page_item > a,
		            &.current-menu-item > a,
		            &.current_page_ancestor > a {
		                &:before {
		                	opacity: 1;
		                	width: 100%;
		                }
		            }
				}
				.ct-main-menu .sub-menu li {
					a {
						color: #4a4a4a;
					}
					> a.ct-onepage-active,
					&:hover > a,
		            &.current_page_item > a,
		            &.current-menu-item > a,
		            &.current_page_ancestor > a {
		            	color: $primary_color;
		            }
				}
				&.h-fixed {
					.ct-header-branding {
						display: flex;
						flex-grow: 1;
						margin-top: 5px;
						margin-bottom: 5px;
						img {
							max-height: 50px;
						}
					}
					.ct-main-menu > li {
						margin: 0 22px;
					}
				}
			}
			.ct-header-meta {
				position: relative;
				margin-left: -4px;
				padding-left: 26px;
				&:before {
					content: '';
					width: 1px;
					height: 19px;
					background-color: #d9d9d9;
					position: absolute;
					top: 50%;
					left: 0;
					@include transform(translate(0, -50%));
				}
				.header-right-item {
					font-size: 15px;
					color: #5a5a5a;
					width: 30px;
					height: 30px;
					line-height: 30px;
					text-align: center;
					cursor: pointer;
					@include transition(.3s cubic-bezier(.24,.74,.58,1));
					&:hover {
						color: $primary_color;
					}
				}
			}
			.ct-header-social {
				flex-grow: 1;
				padding: 0px 3px;
				text-align: right;
				a {
					height: 39px;
					width: 39px;
					display: inline-block;
					line-height: 39px;
					text-align: center;
					font-size: 16px;
					color: #5a5a5a;
					position: relative;
					z-index: 1;
					&:before {
						content: '';
						position: absolute;
						width: 100%;
						height: 100%;
						top: 0;
						left: 0;
						margin: auto;
						background-color: $primary_color;
						transform-origin: bottom center;
						-webkit-transform-origin: bottom center;
						@include transform(scale(1, 0));
						@include transition(transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85));
						z-index: -1;
					}
					&:hover {
						color: #fff;
						&:before {
							transform-origin: top center;
							-webkit-transform-origin: top center;
							@include transform(scale(1, 1));
						}
					}
				}
			}
		}
		&.ct-header-layout6 {
			#ct-header {
				background-color: $primary_color;
				.ct-header-branding {
					background-color: #fff;
					margin: 0 15px -36px 15px;
					@include border-radius(0 0 10px 10px);
					@include box-shadow(0 0 10px rgba(#02154e, 0.33));
					min-width: 142px;
					padding: 15px;
					min-height: 116px;
					text-align: center;
					display: flex;
					flex-wrap: nowrap;
					align-items: center;
					justify-content: center;
				}
				.ct-header-navigation {
					margin-left: 45px;
					flex-grow: 1;
				}
				.ct-main-navigation {
					flex-grow: 1;
				}
				.ct-main-menu > li {
					margin: 0 16px;
					> a {
						color: #fff;
						line-height: 80px;
						padding: 0 8px;
						&:before {
							content: '';
							width: 0;
							height: 5px;
							margin: auto;
							left: 0;
							right: 0;
							bottom: 0;
							position: absolute;
							background-color: $fifth_color;
							@include transition(.3s cubic-bezier(.24,.74,.58,1));
							@include border-radius(3px);
						}
					}
					> a.ct-onepage-active,
					&:hover > a,
		            &.current_page_item > a,
		            &.current-menu-item > a,
		            &.current_page_ancestor > a {
		                color: #fff;
		                &:before {
		                	width: 100%;
		                }
		            }
				}
				.ct-header-button {
					.btn {
						line-height: 50px;
						padding: 0 38px;
						@include border-radius(5px);
						color: #14287b;
						background-color: $fifth_color;
						font-weight: 600;
						&:after {
							background-image: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(255,255,255,0.6)),to(transparent));
    						background-image: linear-gradient(to right,transparent,rgba(255,255,255,0.6),transparent);
						}
					}
				}
			}
		}
		&.ct-header-layout7 {
			margin-bottom: -142px;
			#ct-header {
				.ct-header-branding img {
					max-height: 47px;
				}
				.ct-header-navigation {
					flex-grow: 1;
					.ct-main-navigation {
						display: flex;
						flex-grow: 1;
						justify-content: center;
					}
				}
				.ct-main-menu {
					> li {
						> a {
							line-height: 80px;
							color: #000000;
							&:before {
								content: '';
								height: 4px;
								width: 0;
								position: absolute;
								bottom: 0;
								left: 0;
								right: 0;
								@include border-radius(2px);
								background-color: $primary_color;
								@include transition(.3s cubic-bezier(.24,.74,.58,1));
							}
						}
						> a.ct-onepage-active,
						&:hover > a,
			            &.current_page_item > a,
			            &.current-menu-item > a,
			            &.current_page_ancestor > a {
			            	&:before {
			            		width: 100%;
			            	}
			            }
					}
					.sub-menu li {
						a {
							color: #444;
						}
						&:hover > a,
			            &.current_page_item > a,
			            &.current-menu-item > a,
			            &.current_page_ancestor > a {
			            	color: $primary_color;
			            }
					}
				}
				&:not(.h-fixed) {
					margin-top: 42px;
				}
				&.h-fixed {
					.ct-header-search.style2 .search-field {
						border: 1px solid #ebebeb;
					}
				}
			}
		}
		&.ct-header-landing {
			#ct-header {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				padding: 26px 0 0;
				.ct-header-branding {
					display: none;
				}
				.ct-main-menu > li {
					margin: 0 25px;
					> a {
						color: $dark_color;
						line-height: 50px;
						&:before {
							content: "";
		                    position: absolute;
		                    left: 0;
		                    right: 0;
		                    bottom: 0;
		                    margin: auto;
		                    background-color: $primary_color;
		                    height: 3px;
		                    transform-origin: right center;
		                    -webkit-transform-origin: right center;
		                    @include transform(scale(0, 1));
		                    @include transition(transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85));
						}
					}
					> a.ct-onepage-active,
					&:hover > a,
		            &.current_page_item > a,
		            &.current-menu-item > a,
		            &.current_page_ancestor > a {
		                &:before {
		                	transform-origin: left center;
		                    -webkit-transform-origin: left center;
		                    @include transform(scale(1, 1));
		                }
		            }

		            &:last-child {
		            	> a {
							background-color: #2933b0;
							padding: 0;
							padding: 0 22px;
							border-radius: 5px;
							color: #fff;
							font-size: 15px;
							text-shadow: 0 2px 8px rgba(#0c0c0c, 0.22);
							i {
								color: #fff;
								font-size: 20px;
							}
		            		&:before {
		            			display: none;
		            		}
		            		&:hover, &:focus {
		            			background-color: $primary_color;
		            			color: #fff;
		            			text-shadow: none;
		            		}
		            	}
		            }
				}
			}
		}
	}
}

@media #{$max-lg} {
	#ct-header-wrap {
		position: relative;
		@include box-shadow(0 0px 5px rgba(0, 0, 0, 0.15));
		background-color: #fff;
		&.fixed-height {
			height: inherit !important;
		}
		.ct-header-holder, .ct-header-button-wrap, .ct-header-navigation-left, .ct-header-button, &.ct-header-layout5 .ct-header-social {
			display: none;
		}
		.ct-header-button-mobile {
			display: block;
		}
		.ct-header-main {
			position: relative;
		}
		.ct-header-meta {
			display: none;
		}
		.ct-header-branding {
			padding: 10px 15px;
			min-height: 60px;
			align-items: center;
			display: flex;
			margin: 0;
			img {
				max-height: 60px;
			}
	    	a {
	    		&.logo-mobile {
	    			opacity: 1;
	    			position: static;
	    		}
	    		&.logo-dark, &.logo-light {
	    			display: none;
	    		}
	    	}
		}
		#ct-menu-mobile {
			position: absolute;
			top: 50%;
			right: 15px;
			@include transform(translate(0,-50%));
			display: flex;
			flex-wrap: wrap;
			align-items: center;
		}
	}
}

.admin-bar #ct-header-wrap #ct-header.h-fixed {
	top: 32px;
	@media screen and (max-width: 782px) {
		top: 46px;
	}
	@media screen and (max-width: 600px) {
		top: 0;
	}
}
/* End Header Main */
.h10-topbar {
	max-width: 960px;
	left: 50%;
	transform: translate(-50%, 0);
}