/*#region GLOBAL */
:root {
	font-size: 14px;
	--content-size: 1410px;
	--color: #e20082;
	--color1: #20bef8;
}

body {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
}

html, body {
	scroll-behavior: smooth;
	scrollbar-width: thin;
	scrollbar-color: var(--color) #ccc;
}
::-webkit-scrollbar { 
	width: 8px;
	height: 4px; 
} 
  
::-webkit-scrollbar-thumb { 
	background: var(--color); 
} 
  
::-webkit-scrollbar-track { 
	background: #ccc; 
} 

input:focus-visible, textarea:focus-visible {
    outline: none !important;
    box-shadow: unset !important;
    border-color: #fdcc0d !important;
}
input:focus, textarea:focus {
    outline: none !important;
    box-shadow: unset !important;
    border-color: #fdcc0d !important;
}


a {
	text-decoration: none;
}

a:active, a:visited, a:hover {
	text-decoration: none;
	transition: all 100ms ease-in 0ms;s
}

.gd_module img, .gd_banner img {
	max-width: 100%;
}
.img-fluid {
	max-width: 100%;
	height: auto;
}
/*#endregion */

/*#region HEADER */
.progress {
	background: linear-gradient(to right,#183885 var(--scroll),transparent 0);
	position: fixed;
	width: 100%;
	height: 4px;
	z-index: 101;
	top: 0;
	opacity: 0.05;
}

#header {
	background: #fff;
	width: 100%;
	box-shadow: 0 1px 15px rgba(0,0,0,0.1);
	position: relative;
}
/*
	#header.sticky {
		position: fixed;
		background: #fff;
		animation: fadeInDown 0.3s ease 0s;
		z-index: 100;
		top: 0;
	}

		#header.sticky::after {
			content: "";
			width: 100%;
			height: 100%;
			background-color: #fff;
			position: absolute;
			box-shadow: 0 10px 30px rgba(0,0,0,0.2);
			left: 0;
			top: 0;
			-webkit-transition: opacity 0.3s ease-in-out;
			transition: opacity 0.3s ease-in-out;
			z-index: -1;
			}*/

/*.admin-bar #header.sticky {
	top: 32px !important;
	}*/

	#header.sticky .gd_main_menu .sub-menu {
		top: 60px;
	}

