/*!
 * home.css
 * Version - 1.0
 * Website: Dahuong
 * Author: KhanhHV
 * Copyright (c) 2020 bicweb.com
 */
.logo h1 {
	margin: 0;
	font-size: 1rem;
}

.gd_box__title {
	text-align: center;
}

	.gd_box__title .gd_text {
		font-size: 30px;
		color: #083190;
		font-weight: bold;
		margin-bottom: 30px;
		position: relative;
		padding-bottom: 10px;
	}

		.gd_box__title .gd_text::after {
			content: "";
			width: 70px;
			height: 1px;
			background-color: #008ed4;
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
		}

.kh_module {
	padding: 35px 0;
}

/*********************************************
	1. Banner
	**********************************************/
	.gd_banner {
		clear: both;
	}

		.gd_banner img.bg_slider {
		}

	.gd_banner_image {
		margin: 0;
	}

	.gd_banner .owl-nav [class^="owl-"] {
		color: #fff;
		line-height: 1;
		opacity: 0;
		position: absolute;
		text-align: center;
		top: 50%;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		transition: all 0.3s ease-in 0s;
		visibility: hidden;
		z-index: 100;
		height: 65px;
		width: 40px;
		cursor: pointer;
		font-size: 48px;
	}

	.gd_banner .owl-prev {
		left: 40px;
	}

	.gd_banner .owl-next {
		right: 40px;
	}

	.gd_banner:hover .owl-nav [class^="owl-"] {
		opacity: 1;
		visibility: visible;
	}

	.gd_banner .owl-nav.disabled {
		display: none;
	}


	.gd_banner .owl-dots {
		position: absolute;
		bottom: 25px;
		display: flex;
		padding: 3px 10px;
		border-radius: 5px 5px 0 0;
		left: 50%;
		transform: translateX(-50%);
	}

		.gd_banner .owl-dots::after, .gd_banner .owl-dots:before {
			content: "";
			bottom: 0;
			position: absolute;
			display: none;
		}

		.gd_banner .owl-dots::after {
			border-left: 0px solid transparent;
			border-right: 15px solid transparent;
			right: -14px;
			border-bottom: 24px solid #fff;
		}

		.gd_banner .owl-dots::before {
			border-left: 15px solid transparent;
			border-top: 0px solid transparent;
			border-bottom: 24px solid #fff;
			left: -14px;
		}

	.gd_banner .owl-dot {
		padding: 5px;
	}

	.gd_banner .owl-dots .owl-dot span {
		display: block;
		width: 10px;
		height: 10px;
		border-radius: 5px;
		background: #fff;
		transition: all 300ms ease-in 0ms;
	}

	.gd_banner .owl-dot.active span {
		width: 50px;
	}

	.gd_box_testimonial .owl-dots {
		background: none;
		bottom: -20px;
	}

	.owl-nav.disabled {
		display: none;
	}
	.kh_module_why .owl-dots {
		position: absolute;
		bottom: -13%;
		display: flex;
		padding: 3px 10px;
		border-radius: 5px 5px 0 0;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.kh_module_why .owl-dots:before, .kh_module_why .owl-dots::after{
		content: "";
		bottom: 0;
		position: absolute;
		display: none;
	}

	.kh_module_why .owl-dots::after {
		border-left: 0px solid transparent;
		border-right: 15px solid transparent;
		right: -14px;
		border-bottom: 24px solid #fff;
	}

	.kh_module_why .owl-dots::before {
		border-left: 15px solid transparent;
		border-top: 0px solid transparent;
		border-bottom: 24px solid #fff;
		left: -14px;
	}

	.kh_module_why .owl-dot, .gd_module__thanhphan .owl-dot, .kh_testimonial .owl-dot {
		padding: 5px;
	}

	.kh_module_why .owl-dots .owl-dot span{
		display: block;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		border: 1.5px solid #da8240;
		transition: all 300ms ease-in 0ms;
	}

	.kh_module_why .owl-dot.active span, .gd_module__thanhphan .owl-dot.active span, .kh_testimonial .owl-dot.active span {
		background-color: #da8240;
		background-image: linear-gradient(45deg, #da8240, #fde583, #da8240);
		background-size: 100%;
		-moz-background-clip: text;
		-moz-text-fill-color: transparent;
	}

	.kh_down_croll {
		cursor: pointer;
		text-align: center;
		width: max-content;
		margin: 0 auto;
	}
	.kh_down_croll span {
		display: block;
		width: max-content;
		margin: 0 auto;
	}
	.kh_down_croll span:first-child {
		color: #fff;
		font-size: 1.4rem;
		text-transform: uppercase;
		font-weight: 600;
	}
	.kh_down_croll span i {
		font-size: 30px;
		font-weight: lighter;
		color: #fff;
	}

/*********************************************
	2. Module Story
**********************************************/
	.kh_module.kh_module_story {
		padding-top: 70px;
	}

	.kh_inner_one {
		padding-left: 20px;
		padding-top: 80px;
	}

	.kh_wrap_one {
		position: relative;
		padding: 20px;
	}
	.kh_wrap_one:before {
		content: '';
		position: absolute;
		top: 0;
		left: -10px;
		width: 40px;
		height: 1px;
		background-color: var(--color);
	}
	.kh_wrap_one {
	}
	.kh_wrap_one::after {
		content: '';
		position: absolute;
		top: -10px;
		left: 0;
		width: 1px;
		height: 40px;
		background-color: var(--color);
	}

	.kh_line_story {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: -1;
	}
	.kh_line_story:before {
		content: '';
		position: absolute;
		bottom: -10px;
		right: 0;
		width: 1px;
		height: 40px;
		background-color: var(--color);
	}
	.kh_line_story:after {
		content: '';
		position: absolute;
		bottom: 0;
		right: -10px;
		width: 40px;
		height: 1px;
		background-color: var(--color);
	}
	.kh_title_one {
		font-family: 'CormorantGaramond', sans-serif;
		font-size: 2.5rem;
		font-weight: 600;
		line-height: 1;
	}
	.kh_title_one span {
		font-size: 2.5rem;
		font-weight: 500;
		font-family: sans-serif;
	}
	.kh_sub_title {
		color: var(--color);
		font-size: 1.65rem;
		/*! text-transform: uppercase; */
		font-weight: 600;
		position: relative;
		padding-bottom: 15px;
		margin-bottom: 20px;
	}
	.kh_sub_title:before {
		content: '';
		position: absolute;
		width: 100px;
		height: 2px;
		left: 0;
		bottom: 0;
		background-color: var(--color2);
	}
	.kh_des_title {
		color: #5b5b5b;
	}
	.kh_box_text {
		padding: 10px 20px 10px 20px;
		position: relative;
		margin-top: 15px;
	}
	.kh_box_text:before {
		content: '';
		position: absolute;
		width: ;
		width: 3px;
		height: 100%;
		left: 0;
		top: 0;
		background-color: var(--color);
	}

/*********************************************
	3. Module Tác hại
**********************************************/
	.kh_module.kh_module_harm {
		background: url(../images/tac-hai-right.jpg) no-repeat right;
		margin-bottom: 60px;
	}
	.kh_box_title {
		text-align: center;
	}
	.kh_above_title {
		font-family: 'CormorantGaramond', sans-serif;
		font-size: 2.5rem;
		font-weight: 600;
		line-height: 1;
	}
	.kh_box_title.box_have_line {
		position: relative;
		padding-bottom: 15px;
	}
	.kh_box_title.box_have_line:before {
		content: '';
		position: absolute;
		width: 70px;
		height: 2px;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		background-color: var(--color2);
	}
	.kh_box_title .kh_title_module {
		font-size: 3.2rem;
		color: var(--color);
		line-height: 1.2;
	}
	.kh_title_harm {
		justify-content: space-between;
		align-items: center;
	}
	.kh_text_below {
		font-family: 'CormorantGaramond', sans-serif;
		font-size: 2.5rem;
		font-weight: 600;
		line-height: 1;
	}
	.kh_right_title {
		flex: 0 0 35%;
	}
	.kh_module.kh_module_harm .kh_box_title {
		margin-bottom: 15px;
	}
	.kh_right_title .kh_des_title {
		text-align: right;
		color: #222;
		font-weight: 600;
		position: relative;
		font-size: 1.2rem;
		line-height: 1.2;
	}
	.kh_right_title .kh_des_title:before {
		content: '';
		position: absolute;
		width: 100px;
		height: 2.5px;
		left: -100px;
		top:20px;
		transform: translateY(-50%);
		background-color: var(--color2);
	}
	.kh_list_harms {
		padding: 30px 0;
		align-content: center;
		margin: 0 -15px;
		position: relative;
		z-index: 1;
	}
	.kh_list_harms .kh_item_harm {
		flex: 0 0 20%;
		max-width: 20%;
		/*! align-items: center; */
		padding: 0 15px;
	}
	.kh_item_harm.kh_main_harm .kh_inner_harm {
		padding: 40px 15px 60px 15px;
		/*! box-shadow: 1px 1px 1px rgba(0,0,0,0.7); */
		box-shadow: 0px 0px 10px 3px #d1d1d1;
		height: 100%;
		width: 100%;
	}
	.kh_inner_harm {
		background-color: #fff;
	}
	.kh_item_harm.kh_main_harm .kh_inner_harm .kh_img_harm {
		width: 100px;
		height: 100px;
		margin: 0 auto;
		border-radius: 50%;
		overflow: hidden;
		border: 1px solid var(--color);
		margin-bottom: 15px;
	}
	.kh_item_harm.kh_main_harm .kh_inner_harm .kh_img_harm .img-fluid {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.kh_name_harm {
		text-align: center;
	}
	.kh_list_harms .kh_item_harm:first-child {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.kh_list_harms .kh_item_harm:first-child .kh_inner_harm {
		width: 200px;
		height: 200px;
		border: 2px solid var(--color);
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.kh_list_harms .kh_item_harm:first-child .kh_inner_harm .kh_big_text {
		font-size: 3.5rem;
		font-weight: 600;
		color: var(--color);
		line-height: 1;
	}
	.kh_list_harms .kh_item_harm:first-child .kh_inner_harm .kh_small_text {
		font-size: 14px;
	}
	.kh_list_harms:before {
		content: '';
		position: absolute;
		height: 2px;
		top: 50%;
		background-color: var(--color);
		z-index: -1;
		width: calc(var(--content-size) - 150px);
		left: 50%;
		transform: translate(-50%, -50%);
	}

/*********************************************
	4. Module Sản phẩm
**********************************************/
	.kh_module.kh_module_product {
		margin-top: 50px;
		background: url(../images/giai-phap.jpg) no-repeat center;
		background-size: cover;
		padding: 70px 0 200px;
		margin-bottom: 150px;
		position: relative;
	}
	.kh_list_prod {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.kh_item_prod {
		display: flex;
		align-items: center;
		flex: 0 0 46%;
		max-width: 46%;
	}
	.kh_btn_prod {
		display: none;
		align-items: center;
		margin: 10px -5px 0;
	}
	.kh_item_prod:hover .kh_btn_prod {
		display: flex;
	}
	.kh_item_prod.prod_1 .kh_btn_prod {
		justify-content: flex-end;
	}
	.kh_btn_prod a span {
		display: inline-block;
		width: 45px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		border-radius: 50%;
		background: var(--color);
		color: #fff;
	}
	.kh_btn_prod a {
		display: block;
		color: var(--color);
		border: 1px solid var(--color);
		border-radius: 30px;
		padding: 0 20px 0 0;
		font-size: 1rem;
		font-weight: 600;
		background-color: #fff;
		text-transform: uppercase;
	}
	.kh_btn_prod div {
		padding: 0 5px;
	}
	.kh_btn_prod div:nth-child(2) a span {
		background-color: #fff;
		color: var(--color);
	}
	.kh_btn_prod div:nth-child(2) a {
		color: #fff !important;
		background-color: var(--color);
	}
	.img-fluid {
	}
	.kh_box_title.box_name_prod {
	}
	.kh_box_title.box_name_prod .kh_above_title {
		font-size: 1.7rem;
	}
	.kh_box_title.box_name_prod .kh_title_module {
		font-size: 2.7rem;
	}
	.kh_item_prod.prod_1 {
		justify-content: flex-end;
	}
	.kh_item_prod.prod_1 .kh_box_title.box_name_prod {
		text-align: right;
	}
	.kh_item_prod.prod_2 .kh_box_title.box_name_prod {
		text-align: left;
	}
	.kh_img_prod {
		margin-bottom: 0;
	}
	.kh_item_prod.prod_2 {
		justify-content: flex-start;
	}
	.kh_logo_center {
		flex: 0 0 8%;
		max-width: 8%;
	}
	.kh_logo_center figure {
		display: flex;
		justify-content: center;
	}
	.kh_item_prod.prod_1 .kh_img_prod {
		margin-left: 15px;
	}
	.kh_item_prod.prod_2 .kh_img_prod {
		margin-right: 15px;
	}


	.kh_list_intro {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		bottom: -140px;
	}
	.kh_list_intro .container {
		display: flex;
		max-width: 1600px;
		box-shadow: 0px 0px 10px 3px #d1d1d1;
		background-color: #fff;
		padding: 30px 50px;
	}
	.kh_list_intro .kh_item_intro {
		flex: 0 0 20%;
		max-width: 20%;
		text-align: center;
		padding: 0 10px;
	}
	.kh_icon_intro {
		margin-bottom: 15px;
	}
	.kh_title_intro {
		color: var(--color);
		font-weight: 600;
		line-height: 1.4;
		font-size: 1.1rem;
		margin-bottom: 5px;
	}

/*********************************************
	5. Module Lý do
**********************************************/
	.kh_wrap_icon {
		background-repeat: no-repeat;
	}
	.kh_list_why {
		display: flex;
		padding: 10px 0 0;
	}
	.kh_list_why .kh_item_why {
		flex: 0 0 25%;
		max-width: 25%;
		text-align: center;
	}
	.kh_wrap_icon {
		width: 120px;
		height: 120px;
		margin: 0 auto;
		line-height: 120px;
		background-color: #fff;
		box-shadow: 0px 0px 10px 3px #d1d1d1;
	}
	.kh_icon_why {
		position: relative;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.kh_icon_why:before {
		content: '';
		position: absolute;
		width: 40px;
		height: 1.5px;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		background-color: var(--color2);
	}
	.kh_title_why {
		color: var(--color);
		font-weight: 600;
		line-height: 1.4;
		font-size: 1.1rem;
		margin-bottom: 5px;
	}
	.kh_inner_why .kh_icon_below {
		position: absolute;
		width: 80%;
		height: 70%;
		background-repeat: no-repeat;
		opacity: 0.05;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		background-position: top left;
	}
	.kh_inner_why {
		position: relative;
		padding: 20px 0;
	}
	.kh_list_why .kh_item_why:nth-child(2n) .kh_inner_why {
		padding-top: 60px;
	}
	.kh_list_why .kh_item_why:nth-child(2n) .kh_inner_why .kh_icon_below {
		background-position: bottom right;
	}


/*********************************************
	6. Module Chuyên gia
**********************************************/
	.kh_wrap_expert {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.kh_img_expert {
		margin-bottom: 0;
		padding: 50px 15px 50px 50px;
		position: relative;
		height: calc(470/630 * var(--content-size) * 5/12 - 15px);
	}
	.kh_abs_img {
		position: absolute;
		width: 90px;
		height: 90px;
		display: flex;
		justify-content: center;
		align-items: center;
		left: 10px;
		top: 10px;
		background-color: #feeed0;
		z-index: 999;
	}
	.kh_img_expert:before {
		content: '';
		position: absolute;
		width: calc(470/630 * var(--content-size) * 5/12 - 15px);
		height: calc(470/630 * var(--content-size) * 5/12 - 15px);
		border: 3px solid var(--color);
		z-index: -1;
		border-left: none;
		left: 0;
		top: 0;
		/*! transform: translateY(-50%); */
	}
	.kh_inner_img {
		width: 100%;
		height: 100%;
	}
	.kh_inner_img .img-fluid {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.kh_img_expert::after {
		content: '';
		position: absolute;
		width: 3px;
		height: calc(470/630 * var(--content-size) * 5/12 - 15px);
		left: 0;
		top: 0;
		z-index: -1;
		background: linear-gradient(0deg, var(--color) 40%, #fbfbfb, var(--color));
	}
	.kh_img_expert .kh_img_hidden {
		display: none;
	}
	.kh_list_expert {
		padding-bottom: 30px;
	}
	.kh_item_expert {
		text-align: left;
	}
	.kh_item_expert .kh_box_title {
		text-align: ;
		text-align: left;
		margin-bottom: 30px;
	}
	.kh_item_expert .kh_box_title:before {
		left: 0;
		transform: unset;
	}
	.kh_list_expert  .owl-dots {
		position: absolute;
		display: flex;
		padding: 3px 10px;
		border-radius: 5px 5px 0 0;
		bottom: 0;
		left: -5px;
		transform: unset;
		padding-left: 0;
	}

		.kh_list_expert  .owl-dots::after, .kh_list_expert  .owl-dots:before {
			content: "";
			bottom: 0;
			position: absolute;
			display: none;
		}

		.kh_list_expert  .owl-dots::after {
			border-left: 0px solid transparent;
			border-right: 15px solid transparent;
			right: -14px;
			border-bottom: 24px solid #fff;
		}

		.kh_list_expert  .owl-dots::before {
			border-left: 15px solid transparent;
			border-top: 0px solid transparent;
			border-bottom: 24px solid #fff;
			left: -14px;
		}

	.kh_list_expert  .owl-dot {
		padding: 5px;
	}

	.kh_list_expert  .owl-dots .owl-dot span {
		display: block;
		width: 20px;
		border: 1px solid var(--color);
		height: 10px;
		border-radius: 5px;
		background: #fff;
		transition: all 300ms ease-in 0ms;
	}

	.kh_list_expert  .owl-dot.active span {
		width: 50px;
		background-color: var(--color);
	}

/*********************************************
	7. Module Thời điểm
**********************************************/
	.kh_module.kh_module_time {
		padding-top: 80px;
		padding-bottom: 50px;
	}
	.kh_img_time {
		width: 180px;
		height: 180px;
		margin: 0 auto;
		border-radius: 50%;
		overflow: hidden;
		border: 1.5px solid var(--color2);
	}
	.kh_img_time img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.kh_item_time {
		text-align: center;
	}
	.kh_title_time {
		color: var(--color);
		font-weight: 600;
		line-height: 1.4;
		font-size: 1.1rem;
		margin-bottom: 5px;
	}
	.kh_item_time .kh_inner_time {
		padding: 0 30px;
	}
	.kh_module.kh_module_time .kh_box_title {
		position: absolute;
		top: -50px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
		background: #fff;
		padding: 0 30px;
	}

	.kh_wrap_box_time {
		padding-bottom: 50px;
		border-left: 2px solid var(--color);
		position: relative;
		border-right: 2px solid var(--color);
		padding-top: 100px;
	}
	.kh_wrap_box_time:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
		bottom: 0;
		background-image: linear-gradient(90deg, var(--color) 40%, #fbfbfb, var(--color));
	}
	.kh_wrap_box_time:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
		top: 0;
		background-image: linear-gradient(90deg, var(--color), #fbfbfb, var(--color) 65%);
		z-index: -1;
	}

/*********************************************
	8. Module Khách hàng
**********************************************/
	.kh_module.kh_module_customer {
		background: url(../images/khach-hang.jpg) no-repeat left top;
		background-size: contain;
	}
	.kh_module.kh_module_customer .container {
		padding-right: 0;
	}
	.kh_wrap_box_customer {
		display: flex;
		overflow: hidden;
	}
	.kh_wrap_box_customer .kh_box_title {
		flex: 0 0 37%;
		max-width: 37%;
		text-align: left;
	}
	.kh_wrap_box_customer .kh_box_title .kh_title_module {
		position: relative;
		padding-bottom: 15px;
	}
	.kh_wrap_box_customer .kh_box_title .kh_title_module::before {
		content: '';
		position: absolute;
		width: 100px;
		height: 1.5px;
		left: 0;
		bottom: 0;
		background-color: var(--color2);
	}
	.kh_img_customer {
		width: 90px;
		height: 90px;
		border-radius: 50%;
		overflow: hidden;
		margin: 0 auto;
	}
	.kh_img_customer img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.kh_inner_customer {
		padding: 30px;
		box-shadow: 0px 0px 10px 3px #d1d1d1;
		background-color: #fff;
	}
	.kh_item_customer {
		padding: 15px;
	}
	.kh_title_customer {
		color: var(--color);
		font-weight: 600;
		line-height: 1.4;
		font-size: 1.1rem;
		margin-bottom: 5px;
		margin-top: 10px;
	}
	.kh_des_customer {
		color: #222;
	}
	.kh_age_customer {
		color: #222;
	}

	.kh_btn {
		width: 50px;
		height: 50px;
		border: 1px solid #ccc;
		border-radius: 50%;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		margin-right: 10px;
	}
	.kh_btn .fal {
		font-size: 1.5rem;
		font-weight: 500;
		color: var(--color);
		line-height: 1.2;
	}
	.kh_box_btn {
		margin-top: 30px;
	}

/*********************************************
	9. Box News
**********************************************/
	.kh_module.kh_module_news {
		padding-bottom: 0;
	}
	.row.kh_list_news {
		padding-top: 40px;
		padding-bottom: 30px;
	}
	.kh_thumb_news {
		height: calc(300/450 * var(--content-size)/3 - 15px);
	}
	.kh_thumb_news .img-fluid {
		width: 100%;
		height: 100%;
	}
	.kh_inner_news {
		height: 100%;
	}
	.kh_inner_news .kh_content_news {
		position: sticky;
		margin-top: -100px;
		padding: 30px;
		height: calc(100% - (300/450 * var(--content-size)/3 - 15px) + 90px);
	}
	.kh_wrap_content_news {
		padding: 30px;
		box-shadow: 0px 0px 5px 3px #d1d1d1;
		background-color: #fff;
		height: 100%;
	}
	.kh_name_news {
		color: var(--color);
		font-weight: 600;
		line-height: 1.4;
		font-size: 1.1rem;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
	}
	.kh_des_news {
		margin-bottom: 15px;
	}
	.kh_read_detail a {
		color: var(--color);
		font-weight: 600;
	}

/*********************************************
	10. Module XXX
**********************************************/
@media screen and (min-device-width: 858px) and (max-device-width: 1800px) {

}
@media screen and (min-device-width: 1600px) and (max-device-width: 1800px) {

}

@media screen and (max-device-width: 1536px) and (min-device-width: 1440px) {

}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	.kh_box_title .kh_title_module {
		font-size: 2.5rem;
	}
	.kh_box_title {
		margin-bottom: 10px;
	}
	.kh_img_prod {
		flex: 0 0 40%;
	}
}
@media screen and (min-device-width: 625px) and (max-device-width: 1366px) {

}
@media screen and (min-device-width: 858px) and (max-device-width: 1200px) {

}
@media only screen and (max-width: 1280px) and (min-width: 1199px){
   
}

@media only screen and (max-width: 1199px) {

	.kh_box_title .kh_title_module {
		font-size: 2rem;
	}

	.kh_text_below {
		font-size: 1.5rem;
	}

	.kh_list_harms .kh_item_harm:first-child .kh_inner_harm {
		width: 150px;
		height: 150px;
	}

	.kh_module.kh_module_harm {
		background-size: cover;
	}

	.kh_module.kh_module_product {
		margin-top: 20px;
		padding: 70px 0 260px;
	}

	.kh_box_title.box_name_prod .kh_title_module {
		font-size: 1.7rem;
	}

	.kh_box_title.box_name_prod .kh_above_title {
		font-size: 1.2rem;
	}

	.kh_inner_news .kh_content_news {
		margin-top: -70px;
		padding: 10px;
	}

	.kh_wrap_content_news {
		padding: 15px;
	}

	.kh_name_news {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.kh_module.kh_module_customer {
		background-size: cover;
	}

	.kh_above_title {
		font-size: 1.5rem;
	}

	.kh_wrap_one {
	}

	.kh_wrap_one .kh_box_text h2 span {
		font-size: 18px;
	}
	.kh_wrap_box_customer .kh_box_title {
		flex: 0 0 30%;
		max-width: 30%;
	}
	.kh_img_prod {
		flex: 0 0 40%;
	}
	.kh_btn_prod a span {
		width: 35px;
		height: 35px;
		line-height: 35px;
	}
}
@media only screen and (max-width: 1119px) and (min-width: 1080px){
	.kh_btn_prod a{
		padding: 0 15px 0 0;
	}
}
@media only screen and (max-width: 1079px) and (min-width: 992px) {

}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.kh_btn_prod div {
		margin-bottom: 10px;
	}
	.kh_btn_prod a span {
	    width: 35px;
	    height: 35px;
	    line-height: 35px;
	}
	.kh_btn_prod a{
		padding: 0 14px 0 0;
	}
	.kh_btn_prod{
		flex-wrap: wrap;
	}
}
@media only screen and (max-width: 992px) and (min-width: 768px) {
	
	.kh_btn_prod a span {
		width: 25px;
		height: 25px;
		line-height: 25px;
	}

	.kh_btn_prod a {
		font-size: 8px;
	}

	.kh_btn_prod div {
		padding: 0 2px;
	}

	.kh_btn_prod {
		margin: 10px -2px 0;
	}

	.kh_item_prod {
		padding: 0 0;
	}
	.kh_list_prod {
		margin: 15px 0;
	}

}
@media screen and (max-device-width: 992px) {
	.kh_module.kh_module_customer .container {
		padding-right: 15px;
	}
	.kh_box_story {
		display: none;
	}

	.kh_img_one {
		flex: 100%;
		max-width: 100%;
	}

	.kh_title_harm .kh_left_title .kh_box_title .kh_text_below {
		text-align: center !important;
	}

	.kh_right_title .kh_des_title {
		text-align: center;
	}

	.kh_right_title .kh_des_title::before {
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.kh_right_title .kh_des_title {
		padding-top: 15px;
		margin-top: 15px;
	}

	.kh_title_harm .kh_left_title .kh_text_below {
		text-align: center;
	}

	.kh_list_prod .kh_logo_center {
		display: none;
	}

	.kh_logo_center.below_992 {
		display: flex !important;
		max-width: 100%;
		margin: 0 auto;
		flex: 0 0 100%;
	}

	.kh_logo_center.below_992 {
		justify-content: center;
		align-items: center;
	}

	.kh_img_expert {
		display: none;
	}

	.kh_wrap_expert {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.kh_item_time {
		flex: 0 0 50%;
		max-width: 50%;
		margin-bottom: 30px;
	}

	.kh_module.kh_module_story {
		padding-top: 35px;
	}

	.kh_inner_one {
		padding-left: 0;
		padding-top: 0;
	}

	.kh_title_harm {
		display: block !important;
	}

	.kh_list_harms {
		flex-wrap: wrap;
	}

	.kh_list_harms .kh_item_harm:first-child {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.kh_list_harms .kh_item_harm {
		flex: 0 0 50%;
		max-width: 50%;
		margin: 15px 0;
	}

	.kh_logo_center figure {
		display: block;
		text-align: center;
	}

	.kh_module.kh_module_product {
		padding: 30px 0 0;
		margin-bottom: 0;
		background-position: center;
	}
	.kh_wrap_box_customer .kh_box_title {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.kh_list_intro {
		position: unset;
		transform: unset;
	}

	.kh_item_prod {
		flex: 0 0 50%;
		max-width: 50%;
		padding: 0 15px;
	}

	.kh_list_prod {
		margin: 15px -15px;
	}
	.kh_btn_prod {
		display: flex;
	}
	.kh_list_why .kh_item_why:nth-child(2n) .kh_inner_why {
		padding-top: 20px;
	}

	.kh_list_why .kh_item_why:nth-child(2n) .kh_inner_why .kh_icon_below {
		background-position: top left;
	}

	.kh_list_why .kh_item_why {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.kh_list_why {
		padding: 30px 0 0;
		flex-wrap: wrap;
	}

	.kh_wrap_box_time {
		padding-bottom: 0px;
		padding-top: 30px;
	}

	.kh_wrap_box_customer {
		display: block;
	}

	.kh_box_btn {
		margin-top: 10px;
		justify-content: flex-end;
	}
	.kh_list_intro .kh_item_intro {
		max-width: unset;
	}
	.kh_icon_intro .img-fluid {
		width: auto !important;
		margin: 0 auto;
	}
	.kh_thumb_news {
		height: calc(300/450 * var(--content-size)/2 - 30px);
	}
	.kh_expert_mb {
		display: block !important;
		width: 150px;
		height: 150px;
		border-radius: 50%;
		border: 2px solid var(--color2);
		overflow: hidden;
	}
	.kh_expert_mb img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
}

@media only screen and (max-width: 767px) and (min-width: 577px) {

}

@media screen and (max-device-width: 576px) {
	.kh_module.kh_module_harm {
		background: url(../images/tac-hai-right.jpg) no-repeat center;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	.kh_module.kh_module_harm .kh_box_title .kh_title_module {
		font-size: 1.7rem;
	}
	.kh_list_harms::before {
		content: unset;
	}
	.kh_list_harms .kh_item_harm {
		margin: 5px 0;
		padding: 0 5px;
		}
	.kh_list_harms {
		margin: 0 -10px;
	}
	.kh_module.kh_module_product {
		background: linear-gradient(90deg, #ffeed2 50%, #ffb8dc);
	}
	.kh_module.kh_module_news {
		padding-bottom: 15px;
	}
	.kh_title_intro{
		font-size: 1rem;
	}
	.kh_module.kh_module_harm {
		background-repeat: repeat;
	}
	.kh_list_harms .kh_item_harm:first-child {
		margin-bottom: 20px;
	}
	.kh_module.kh_module_harm .kh_box_title {
		margin-bottom: 10px;
	}

	.kh_list_why .kh_item_why {
		padding: 0 10px;
	}
	.kh_list_why {
		margin: 0 -10px;
	}
	.kh_module.kh_module_time .kh_box_title {
		top: -40px;
	}
	.kh_module.kh_module_why {
	}
	.kh_module.kh_module_why .kh_box_title.box_have_line {
		margin-bottom: 0px;
	}
	.kh_module.kh_module_expert {
		padding: 0;
	}
	.kh_module.kh_module_time .kh_box_title .kh_above_title {
		font-size: 1.5rem;
	}
	.kh_module.kh_module_time .kh_box_title .kh_title_module {
		font-size: 1.8rem;
	}


}
@media only screen and (max-width: 736px) and (min-width: 414px) {
	.kh_list_harms:before{
		display: none;
	}
	.kh_btn_prod div {
		margin-bottom: 10px;
	}
	.kh_btn_prod a span {
	    width: 35px;
	    height: 35px;
	    line-height: 35px;
	}
	.kh_btn_prod a{
		padding: 0 14px 0 0;
	}
	.kh_btn_prod{
		flex-wrap: wrap;
	}
	.kh_module.kh_module_time .kh_box_title{
		padding: 0;
	}
	.kh_item_expert .kh_box_title{
		text-align: center;
	}
	.kh_item_expert .kh_box_title:before{
		left: 50%;
		transform: translateX(-50%);
	}
	.kh_expert_mb{
		margin: 0 auto 1rem;
	}
	.kh_list_expert .owl-dots{
		left: 50%;
		transform: translateX(-50%);
	}
}
@media only screen and (max-width: 731px) and (min-width: 411px) {
	.kh_list_harms:before{
		display: none;
	}
	.kh_btn_prod div {
		margin-bottom: 10px;
	}
	.kh_btn_prod a span {
	    width: 35px;
	    height: 35px;
	    line-height: 35px;
	}
	.kh_btn_prod a{
		padding: 0 14px 0 0;
	}
	.kh_btn_prod{
		flex-wrap: wrap;
	}
	.kh_module.kh_module_time .kh_box_title{
		padding: 0;
	}
	.kh_item_expert .kh_box_title{
		text-align: center;
	}
	.kh_item_expert .kh_box_title:before{
		left: 50%;
		transform: translateX(-50%);
	}
	.kh_expert_mb{
		margin: 0 auto 1rem;
	}
	.kh_list_expert .owl-dots{
		left: 50%;
		transform: translateX(-50%);
	}
}

@media screen and (max-device-width: 414px) {
	.kh_list_intro .container {
		padding: 30px 30px;
	}
	.kh_item_prod {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 30px;
	}
	.kh_list_prod {
		flex-wrap: wrap;
	}
	.kh_thumb_news {
		height: calc(300/450 * var(--content-size)/1 - 15px);
	}
	.kh_item_time .kh_inner_time {
		padding: 0;
	}
	.kh_item_time {
		max-width: 100%;
	}
	.kh_below_576.owl_time {
		padding: 0 15px;
	}
	.kh_img_time {
		width: 100px;
		height: 100px;
	}
	.kh_module.kh_module_time .kh_box_title {
		width: 90%;
	}
	.kh_title_one {
		font-size: 2.2rem;
	}
}
@media only screen and (max-width: 812px) and (min-width: 375px) {
	.kh_list_harms:before{
		display: none;
	}
	.kh_item_expert .kh_box_title{
		text-align: center;
	}
	.kh_item_expert .kh_box_title:before{
		left: 50%;
		transform: translateX(-50%);
	}
	.kh_expert_mb{
		margin: 0 auto 1rem;
	}
	.kh_list_expert .owl-dots{
		left: 50%;
		transform: translateX(-50%);
	}
	.kh_thumb_news {
	    height: calc(300/450 * var(--content-size)/2 - 30px);
	}
}
@media screen and (max-device-width: 414px) { 
	.kh_thumb_news {
		height: calc(300/200 * var(--content-size)/2 - 30px);
	}
}
@media only screen and (max-width: 667px) and (min-width: 375px) {
	.kh_list_harms:before{
		display: none;
	}
	.kh_module.kh_module_time .kh_box_title{
		padding: 0;
	}
	.kh_item_expert .kh_box_title{
		text-align: center;
	}
	.kh_item_expert .kh_box_title:before{
		left: 50%;
		transform: translateX(-50%);
	}
	.kh_expert_mb{
		margin: 0 auto 1rem;
	}
	.kh_list_expert .owl-dots{
		left: 50%;
		transform: translateX(-50%);
	}
}
@media only screen and (max-device-width: 724px) and (min-device-width: 325px) {
	.kh_list_harms:before{
		display: none;
	}
	.kh_module.kh_module_time .kh_box_title{
		padding: 0;
	}
	.kh_item_expert .kh_box_title{
		text-align: center;
	}
	.kh_item_expert .kh_box_title:before{
		left: 50%;
		transform: translateX(-50%);
	}
	.kh_expert_mb{
		margin: 0 auto 1rem;
	}
	.kh_list_expert .owl-dots{
		left: 50%;
		transform: translateX(-50%);
	}
}	
@media screen and (max-device-width: 375px) {

}
@media screen and (max-device-width: 360px) {

}
@media only screen and (max-width: 808px) and (min-width: 331px) {

}
@media only screen and (max-width: 744px) and (min-width: 231px) {
	.kh_btn_prod div {
		margin-bottom: 10px;
	}
	.kh_btn_prod a span {
	    width: 35px;
	    height: 35px;
	    line-height: 35px;
	}
	.kh_btn_prod a{
		padding: 0 14px 0 0;
	}
	.kh_btn_prod{
		flex-wrap: wrap;
	}
	.kh_module.kh_module_time .kh_box_title{
		padding: 0;
	}
}