/*#header.sticky .gd_main_menu .gd_menu__primary > li > a {
	padding: 1.5rem 15px 1.5rem;
	}*/

	.logo {
		align-self: center;
		padding: 20px 0;
		display: flex;
		align-items: center;
	}

	.kh_des_logo {
		margin-left: 40px;
		font-size: 1.4rem;
		font-weight: 600;
		color: #b83d44;
	}

	.logo a {
		display: flex;
		align-items: baseline;
		height: 100%;
	}
	/*Menu*/

	.kh_header_logo  {
		background: #ebebeb;
		background: url(../images/bg_yop_01.jpg) no-repeat center center;
	}
	
	.kh_header_logo .kh_buying {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	.kh_header_logo .kh_buying figure {
		margin: 0 15px;
	}
	.kh_header_logo .kh_buying .kh_cart_img a {
		display: inline-block;
		position: relative;
	}
	.kh_header_logo .kh_buying .kh_cart_img .cart-total {
	   position: absolute;
	   display: block;
	   padding: 1px 8px;
	   border-radius: 50%;
	   background-color: #d40000;
	   font-size: 14px;
	   top: 0px;
	   left: 30px;
	   color: #fff;
	   line-height: 1;
   }
   .kh_header_logo .gd_header_cta {
		display: none;
	}

.fas.fa-phone-alt {
}

.kh_icon_hotline {
	margin-right: 7px;
	height: max-content;
}

.kh_icon_hotline a {
	padding: 9.5px 11px;
	color: #fff;
	background-color: var(--color);
	border-radius: 50%;
}

.kh_hotline_header {
	align-items: center;
	padding: 4px 15px 4px 4px;
	background-color: #fff;
	border-radius: 35px;
}

.kh_right_hotline {
}

.kh_right_hotline div {
	font-size: 13px;
	color: #222;
	font-weight: 500;
	line-height: 1;
}

.kh_right_hotline a {
	color: var(--color);
	font-weight: 600;
	font-size: 1.3rem;
	line-height: 1;
	white-space: nowrap;
	display: block;
	margin-top: 2px;
}


.kh_header_menu {
	height: auto;
	background-color: var(--color);
}

.gd_main_menu {
	width: 100%;
	flex: 1;
	padding-right: 50px;
}

.gd_main_menu_container {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	align-items: center;
}

.gd_main_menu_container .offer {
	display: inline-block;
	background: url(../images/offer.png) no-repeat center center;
	width: 81px;
	height: 71px;
	margin-left: 30px;
}

.gd_main_menu ul {
	padding: 0;
}

.gd_main_menu .gd_menu__primary {
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.gd_main_menu .gd_menu__primary li {
	list-style: none;
	/*padding: 0 12px;*/
	position: relative;
}

.gd_main_menu .gd_menu__primary li a {
	color: #333;
	display: block;
	padding: 8px 0;
	font-size: 1rem;
}
.gd_main_menu .gd_menu__primary li a:hover{
	color: #f7941d;
}
.gd_main_menu .gd_menu__primary li:last-child {
}

		/*.gd_main_menu .gd_menu__primary > li {
			padding: 0 22px;
		}
		*/
		.gd_main_menu .gd_menu__primary > li > a {
			text-transform: uppercase;
			position: relative;
			text-decoration: none;
			overflow: hidden;
			white-space: nowrap;
			color: #fff;
			font-size: 1rem;
			padding: 13px 0;
			font-weight: 500;
		}

		.gd_main_menu .gd_menu__primary > li > a::after, .gd_main_menu .gd_menu__primary > li > a::before {
			content: unset;
			position: absolute;
			left: 0;
			background: #fff;
			height: 2px;
			width: 100%;
			bottom: 0;
			transform: translate(-100%);
			transition: all 300ms ease-in 0ms;
			visibility: hidden;
		}

		.gd_main_menu .gd_menu__primary > li > a:before {
			display: none;
			width: 25px;
			bottom: 0;
			transition: all 300ms ease-in 150ms;
		}

		.gd_main_menu .gd_menu__primary > li:hover > a::after, .gd_main_menu .gd_menu__primary > li:hover > a:before,
		.gd_main_menu .gd_menu__primary > li.current-menu-item > a::after, .gd_main_menu .gd_menu__primary > li.current-menu-item > a:before {
			visibility: visible;
			transform: translate(0);
		}
		.gd_main_menu .gd_menu__primary > li:hover > a{
			color: #fff !important;font-weight: bold;
		}
		.gd_main_menu .gd_menu__primary > li:hover > a, .gd_main_menu .gd_menu__primary .current-menu-item > a {
			font-weight: 500;
			color: var(--color1) !important;
		}

		.gd_main_menu .gd_menu__primary .current-menu-item > a {
		}

		.gd_main_menu .gd_menu__primary > li:hover, .gd_main_menu .gd_menu__primary .current-menu-item {
		}

		/*.gd_main_menu .gd_menu__primary > li:first-child {
			padding-left: 0;
			}*/

			.gd_main_menu .gd_menu__primary > li:first-child:hover, .gd_main_menu .gd_menu__primary > li.current-menu-item:first-child {
				background: none;
			}

			.gd_main_menu .gd_menu__primary > li:first-child > a {

				/*font-size: 0;
						background: url('../images/icon/icon-home.png') no-repeat center center;
						height: 47px;
						width: 47px;*/
					}

					.gd_main_menu .gd_menu__primary > li.menu-item-has-children::before {
						content: "\e5cf";
						display: none;
						position: absolute;
						right: -2px;
						top: 50%;
						font-family: 'icomoon' !important;
						speak: none;
						font-style: normal;
						font-weight: normal;
						font-variant: normal;
						text-transform: none;
						line-height: 1;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						-moz-transform: translateY(-50%);
						-ms-transform: translateY(-50%);
						-o-transform: translateY(-50%);
						-webkit-transform: translateY(-50%);
						transform: translateY(-50%);
					}

					.gd_main_menu .gd_menu__primary > li.menu-item-has-children.mega-menu::before {
						display: none;
					}

					.gd_main_menu .sub-menu {
						display: block;
						left: -10px;
						position: absolute;
						z-index: 1000;
						visibility: hidden;
						background-color: #fff;						
						-moz-transition: all 0.5s ease 0s;
						-o-transition: all 0.5s ease 0s;
						-webkit-transition: all 0.5s ease 0s;
						transition: all 0.5s ease 0s;
					}

					.gd_main_menu .sub-menu.submenu_right {
						right: 100% !important;
						top: 0;
						left: auto;
						margin-right: 1px;
						-moz-transform-origin: right;
						-ms-transform-origin: right;
						-o-transform-origin: right;
						-webkit-transform-origin: right;
						transform-origin: right;
					}

					.gd_main_menu .sub-menu.submenu_left {
						left: 100% !important;
						top: 0;
						right: auto;
						margin-left: 1px;
						-moz-transform-origin: left;
						-ms-transform-origin: left;
						-o-transform-origin: left;
						-webkit-transform-origin: left;
						transform-origin: left;
					}

					.gd_main_menu ul.gd_menu__primary > li:not(.mega-menu) .sub-menu {
						box-shadow: 0px 3px 3px #a1a1a1;
						border-bottom: 2px solid #f0f0f0;
					}

					.gd_main_menu ul.gd_menu__primary > li:not(.mega-menu) > .sub-menu {
						transform: rotateX(90deg);
						transform-origin: center top 0;
						-moz-transition: all 0.5s ease 0s;
						-o-transition: all 0.5s ease 0s;
						-webkit-transition: all 0.5s ease 0s;
						transition: all 0.5s ease 0s;
						visibility: hidden;
					}

					.gd_main_menu ul.gd_menu__primary > li:hover:not(.mega-menu) > .sub-menu {
						opacity: 1;
						transform: rotateX(0deg);
						visibility: visible;
					}

					.gd_main_menu ul.gd_menu__primary > li:not(.mega-menu) .sub-menu li {
						border-bottom: 1px solid #e5e5e5;
						-moz-transition: all 300ms ease-in 0ms;
						-o-transition: all 300ms ease-in 0ms;
						-webkit-transition: all 300ms ease-in 0ms;
						transition: all 300ms ease-in 0ms;
						padding: 0;
					}

					.gd_main_menu ul.gd_menu__primary > li:not(.mega-menu) .sub-menu li a {
						background: #fff;
						padding: 8px 15px;
						white-space: nowrap;
						font-size: 1rem;
						display: inline-block;
						color: var(--color);
						font-weight: 600;
						font-size: 1.2rem;
					}

					.gd_main_menu ul.gd_menu__primary > li:not(.mega-menu) .sub-menu li:hover > a {

						color: var(--color1);;
					}

					.gd_main_menu ul.gd_menu__primary > li:not(.mega-menu) .sub-menu li:last-child {
						border: none;
					}

					.gd_main_menu ul.gd_menu__primary > li:not(.mega-menu) .sub-menu li .sub-menu {
						transform: rotateY(90deg);

					}

					.gd_main_menu ul.gd_menu__primary > li:not(.mega-menu) .sub-menu li:hover > .sub-menu {
						visibility: visible;
						opacity: 1;
						transform: rotateY(0deg);
					}

					#menu-menu-dinh > li:nth-child(2) > ul:nth-child(2) {
						width: 235%;
						left: -15px;
					}


					.gd_menu__mobile {
						display: none;
					}

					.cta_hotline {
						display: inline-block;
						background-color: #f26522;
						color: #fff;
						font-weight: bold;
						padding: 8px 15px;
						line-height: 1;
						border-radius: 1px;
						margin-left: 5px;
					}

					.gd_header_cta {
						display: flex;
						align-items: center;
						margin: 0 -5px;
					}

					.cta_hotline i {
						margin-right: 5px;
					}

					.cta_hotline:hover {
						background-color: #183885;
						color: #fff;
					}


					.search-form {
						width: 100%;
						position: absolute;
						left: 0;
						bottom: -55px;
						z-index: 10;
						background: #183885;
						text-align: center;
						height: 55px;
						display: none;
						animation: fadeInDown 0.3s ease 0s;
					}

					.search_active .search-form {
						display: block;
					}

					.gd_search__box .search-icon {
						display: inline-block;
						color: #183885;
						padding: 8px 10px;
						line-height: 1;
						border-radius: 1px;
						cursor: pointer;
						width: 34px;
						text-align: center;
					}

					.search-form .d-flex {
						max-width: 1200px;
						margin: auto;
					}

					.search-form .form-control {
						background: transparent;
						border: none;
						border-radius: 0;
						height: 55px;
						font-size: 16px;
						color: #fff;
						text-align: center;
					}

					.search-form .form-control:focus {
						border: none;
						box-shadow: none;
						background: none;
						color: #fff;
					}

					.search-form .form-control::-moz-placeholder, .search-form .form-control::placeholder {
						color: rgba(255,255,255,0.85);
					}

					.search-form [type="submit"] {
						border: none;
						color: #fff;
						background-color: #f26522;
						padding: 15px;
						text-transform: uppercase;
						cursor: pointer;
						font-weight: bold;
					}
					/*#endregion */
					/*MEGA MENU*/
					#menu-menu-dinh li:nth-child(2) ul.sub-menu > li, 
					#menu-menu-dinh li:nth-child(2) ul.sub-menu > li,
					#menu-menu-dinh li:nth-child(2) ul.sub-menu > li{
					  width: 260px;
					  background: #FFF;
					  padding: 10px;
					  margin-left: 45px;
					  text-align: center;
					  border-radius: 25px;
					  margin-top: 15px;
					  margin-bottom: 15px;
					  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px;
				  }
				  #menu-menu-dinh li:nth-child(2) ul.sub-menu > li a, 
				  #menu-menu-dinh li:nth-child(2) ul.sub-menu > li a,
				  #menu-menu-dinh li:nth-child(2) ul.sub-menu > li a{
					display: contents;padding: 10px; position: relative;font-weight: bold;
					
				}
				#menu-menu-dinh li:nth-child(2) ul.sub-menu > li a span, 
				#menu-menu-dinh li:nth-child(2) ul.sub-menu > li a span,
				#menu-menu-dinh li:nth-child(2) ul.sub-menu > li a span{
				 display: block;padding-bottom: 10px;text-transform: uppercase;font-size: 14px;
			 }
			 .menu-img{
				width: 150px;
			}
			#menu-menu-dinh li:nth-child(2) ul.sub-menu > li a:before,
			#menu-menu-dinh li:nth-child(2) ul.sub-menu > li a:before,
			#menu-menu-dinh li:nth-child(2) ul.sub-menu > li a:before
			{
				/*width: 100%;
				height: 100%;*/
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				z-index: 1;
				transition: all 300ms ease-in 0ms;
			}
		  /*  #menu-menu-dinh li:nth-child(2) ul.sub-menu > li a:after,
			#menu-menu-dinh li:nth-child(2) ul.sub-menu > li a:after,
			#menu-menu-dinh li:nth-child(2) ul.sub-menu > li a:after
			{
			 content: "Xem thêm";
			 position: relative;
			 transform: translate(-50%, -50%);
			 border: 1px solid;
			 text-align: center;
			 padding: 10px 25px 10px;
			 line-height: 80px;
			 border-radius: 25px;
			 background: #f7941d;
			 color: white;

		 }*/
		 .gd_main_menu_container .gd_main_menu .gd_menu__primary #menu-item-16 .sub-menu{
		   display: flex;
		   width: 970px;
		   background: #fff;
		   border-radius: 25px;
		   left: -55px;
		   box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
	   }
	   #menu-menu-dinh li:nth-child(2) ul.sub-menu > li a:hover:after,
	   #menu-menu-dinh li:nth-child(2) ul.sub-menu > li a:hover:after,
	   #menu-menu-dinh li:nth-child(2) ul.sub-menu > li a:hover:after 
	   {
		color: #000;
		background: #fff;
		border: 1px dashed #f7941d;
	}


	.kh_btn_web {
	  	padding: 0 5px;
	}
	.kh_btn_web .kh_inner_btn {
	  	padding: 9px 30px;
	  	background-color: var(--color1);
	  	border-radius: 30px;
	  	color: #fff;
	  	font-weight: 500;
	  	border: 1px solid var(--color1);
	}
	.kh_btn_web .kh_inner_btn i {
	  	font-weight: bold;
	  	margin-right: 5px;
	}
	.kh_btn_web .kh_inner_btn:hover {
	  	background-color: #fff;
	  	color: var(--color);
	}

	/*---------*/
	/* ----------- Non-Retina Screens ----------- */
	@media screen and (min-device-width: 1440px) and (-webkit-min-device-pixel-ratio: 1) {
		:root {
			font-size: 16px;
		}

		.container {
			max-width: 1410px;
		}
	}

	@media screen and (min-device-width: 1200px) and (max-device-width: 1440px) {
		:root {
			font-size: 14px;
			--content-size: 1170px;
		}

		.container {
			max-width: 1170px;
		}
/*
	.gd_main_menu .gd_menu__primary > li {
		padding: 0 8px;
		}*/
	}


	@media only screen and (max-width: 1199px) {
		:root {
			font-size: 14px;
			--content-size: 960px;
		}

		.logo {
			align-self: center;
			padding: 15px 0;
		}

		.gd_main_menu .gd_menu__primary > li {
			padding: 0 16px;
			padding-left: 4px;
		}
		.kh_btn_web .kh_inner_btn span {
			display: none;
		}
	}

	@media only screen and (min-device-width : 992px) and (max-device-width : 1199px) {
		:root {
			font-size: 14px;
			--content-size: calc(100vw - 30px);
		}

		.container {
			max-width: 100%;
			padding: 0 30px;
		}

		.logo {
			margin-right: 30px;
		}

		.gd_main_menu .gd_menu__primary > li {
			/*padding: 18px 10px 16px;*/
		}

		.gd_main_menu .gd_menu__primary > li > a {
			padding: 10px 0;
		}

		#header.sticky .gd_main_menu .gd_menu__primary > li > a {
			padding: 10px 0;
		}
	}

	@media only screen and ( max-width: 992px) and ( min-width: 768px) {
/*    .gd_header_cta {
		padding-right: 50px;
		}*/

		.gd_main_menu_container {
			width: 100%;
		}

		.search-form {
			width: 100vw;
			right: -39px;
			left: auto;
		}

		:root {
			font-size: 14px;
			--content-size: 720px;
		}
	}

	@media only screen and (max-width: 992px) {
		.kh_right_hotline{
			margin-right: 10px;
		}
		.kh_des_logo {
			margin-left: 0;
			font-size: 1.1rem;
			margin-top: 5px;
		}
		.kh_icon_hotline a {
		    font-size: 1.5rem;
		    color: #fff;
		    width: 40px;
		    height: 40px;
		    background: var(--color);
		    border-radius: 50%;
		    justify-content: center;
		}
		.kh_cart_img > a:nth-child(1) > img:nth-child(1) {
			max-width: 75%;
		}

		.kh_cart {
			text-align: right;
			padding-right: 65px;
			margin-left: 0;
		}
		.kh_header_logo .kh_buying .kh_cart_img a {
			width: 52px;
			height: 36px;
			background-size: auto 100%;
		}
		.kh_header_logo .kh_buying .kh_cart_img .cart-total {
			left: 40px;
			padding-left: -1px;
			padding: 3px 6px;
			top: -5px;
			width: 18px;
			height: 18px;
			font-size: 10px;
		}
	 .logo {
		flex-flow: column;
		align-items: flex-start;
		padding: 10px 0;
	}

	.kh_hotline {
		display: none;
	}

	.kh_header_logo .gd_header_cta {
		display: unset;
		margin-right: 40px;
	}

	.kh_header_menu {
		display: none;
	}

	.gd_menu__mobile {
		display: unset;
		position: relative;
	}
	/* #region MEAN MENU*/
	/* hide the link until viewport size is reached */
	a.meanmenu-reveal {
		display: none;
	}

	/* when under viewport size, .mean-container is added to body */
	.mean-container .mean-bar {
		background: none;
		padding: 0;
		width: 100%;
		z-index: 9999;
	}

	.mean-container a.meanmenu-reveal {
		color: var(--color);
		cursor: pointer;
		display: block;
		font-family: Arial;
		font-weight: 700;
		height: 35px;
		line-height: 40px;
		padding: 0;
		text-decoration: none;
		top: -25px;
		width: 40px;
		background: none;
		border-radius: 4px;
	}

	.mean-container a.meanmenu-reveal::before {
		content: "MENU";
		font-size: 12px;
		font-weight: 400;
		padding-top: 1px;
		text-indent: 0px;
		display: block;
		line-height: 1;
		text-align: center;
	}

	.mean-container a.meanmenu-reveal.meanclose::before {
		display: none;
	}

	.mean-container a.meanmenu-reveal span {
		background: var(--color);
		border-radius: 3px;
		display: block;
		height: 2px;
		margin: 4px 0 0 5px;
		width: 30px;
	}

	.mean-container a.meanmenu-reveal span:first-child {
		margin-top: 4px;
	}

	.mean-container .mean-nav {
		position: fixed;
		width: 100vw;
		left: 0;
		margin-top: 20px;
		padding: 0;
		z-index: 2000;
		max-height: calc(100vh - 50px);
		overflow-y: scroll;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.mean-container .mean-nav::-webkit-scrollbar {
		display: none; /* Chrome Safari */
	}

	.mean-container .mean-nav ul {
		padding: 0;
		margin: 0;
		width: 100%;
		background: var(--color);
		list-style-type: none;
		float: left;
	}


	.mean-container .mean-nav ul li {
		border-top: 1px solid rgba(255,255,255,0.2);
		background: none;
		float: left;
		position: relative;
		width: 100%;
	}

	.mean-container .mean-nav ul li a {
		color: #fff;
		display: block;
		font-size: 1.125rem;
		float: left;
		line-height: 42px;
		margin: 0;
		padding: 0;
		text-align: left;
		text-decoration: none;
		width: 100%;
	}

	.mean-container .mean-nav ul li li a {
		width: 90%;
		padding: 0 5%;
		opacity: 0.75;
		filter: alpha(opacity=75);
		text-shadow: none !important;
		visibility: visible;
	}

	.mean-container .mean-nav > ul > li:first-child {
		border: none;
	}

	.mean-container .mean-nav .sub-menu li a {
		text-transform: none;
		white-space: nowrap;
	}

	.mean-container .mean-nav ul li.mean-last a {
		border-bottom: none;
		margin-bottom: 0;
	}

	.mean-container .mean-nav ul li li li a {
		width: 80%;
		padding: 0 10%;
	}

	.mean-container .mean-nav ul li li li li a {
		width: 70%;
		padding: 0 15%;
	}

	.mean-container .mean-nav ul li li li li li a {
		width: 60%;
		padding: 0 20%;
	}

	.mean-container .mean-nav ul li a:hover {
		background: rgba(255, 255, 255, 0.1);
		font-weight: bold;
	}

	.mean-container .mean-nav ul li a.mean-expand {
		margin-top: -1px;
		width: 45px;
		line-height: 1rem;
		padding: 12px !important;
		text-align: center;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
		font-weight: 300;
		background: none;
		border: none !important;
		/* border-left: 1px solid rgba(255, 255, 255, 0.4) !important; */
		/* border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; */
		color: rgba(255,255,255,0.5);
	}

	.mean-container .mean-nav ul li a.mean-expand:hover {
		background: none;
	}

	.mean-container .mean-push {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		clear: both;
	}

	.mean-nav .wrapper {
		width: 100%;
		padding: 0;
		margin: 0;
	}

	/* Fix for box sizing on Foundation Framework etc. */
	.mean-container .mean-bar, .mean-container .mean-bar * {
		/*-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;*/
}

.mean-remove {
	display: none !important;
}

.home .mean-container a.meanmenu-reveal, .sticky .mean-container a.meanmenu-reveal {
	color: var(--color);
	/*top: -22px;*/
}

.home .mean-container a.meanmenu-reveal span, .sticky .mean-container a.meanmenu-reveal span {
	background:var(--color);
	width: 40px;
	margin-left: auto;
	padding-top: 4px;
}

.mean-container .mean-nav > .gd_menu__primary {
	padding: 0 15px;
}
/*#header.sticky .kh_header_logo {
	display: none;
	}*/
	#header.sticky {
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 100;
	}
	/* #endregion MEANMENU*/

}

@media only screen and (max-width: 767px) {
	:root {
		font-size: 14px;
		--content-size: calc(100vw - 30px);
	}

	.container {
		max-width: 100%;
		padding: 0 30px;
	}

	.kh_header_logo .gd_header_cta {
		margin-right: 70px;
	}
	.kh_hotline_header {
		display:none !important;
	}
}

@media only screen and (min-width: 577px) and (max-width: 636px) {
/*    .gd_header_cta {
		margin-right: 15px;
		}*/
	}

	@media only screen and (max-width: 576px) {
		.container {
			max-width: 100%;
			padding: 0 15px;
		}
		.logo a .img-fluid {
			max-width: 70%;
		}
		.mean-container .mean-bar {
			margin-top: 0;
		}

		.mean-container .mean-nav {
			margin-top: 15px;
		}

/*    .gd_header_cta {
		padding-right: 50px;
		}*/

		.mean-container a.meanmenu-reveal {
			top: -18px;
		}

		.cta_hotline {
			display: none;
		}
	}