.hb_add_represent {
  color: #222;
  line-height: 1.3;
  margin-bottom: 10px;
}
.owl-nav {
  position: absolute;
  font-size: 3rem;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  color: var(--color);
}
.owl-prev {
  left: -80px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.owl-next {
  position: absolute;
  right: -80px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
} 
/*********************************************	4. Module Order	**********************************************/
.kh_price_prod {
    margin: -20px 0 10px;
    font-weight: 500;
    color: var(--color);
}
.kh_box_title {
  text-align: center;
}
.kh_box_title .kh_title_module {
  /*! text-align: center; */
  font-size: 2.5rem;
  color: var(--color);
  margin-bottom: 0;
}
.kh_box_title .kh_above_title {
  font-family: "CormorantGaramond", sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}
.kh_box_title.box_have_line {
  position: relative;
  padding-bottom: 20px;
}
.kh_box_title.box_have_line:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 1.5px;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background-color: var(--color2);
}
.kh_module.kh_order.kh_order_2 {
  padding-top: 0;
}
.kh_module.kh_order.kh_order_2 .kh_box_title.box_have_line {
  margin-bottom: 40px;
  padding-bottom: 30px;
}
.kh_module.kh_order.kh_order_2 .kh_box_title.box_have_line::before {
  background-color: var(--color);
}
.kh_module.kh_order.kh_order_2 .kh_box_title.box_have_line .kh_title_module {
  text-transform: uppercase;
  font-size: 2.2rem;
  line-height: 1;
}
.kh_module.kh_order .kh_box_title .kh_title_module {
	text-align: left;
}
.kh_module.kh_order .kh_box_title.box_have_line::before {
	left: 0;
	transform: unset;
}
.kh_module.kh_order {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  padding: 50px 0;
  background-color: #fff;
  background-attachment: fixed;
}
.kh_avt_prod {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}
.kh_flex_price {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.kh_one {
}
.kh_mark_price {
  color: var(--color);
  font-weight: 600;
}
.kh_one .kh_mark_price span {
  color: #222;
  font-weight: 300;
}
.kh_num_box {
  flex: 0 0 25%;
  max-width: 25%;
  padding-right: 5px;
}
.kh_num_box input {
  padding: 10px 20px;
  border-radius: 30px;
  display: block;
  max-width: 100%;
  border: 1px solid #ccc;
}
.kh_num_box span {
  display: block;
}
.kh_name_product {
  flex: 0 0 25%;
  max-width: 25%;
}
.kh_total {
}
.kh_side_form {
  flex: 0 0 50%;
  max-width: 50%;
}
.kh_left_form.kh_side_form {
  text-align: left;
}
.kh_form_order .gd_form__wrap .form-group.col-sm-6.col-12 {
  margin-bottom: 10px;
}
.kh_right_form.kh_side_form {
  text-align: right;
}
.kh_buy_btn {
  display: block;
}
.kh_left_form.kh_side_form .kh_hotline_header {
  border: unset;
  background-color: unset;
  margin-left: 0;
}
.kh_left_form.kh_side_form .kh_hotline_header .kh_text_hotline p {
  margin-bottom: 0;
  line-height: 1;
}
.kh_left_form.kh_side_form .kh_hotline_header .kh_text_hotline p a {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1;
}
.kh_left_form.kh_side_form .kh_hotline_header .kh_text_hotline div {
  line-height: 1.1;
}
.kh_left_form.kh_side_form .kh_icon_hotline {
  margin-right: 15px;
}
.gd_contact_form .kh_buy_btn .wpcf7-submit {
  border: unset;
  color: #222;
  border-radius: 30px;
  cursor: pointer;
  background-color: transparent;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0;
}
.gd_contact_form .kh_buy_btn span.kh_icon_submit {
  text-align: center;
  border-radius: 50%;
  margin-right: 15px;
  line-height: 55px;
  width: 55px;
  height: 55px;
  background-color: var(--color);
  color: #fff;
}
.page-content.page-contact .gd_contact_form .kh_buy_btn span.kh_icon_submit {
  margin-right: 60px;
}
.kh_wrap_submit {
  display: inline-flex;
  padding: 0 50px 0 0;
  background: linear-gradient(0deg, #f29f00 10%, var(--color2));
  border-radius: 30px;
  align-items: center;
  border: 1px solid var(--color2);
}
.kh_wrap_submit:hover {
  background: #fff;
  border: 1px solid var(--color2);
}
.kh_wrap_submit:hover .wpcf7-submit {
  color: var(--color);
}
.kh_left_form.kh_side_form .kh_icon_hotline a {
  height: 46px;
  width: 46px;
  line-height: 46px;
}
.kh_form_order .gd_form__wrap .form-group span.ajax-loader {
  margin: 0 auto;
  margin-right: 0;
}
.kh_form_order {
}
.kh_form_order .wpcf7-response-output {
  margin-top: 10px !important;
}
.form-group.kh_submit.d-flex {
  margin-top: 20px;
}
.kh_side_form .link_form {
  margin-bottom: 10px;
}
.kh_side_form .link_form a {
  color: var(--color);
}
.kh_one,
.kh_total {
  flex: 1;
  text-align: center;
}
.kh_wrap_order {
  margin-top: 30px;
  align-items: center;
}
.page-content.page-contact
  .gd_contact_form
  .kh_buy_btn
  span.kh_icon_submit
  .fas.fa-shopping-cart::before {
  content: "\f1d8";
}
.page-content.page-contact .kh_wrap_submit {
  padding-right: 90px;
}
.gd_contact_form .form-group .kh_text_hotline span {
  color: #222;
}
.gd_contact_form .form-group .kh_text_hotline a {
  color: var(--color);
}
.kh_item_nav.selected span {
  color: var(--color);
}
.gd_form__wrap {
}
.kh_form_order .gd_contact_form .gd_form__wrap .form-group {
  padding: 0 5px;
  margin-bottom: 0;
}

.kh_form_order .gd_form__wrap .form-group span input,
.gd_form__wrap .form-group span textarea {
  width: 100%;
  padding: 10px 20px;
  border-radius: 5px;
  font-weight: 300;
  border: 1px solid #ccc;
}
.kh_form_order .gd_contact_form .gd_form__wrap .row {
  margin: 0 -5px;
}
.kh_form_order .gd_form__wrap .form-group.hb_form_group_textarea_pen {
  padding: 0;
} 
.kh_form_order .kh_btn_web.kh_btn_2 {
	margin-top: 20px;
}
.kh_buy_form .gd_form__wrap .form-group span textarea {
	height: 150px;
}
/*********************************************	5. Module đối tác	**********************************************/
.kh_module.gd_module_brand {
  padding: 10px 0;
  background: ;
}
.gd_module_brand .slider_brand {
  padding-bottom: 30px;
  margin-bottom: 20px;
}
.gd_module_brand .gd_item {
  height: 85px;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
} /*#region FOOTER */
.gd_footer {
  color: #222;
  position: relative;
  background: linear-gradient(0deg, #f29f00 10%, var(--color2));
}
.gd_main__footer {
  color: #fff;
  background-color: var(--color);
  padding: 30px 0 0;
}
.hb_main_footer {
  padding: 20px 0 30px;
}
.hb_logo_footer {
  text-align: center;
  padding-bottom: 25px;
  margin-bottom: 25px;
  position: relative;
  border-bottom: 1px solid #ebebeb47;
}
.kh_name_company {
  text-transform: uppercase;
  color: var(--color);
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 8px;
}
.gd_copyright a {
  color: var(--color);
  font-weight: 700;
}
.hb_logo_footer::before {
  /*content: '';*/
  height: 1px;
  width: 15%;
  background-color: #326b96;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.hb_information_footer .hb_info_item {
  text-align: center;
}
.hb_information_footer .hb_info_item .hb_icon_images {
  width: 60px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  border-radius: 50%;
  border: 2px solid var(--color2);
  margin-bottom: 15px;
}
.hb_information_footer .hb_info_item i.fas {
  font-size: 30px;
  position: relative;
  color: var(--color);
  margin: 0 auto;
  display: block;
  line-height: 2;
}
.hb_information_footer .hb_info_item .hb_info_title {
  font-size: 22px;
  font-weight: bold;
  color: var(--color);
  margin-bottom: 5px;
}
.hb_information_footer .hb_info_item .hb_info_descs {
  color: #000;
  font-size: 15px;
}
.hb_information_footer .hb_info_item .hb_info_descs a {
  color: #000;
}
.kh_nav_footer {
}
.kh_nav_footer .kh_menu_footer {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.kh_box_bct {
  margin-bottom: 0;
}
.kh_nav_footer .kh_menu_footer li {
}
.kh_nav_footer .kh_menu_footer li:last-child {
}
.kh_nav_footer .kh_menu_footer li a {
  color: #000;
  font-size: 1rem;
  line-height: 1.3;
}
.kh_title_menu_footer {
  color: #222;
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 600;
}
.hb_main_footer.row {
}
.kh_nav_footer .kh_menu_footer li .sub-menu {
  display: none;
}
.kh_nav_footer .kh_menu_footer li {
  padding: 3px 0;
}
.kh_nav_footer .kh_menu_footer li p {
  margin-bottom: 0;
}
.gd_social {
  display: flex; /* margin-top: 1.5rem;*/
}
.gd_social a {
  width: 40px;
  height: 40px;
  border: 1px solid #808080;
  border-radius: 50%;
  font-size: 1.25rem;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
} /* .gd_social a.facebook:hover {			color: #3b5999;		}		.gd_social a.youtube:hover {			color: #3b5999;		}*/
.social {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: flex-end;
}
.social li a {
  width: 40px;
  display: block;
  height: 40px;
  color: var(--color);
  border: 1px solid var(--color);
  border-radius: 50px;
  text-align: center;
  font-size: 22px;
  padding-top: 2px;
  margin-left: 15px;
}
.social li a i.fab {
  margin-left: 0px;
  margin-top: 7px;
  font-size: 20px;
  display: block;
}
.social li a:hover {
  color: #fff;
  background-color: var(--color);
}
.social li a i .hb_icon_zalo {
  margin-top: -6px;
  background-color: var(--color);
}
.social li a:hover .hb_icon_zalo {
  background-color: var(--color);
} /*.gd_footer .gd_social {	display: inline-block;}*/
.gd_footer .social {
  justify-content: space-between;
  margin: 0 -5px;
}
.gd_footer .social li,
.gd_footer .social li a {
  margin: 0 3px;
}
.gd_footer_copyright {
  padding: 15px 0;
  color: #000;
  line-height: 1;
  background-color: var(--color1);
  text-align: center;
}
.hb_copyright_inner {
  display: flex;
  padding: 10px 0;
  border-top: 1px solid #c406677a;
}
.hb_copyright_inner .hb_copyright_item:nth-child(1) {
  line-height: 2.5;
  margin: 0 auto;
}
.hb_copyright_item .hb_ft_social {
  margin-top: -2px;
}
.gd_copyright {
  font-size: 16px;
  display: inline-block;
}
.gd_copyright a:hover {
  color: #000;
  text-decoration: underline;
}
.gd_design {
  font-size: 16px;
  display: inline-block;
}
.gd_design a {
  color: #000;
}
.gd_design a:hover {
  color: #000;
  text-decoration: underline;
} /*#endregion */
.gd_fixed__contact {
  position: fixed;
  display: flex;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  flex-flow: column;
  align-items: flex-end;
  z-index: 1;
}
.gd_fixed__contact a {
  color: #fff;
  background-color: #008ed4;
  display: block;
  margin-bottom: 3px;
  width: 40px;
  text-align: center;
  font-size: 18px;
  border-radius: 1px;
  height: 40px;
  line-height: 40px;
}
.gd_fixed__contact a.hotline:hover {
  width: auto;
}
.gd_fixed__contact a.hotline .num {
  display: none;
  background-color: #008ed4;
  padding: 0 10px;
  font-weight: bold;
}
.gd_fixed__contact a.hotline:hover .num {
  display: inline-block;
}
.gd_fixed__contact a i {
  display: inline-block;
  width: 40px;
}
.gd_readmore {
  display: inline-block;
  color: #fff;
  font-size: 1rem;
  margin-top: 1rem;
  line-height: 1rem;
  background: #008ed4;
  padding: 0.375rem 1.75rem;
  font-weight: bold;
}
.gd_readmore:hover {
  background-color: #008ed4;
  color: #fff;
} /*#region LOAD MORE */
.gd_actione {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.gd_actione .gd_loadbtn {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  cursor: pointer;
  display: inline-block;
  padding: 5px;
  position: relative;
  z-index: 1;
}
.gd_actione .gd_loadbtn a {
  padding: 10px 40px;
  background: var(--color);
  font-size: 18px;
  color: #fff;
  font-weight: 800;
  border-radius: 50px;
}
.gd_actione .gd_ellipsis {
  display: none;
}
@keyframes gd_ellipsis3 {
  0%,
  25% {
	left: 32px;
	-webkit-transform: scale(0);
	transform: scale(0);
  }
  50% {
	left: 32px;
	-webkit-transform: scale(1);
	transform: scale(1);
  }
  75% {
	left: 100px;
  }
  100% {
	left: 168px;
	-webkit-transform: scale(1);
	transform: scale(1);
  }
}
@-webkit-keyframes gd_ellipsis3 {
  0%,
  25% {
	left: 32px;
	-webkit-transform: scale(0);
	transform: scale(0);
  }
  50% {
	left: 32px;
	-webkit-transform: scale(1);
	transform: scale(1);
  }
  75% {
	left: 100px;
  }
  100% {
	left: 168px;
	-webkit-transform: scale(1);
	transform: scale(1);
  }
}
@keyframes gd_ellipsis2 {
  0% {
	-webkit-transform: scale(1);
	transform: scale(1);
  }
  25%,
  100% {
	-webkit-transform: scale(0);
	transform: scale(0);
  }
}
@-webkit-keyframes gd_ellipsis2 {
  0% {
	-webkit-transform: scale(1);
	transform: scale(1);
  }
  25%,
  100% {
	-webkit-transform: scale(0);
	transform: scale(0);
  }
}
@keyframes gd_ellipsis {
  0% {
	left: 32px;
	-webkit-transform: scale(0);
	transform: scale(0);
  }
  25% {
	left: 32px;
	-webkit-transform: scale(1);
	transform: scale(1);
  }
  50% {
	left: 100px;
  }
  75% {
	left: 168px;
	-webkit-transform: scale(1);
	transform: scale(1);
  }
  100% {
	left: 168px;
	-webkit-transform: scale(0);
	transform: scale(0);
  }
}
@-webkit-keyframes gd_ellipsis {
  0% {
	left: 32px;
	-webkit-transform: scale(0);
	transform: scale(0);
  }
  25% {
	left: 32px;
	-webkit-transform: scale(1);
	transform: scale(1);
  }
  50% {
	left: 100px;
  }
  75% {
	left: 168px;
	-webkit-transform: scale(1);
	transform: scale(1);
  }
  100% {
	left: 168px;
	-webkit-transform: scale(0);
	transform: scale(0);
  }
}
.gd_ellipsis {
  position: relative;
  width: 80px !important;
  height: 80px !important;
  -webkit-transform: translate(-40px, -40px) scale(0.4) translate(40px, 40px);
  transform: translate(-40px, -40px) scale(0.4) translate(40px, 40px);
}
.gd_ellipsis > span {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
}
.gd_ellipsis span > span {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #326c58;
  position: absolute;
  top: 100px;
  left: 32px;
  -webkit-animation: gd_ellipsis 1.5s cubic-bezier(0, 0.5, 0.5, 1) infinite
	forwards;
  animation: gd_ellipsis 1.5s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
}
.gd_ellipsis span:nth-child(1) span {
  -webkit-animation: gd_ellipsis2 1.5s cubic-bezier(0, 0.5, 0.5, 1) infinite
	forwards;
  animation: gd_ellipsis2 1.5s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
  background: #dea65c;
}
.gd_ellipsis span:nth-child(2) span {
  -webkit-animation-delay: -0.75s;
  animation-delay: -0.75s;
  background: #6a67ce;
}
.gd_ellipsis span:nth-child(3) span {
  -webkit-animation-delay: -0.375s;
  animation-delay: -0.375s;
  background: #267c3c;
}
.gd_ellipsis span:nth-child(4) span {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  background: #3be8b0;
}
.gd_ellipsis span:nth-child(5) span {
  -webkit-animation: gd_ellipsis3 1.5s cubic-bezier(0, 0.5, 0.5, 1) infinite
	forwards;
  animation: gd_ellipsis3 1.5s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
  background: #ffb900;
} /*#endregion */ /*********************************************Video Popup*********************************************/
.gd_backtop {
  position: fixed;
  bottom: 130px;
  right: 20px;
  z-index: 10;
} /*.gd_backtop:hover {	background: #df0024;}*/
.gd_backtop.show {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  visibility: visible;
  opacity: 1;
  z-index: 1001;
} /*********************************************TOOLBAR IN MOBILE*********************************************/
.gd_fixed__bar {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  background-color: var(--color);
  width: 100%;
  height: 42px;
  z-index: 100;
  justify-content: space-between;
  border-top: 2px solid var(--color);
  max-width: 100vw;
}
.gd_fixed__bar a {
  display: block;
  color: #fff;
  padding: 10px;
  text-align: center;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  border-right: 1px solid #e5e5e5;
  flex: 0 0 25%;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  font-size: 20px;
}
.gd_fixed__bar a.cart i {
  font-weight: 700;
}
.gd_fixed__bar a:last-child {
  border-right: none;
}
.gd_fixed__bar a i {
  margin-right: 8px;
}
.gd_fixed__bar .zalo {
  background-position: 48px -27px;
  background-size: 19px;
} /* .zalo {		background: url('../images/icon/social_icon_white.png');		background-position: 11px -24px;		background-size: 18px;		background-repeat: no-repeat;	}*/
.gd_fixed__bar .hb_zalo {
  background: #fff;
  -webkit-mask-image: url(../images/icon/social_icon_white.png);
  mask-image: url(../images/icon/social_icon_white.png);
  -webkit-mask-repeat: no-repeat;
  width: 30px;
  height: 25px;
  -webkit-mask-position-x: 50%;
  -webkit-mask-size: 65%;
  -webkit-mask-position-y: -39px;
  margin: 0 auto;
} /*********************************************SCROLL ICON*********************************************/
.wheel,
.wheel-b {
  border: 1px solid rgba(255, 255, 255, 1);
  width: 30px;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  height: 54px;
  position: absolute;
  left: 50%;
  bottom: 40px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  opacity: 1;
  pointer-events: none;
  z-index: 20;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.wheel-b {
  left: 50%;
  margin-top: 150px;
  margin-left: -15px;
  position: absolute;
  opacity: 1;
  -webkit-animation: fadeInUp;
  animation: fadeInUp;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.wheel::before,
.wheel-b::before {
  content: " ";
  width: 2px;
  height: 35px;
  background-color: #fff;
  top: -47px;
  left: 50%;
  position: absolute;
}
.wheel::after,
.wheel-b::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #fff;
  width: 5px;
  height: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-animation: trackBallSlide 3s linear infinite;
  animation: trackBallSlide 3s linear infinite;
}
@-webkit-keyframes trackBallSlide {
  0% {
	opacity: 1;
	-webkit-transform: translateY(-12px);
	transform: translateY(-12px);
  }
  15% {
	opacity: 0;
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
  }
  30% {
	opacity: 1;
	-webkit-transform: translateY(-12px);
	transform: translateY(-12px);
  }
  50% {
	opacity: 0;
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
  }
  60% {
	opacity: 1;
	-webkit-transform: translateY(-12px);
	transform: translateY(-12px);
  }
  100% {
	opacity: 1;
	-webkit-transform: translateY(-12px);
	transform: translateY(-12px);
  }
}
@keyframes trackBallSlide {
  0% {
	opacity: 1;
	-webkit-transform: translateY(-12px);
	transform: translateY(-12px);
  }
  15% {
	opacity: 0;
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
  }
  30% {
	opacity: 1;
	-webkit-transform: translateY(-12px);
	transform: translateY(-12px);
  }
  50% {
	opacity: 0;
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
  }
  60% {
	opacity: 1;
	-webkit-transform: translateY(-12px);
	transform: translateY(-12px);
  }
  100% {
	opacity: 1;
	-webkit-transform: translateY(-12px);
	transform: translateY(-12px);
  }
}
.gd_social {
  display: flex;
  justify-content: flex-start;
  margin-top: 10px;
}
.gd_social a {
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
  margin: 0 10px;
  border-radius: 50%;
}
.gd_social a.facebook:hover {
  background: #ea4335;
  border: 1px solid #ea4335;
}
.gd_social a.youtube:hover {
  background: #ea4335;
  border: 1px solid #ea4335;
}
.logo_gov {
  margin-top: 1.5rem;
  flex: 0 0 50%;
  padding-left: 15px;
} /*********************************************BACK TO TOP*********************************************/
.fixed_right {
  position: fixed;
  bottom: 180px;
  right: 20px;
  z-index: 100;
}
.fixed_right ul {
  padding: 0;
  list-style: none;
}
.fixed_left {
  position: fixed;
  bottom: 150px;
  left: 20px;
  z-index: 100;
}
.fixed_left ul {
  padding: 0;
  list-style: none;
}
#float_button {
  margin-bottom: 5px;
  position: relative;
}
#float_button .play-now {
  display: block;
}
#float_button .d-flex {
  background: #fff;
  visibility: hidden;
  position: absolute;
  top: -15px;
  right: 50px;
  box-shadow: 0 0 5px #666;
  border-radius: 25px;
  padding: 5px 15px;
  animation: fadeInRight 500ms ease-in;
  display: none;
} /*#float_button:hover .d-flex,*/
#float_button.active .d-flex {
  visibility: visible;
  display: block;
}
#float_button .d-flex a {
  display: inline-block;
  border-right: 1px solid #e5e5e5;
  line-height: 30px;
  padding: 0px 15px;
  color: #757575;
  position: relative;
}
#float_button .d-flex a:hover {
  color: #666;
}
#float_button .d-flex a::before {
  content: "";
  border-left: 6px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.85);
  border-right: 6px solid transparent;
  display: none;
  visibility: hidden;
  position: absolute;
  top: -18px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  animation: fadeIn 300ms ease-in;
}
#float_button .d-flex a::after {
  content: attr(title);
  position: absolute;
  visibility: hidden;
  top: -40px;
  white-space: nowrap;
  font-size: 12px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  border-radius: 15px;
  line-height: 1;
  padding: 5px 10px;
  animation: fadeIn 300ms ease-in;
  display: none;
}
#float_button .d-flex a:hover::after,
#float_button .d-flex a:hover::before {
  visibility: visible;
  display: block;
}
#back-to-top {
  display: none;
}
#back-to-top .play-now {
}
#back-to-top .fa-angle-up,
#float_button .fa-phone-alt {
  color: #fff;
  position: relative;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
#back-to-top .fa-angle-up {
  font-size: 30px;
  font-weight: 300;
}
#back-to-top.show .play-now {
  display: block;
}
@keyframes vibrate {
  0% {
	top: 0px;
  }
  25% {
	top: -3px;
  }
  50% {
	top: 0px;
  }
  75% {
	top: 3px;
  }
  100% {
	top: 0px;
  }
} /* Firefox */
@-moz-keyframes vibrate {
  0% {
	top: 0px;
  }
  25% {
	top: -3px;
  }
  50% {
	top: 0px;
  }
  75% {
	top: 3px;
  }
  100% {
	top: 0px;
  }
} /* Safari and Chrome */
@-webkit-keyframes vibrate {
  0% {
	top: 0px;
  }
  25% {
	top: -3px;
  }
  50% {
	top: 0px;
  }
  75% {
	top: 3px;
  }
  100% {
	top: 0px;
  }
} /* Opera */
@-o-keyframes vibrate {
  0% {
	top: 0px;
  }
  25% {
	top: -3px;
  }
  50% {
	top: 0px;
  }
  75% {
	top: 3px;
  }
  100% {
	top: 0px;
  }
} /*======================================Animated play btn, call hotline======================================*/
.gd_hotline .gd_float_call {
  transform: rotateY(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;
  top: -5px;
  right: 100% !important;
  margin-left: 1px;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  -o-transform-origin: right;
  -webkit-transform-origin: right;
  transform-origin: right;
  position: absolute;
  white-space: nowrap;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 5px 15px;
}
.gd_hotline .gd_call {
  line-height: 1.42;
  font-size: 15px;
  margin-right: 20px;
}
.gd_hotline .gd_call span {
  color: #263d84;
  margin-right: 10px;
}
.gd_hotline .gd_call a {
  color: #222;
}
.gd_hotline .play-now a {
  position: sticky;
  display: block;
  width: 100%;
  height: 100%;
}
.gd_hotline.kh_hotline .play-now a {
  color: #fff;
  width: 100%;
}
.gd_hotline:hover .gd_float_call {
  transform: rotateY(0deg);
  visibility: visible;
}
.play-now {
  position: relative;
  border-radius: 50%;
  z-index: 10;
  text-align: center;
  display: flex;
  justify-content: center;
}
#float_button .play-now .ripple {
  /*background-color: #e68133;*/
}
.play-now .ripple {
  /*background-color: #e68133;*/
}
.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
  /*        position: absolute;		top: 50%;		left: 50%;		height: 50px;		width: 50px;		-webkit-transform: translateX(-50%) translateY(-50%);		transform: translateX(-50%) translateY(-50%);		-webkit-transform-origin: center;		transform-origin: center center;		-webkit-border-radius: 50%;		-moz-border-radius: 50%;		-ms-border-radius: 50%;		-o-border-radius: 50%;		border-radius: 50%;		-webkit-box-shadow: 0 0 0 0 #7d151652;		-moz-box-shadow: 0 0 0 0 #7d151652;		-ms-box-shadow: 0 0 0 0 #7d151652;		-o-box-shadow: 0 0 0 0 #7d151652;		box-shadow: 0 0 0 0 #7d151652;		-webkit-animation: ripple 3s infinite;		-moz-animation: ripple 3s infinite;		-ms-animation: ripple 3s infinite;		-o-animation: ripple 3s infinite;		animation: ripple 3s infinite;*/
}
.play-now .ripple:before {
  /*            -webkit-animation-delay: .9s;			-moz-animation-delay: .9s;			-ms-animation-delay: .9s;			-o-animation-delay: .9s;			animation-delay: .9s;			content: "";			position: absolute;*/
}
.play-now .ripple:after {
  /* -webkit-animation-delay: .6s;			-moz-animation-delay: .6s;			-ms-animation-delay: .6s;			-o-animation-delay: .6s;			animation-delay: .6s;			content: "";			position: absolute;*/
}
@-webkit-keyframes ripple {
  70% {
	box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
  100% {
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
	box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
  100% {
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@-moz-keyframes goRight {
  0% {
	opacity: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
  }
  100% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
  }
}
@-webkit-keyframes goRight {
  0% {
	opacity: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
  }
  100% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
  }
}
@keyframes goRight {
  0% {
	opacity: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
  }
  100% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
  }
}
@keyframes goLeft {
  0% {
	opacity: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
  }
  100% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
  }
}
@-webkit-keyframes goLeft {
  0% {
	opacity: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
  }
  100% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
  }
}
@-moz-keyframes goLeft {
  0% {
	opacity: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
  }
  100% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
  }
}


.kh_title_footer {
  font-weight: 500;
  font-size: 1.1rem;
  margin-bottom: 10px;
}
.kh_info_footer {
  list-style: none;
  padding-left: 0;
}
.kh_info_footer li {
  display: flex;
  align-items: flex-start;
  padding: 5px 0;
}
.kh_info_footer li a {
  color: #fff;
  font-size: 15px;
}
.kh_info_footer li i {
  /*! height: auto; */
  padding-top: 4px;
  /*! margin-right: 10px; */
  width: 30px;
}
.kh_info_footer li div {
  flex: 1;
}
.kh_info_footer li a p {
  margin-bottom: 0;
}
.kh_wrap_column {
  padding-left: 10px;
  border-left: 1px solid #fff;
}

.kh_social.d-flex {
	list-style: none;
	padding-left: 0;
	margin: 0 -5px;
}
.kh_social.d-flex li {
	padding: 0 5px;
}
.kh_social.d-flex li a {
	color: var(--color);
	font-size: 18px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
}
.kh_social.d-flex li a i {
	/*! line-height: 0; */
	display: block;
}
.kh_social.d-flex li a img {
  max-width: 50%;
}
.kh_social.d-flex li:nth-child(1) a:hover {
	color: #1877f2;
}
.kh_social.d-flex li:nth-child(2) a:hover {
	color: #ff0000;
}
.kh_social.d-flex li:nth-child(3) a {
	position: relative;
}
.kh_social.d-flex li:nth-child(3) a:before {
	content: unset;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-image: url('../images/icon/zalo.png');
	background-repeat: no-repeat;
	background-position: center;
  background-size: 50%;
}
.kh_social.d-flex li:nth-child(3) a:hover img {
	visibility: hidden;
}
.kh_social.d-flex li:nth-child(3) a:hover::before {
	content: '';
}
.kh_outro {
  	color: #000;
  	font-size: 11px;
  	font-weight: 500;
  	text-transform: uppercase;
}
.kh_outro a {
  	color: #000;
}
.kh_outro {
  	font-weight: 600;
}
.kh_list_social {
  	margin-bottom: 30px;
}
.kh_box_register {
  	margin-bottom: 30px;
}
.kh_outro a:hover {
  	color: var(--c2);
}


@media screen and (min-device-width: 858px) and (max-device-width: 1800px) {
}
@media screen and (min-device-width: 1600px) and (max-device-width: 1800px) {
  .hb_information_footer .hb_info_item {
	flex: 0 0 33.333%;
	max-width: 33.333%;
  }
}
@media screen and (max-device-width: 1536px) and (min-device-width: 1440px) {
  .hb_information_footer .hb_info_item {
	flex: 0 0 33.333%;
	max-width: 33.333%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .kh_nav_footer .kh_menu_footer li a {
	font-size: 14px;
  }
  .hb_information_footer .hb_info_item {
	flex: 0 0 33.333%;
	max-width: 33.333%;
  }
}
@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: 1119px) and (min-width: 1080px) {
  .kh_box_bct {
	margin-bottom: 1rem;
  }
  .kh_nav_footer .kh_menu_footer {
	flex-wrap: wrap;
  }
  .kh_nav_footer .kh_menu_footer li {
	flex: 0 0 33.333%;
	max-width: 33.333%;
	text-align: center;
	border-right: none;
  }
  .hb_information_footer .hb_info_item {
	flex: 0 0 33.333%;
	max-width: 33.333%;
  }
  .hb_information_footer .hb_info_item:nth-child(2) {
	order: 3;
  }
  .hb_information_footer .hb_info_item:nth-child(3) {
	order: 2;
  }
}
@media only screen and (max-width: 1079px) and (min-width: 992px) {
  .kh_box_bct {
	margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
}
@media screen and (max-device-width: 1024px) {
  .kh_nav_footer .kh_menu_footer li a {
	font-size: 17px;
  }
  .kh_title_menu_footer {
	margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 577px) {
}
@media screen and (max-device-width: 576px) {
  .hb_logo_footer {
	margin-bottom: 0;
  }
  .kh_nav_footer {
	flex-wrap: wrap;
  }
  .kh_nav_footer .kh_menu_footer {
	flex-wrap: wrap;
  }
  .kh_nav_footer .kh_menu_footer li {
	border-right: none;
  }
  .kh_nav_footer .kh_menu_footer li a {
	font-size: 16px;
  }
  .hb_copyright_inner .hb_copyright_item:nth-child(1) {
	line-height: 1.5;
  }
  .gd_copyright {
	text-align: center;
  }
  .gd_copyright span {
	display: none;
  }
  .gd_design {
	display: block;
	text-align: center;
  } /*.hb_information_footer .hb_info_item:nth-child(1){		flex: 0 0 35%;		max-width: 35%;	}	.hb_information_footer .hb_info_item:nth-child(2){		order: 2;		flex: 0 0 65%;		max-width: 65%;	}*/
  .hb_information_footer .hb_info_item {
	flex: 0 0 100%;
	max-width: 100%;
	margin-top: 0;
	margin-bottom: 15px;
  }
  .kh_name_company {
	font-size: 1.4rem;
	margin-top: 10px;
  }
  .hb_information_footer .hb_info_item .hb_icon_images {
	margin-bottom: 5px;
  }
  .kh_box_bct {
	margin-bottom: 0.5rem;
  }
  .hb_information_footer .hb_info_item .hb_icon_images {
	width: 45px;
	height: 45px;
	line-height: 45px;
  }
  .hb_information_footer .hb_info_item i.fas {
	font-size: 16px;
	line-height: 45px;
  }
  .hb_information_footer .hb_info_item .hb_info_title {
	font-size: 18px;
	margin-bottom: 0px;
  }
  .hb_main_footer {
	padding: 0;
  }
  .kh_nav_footer {
	margin-bottom: 20px;
  }
  .owl-prev {
	left: -5px;
  }
  .owl-next {
	right: -5px;
  }
  .owl-nav {
	position: unset;
	font-size: 2rem;
  }
  .kh_nav_footer.col-md-3.d-sm-none.gd_ft_social {
	display: none !important;
  }
}
@media screen and (max-device-width: 414px) {
}
@media screen and (max-device-width: 375px) {
}
@media screen and (max-device-width: 360px) {
} /*********************************************	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) {
  .kh_other_prod {
	background-size: contain;
  }
}
@media screen and (max-device-width: 1536px) and (min-device-width: 1440px) {
  .kh_other_prod {
	background-size: contain;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .kh_list_file .kh_item_file a {
	padding: 0 15px 0 0;
  }
  .kh_logo_center .img-fluid {
	max-width: 70%;
  }
}
@media screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
  .kh_other_prod {
	background-size: contain;
  }
}
@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) {
}
@media only screen and (max-width: 1119px) {
  .kh_cover_item .kh_absolute_text .kh_text_banner {
	font-size: 2.2rem;
  }
  .kh_box_title .kh_title_module {
	font-size: 2rem;
  }
  .kh_box_title.box_name_prod .kh_title_module {
	font-size: 1.7rem;
  }
  .kh_btn_prod a span {
	width: 30px;
	height: 30px;
	line-height: 30px;
  }
  .kh_btn_prod a {
	font-size: 1rem;
  }
  .kh_list_file .kh_item_file a span {
	width: 30px;
	height: 30px;
	line-height: 30px;
  }
  .kh_list_file .kh_item_file a {
	font-size: 1rem;
  }
  .kh_list_file {
	flex-wrap: wrap;
  }
  .kh_list_file .kh_item_file {
	margin-bottom: 10px;
  }
  .kh_logo_center .img-fluid {
	max-width: 70%;
  }
  .kh_below_prod .kh_box_title.box_have_line {
	margin-bottom: 20px;
	padding-bottom: 11px;
  }
  .kh_below_prod {
	padding-bottom: 0;
  }
  .kh_mb_list .owl-nav {
	display: none;
  }
}
@media only screen and (max-width: 1079px) and (min-width: 992px) {
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /*Chi tiết*/
  .kh_wrap_other {
	flex-wrap: wrap;
  }
  .kh_other_left {
	flex: 0 0 100%;
	max-width: 100%;
  }
  .kh_other_right {
	flex: 0 0 100%;
	max-width: 100%;
  }
  .kh_other_left .kh_box_title.box_have_line {
	padding-bottom: 10px;
	margin-bottom: 10px;
  }
  .kh_other_prod {
	background-size: cover;
  } /*End*/
}
@media screen and (max-device-width: 992px) {
  .hb_address_logo {
    margin-bottom: 20px;
  }
  .kh_wrap_column {
    margin-bottom: 30px;
  }

  .kh_main_uses {
	flex-wrap: wrap;
  }
  .kh_item_uses {
	flex: 0 0 33.333%;
	max-width: 33.333%;
	margin-bottom: 20px;
  }
  .kh_item_prod {
	flex: 0 0 100%;
	max-width: 100%;
	justify-content: center !important;
  }
  .kh_list_prod {
	flex-wrap: wrap;
  }
  .kh_avt_prod {
	flex: 0 0 100%;
	max-width: 100%;
  }
  .kh_module.kh_order {
	background-image: unset;
  padding: 0 0 30px;
  }
  .kh_list_prod .kh_logo_center {
	display: none;
  }
  .kh_box.kh_box_prod {
	background: linear-gradient(90deg, #ffe1ed, #ffeed2);
  }
  .kh_logo_center.below_992 {
  }
  .kh_form_order {
	flex: 0 0 100%;
	max-width: 100%;
  } /*Chi tiết*/
  .kh_list_icon.d-flex figure {
	width: 50px;
	height: 50px;
	margin-top: 10px;
  }
  .kh_buy_web div {
	padding-right: 25px;
  }
  .kh_single_product .kh_box_title.box_have_line .kh_title_module {
	font-size: 1.715rem;
  }
  .kh_single_product .kh_box_title.box_have_line {
	margin-bottom: 10px;
  }
  .kh_buy_commerce .kh_item_commerce a {
	padding: 10px 25px;
  }
  .kh_nav_item .kh_nav_link {
	margin-right: 30px;
  }
  .kh_nav_item .kh_nav_link .kh_name_nav {
	font-size: 1.5rem;
  }
  .kh_box_why .kh_title_why {
	font-size: 1.4rem;
  }
  .kh_buy_web div a span {
	width: 40px;
	height: 40px;
	line-height: 40px;
  }
  .kh_wrap_other {
	flex-wrap: wrap;
  }
  .kh_other_left {
	flex: 0 0 100%;
	max-width: 100%;
  }
  .kh_other_right {
	flex: 0 0 100%;
	max-width: 100%;
  }
  .kh_other_left .kh_box_title.box_have_line {
	padding-bottom: 10px;
	margin-bottom: 10px;
  } /*End*/
}
@media only screen and (max-width: 767px) and (min-width: 577px) {
  .kh_box.kh_box_parts .container {
	max-width: 637px;
  }
  .kh_wrap_other {
	flex-wrap: wrap;
  }
  .kh_other_left {
	flex: 0 0 100%;
	max-width: 100%;
  }
  .kh_other_right {
	flex: 0 0 100%;
	max-width: 100%;
  }
  .kh_other_right .kh_content_prod .kh_buy_web div {
	padding-right: 0;
  }
  .kh_other_right .kh_content_prod .kh_buy_web div a {
	display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .kh_box {
	padding: 10px 0;
  }
  .kh_box.kh_box_parts {
	padding-top: 10px;
  }
  .kh_box_title .kh_title_module {
	font-size: 1.5rem;
  }
  .gd_contact_form .kh_buy_btn .wpcf7-submit {
	padding: 15px 40px 15px 70px;
	font-size: 1rem;
  }
  .kh_name_product {
	flex: 0 0 30%;
	max-width: 30%;
  }
  .kh_num_box {
	flex: 0 0 40%;
  max-width: 40%;
  }
}
@media screen and (max-device-width: 576px) {
  .kh_price_prod {
  margin: 5px 0 10px;
  }
  .kh_wrap_submit {
	padding: 0;
  }
  .page-content.page-contact .kh_wrap_submit {
	padding: 0 50px;
  }
  .kh_buy_btn {
	display: block;
	position: static;
  }
  .gd_contact_form .kh_buy_btn .wpcf7-submit {
	text-transform: uppercase;
	font-weight: 600;
  }
  .kh_form_order .gd_form__wrap .form-group span {
	margin: 0 auto 10px;
  }
  .kh_buy_btn.kh_btn_agency {
  }
  .kh_buy_btn.kh_btn_agency .ajax-loader {
	display: none !important;
  }
  .kh_wrap_submit {
	background: linear-gradient(0deg, #ffbe40 10%, #fde997);
  }
  .kh_form_order .wpcf7-response-output {
	margin-top: 10px !important;
  }
  .kh_one {
	margin: 0 10px;
  }
  .kh_buy_btn {
	flex-wrap: wrap;
  }
  .kh_item_nav {
	margin-right: 25px;
  }
  .kh_left_form.kh_side_form .kh_hotline_header .kh_text_hotline div {
	font-size: 13px;
	margin-bottom: 3px;
  }
  .kh_left_form.kh_side_form .kh_hotline_header.d-flex {
	display: block !important;
  }
  .kh_left_form.kh_side_form .kh_hotline_header.d-flex .kh_icon_hotline {
	display: none;
  }
  .kh_icon_submit {
	display: none !important;
  }
  .kh_item_uses {
	flex: 0 0 50%;
	max-width: 50%;
  }
  .kh_item_prod {
	margin-bottom: 15px;
  }
  .kh_list_prod {
	padding: 15px 0;
  }
  .kh_btn_prod {
	flex-wrap: wrap;
  }
  .kh_btn_prod div {
	margin-bottom: 10px;
  }
  .kh_box_title.box_name_prod {
	margin-bottom: 0;
  }
  .kh_below_prod {
	padding-top: 20px;
  }
  .hb_information_footer .hb_info_item {
	display: flex;
  }
  .hb_information_footer .hb_info_item .hb_icon_images {
	margin-right: 26px;
  }
  .hb_information_footer .hb_info_item .hb_info_title {
	line-height: 1.2;
  }
  .hb_information_footer .hb_info_item .kh_wrap_info {
	flex: 1;
	text-align: left;
  }
  .hb_information_footer {
	padding: 0 15px;
  }
  .hb_information_footer .hb_info_item .kh_wrap_info .hb_info_descs {
	line-height: 1.2;
  }
  .kh_module.kh_order.kh_order_2 .kh_box_title.box_have_line .kh_title_module {
	font-size: 1.5rem;
  }
  .kh_module.kh_order.kh_order_2 .kh_box_title.box_have_line {
	margin-bottom: 30px;
	padding-bottom: 20px;
	margin-top: 20px;
  }
  .hb_add_represent {
	font-size: 16px;
  }
  .kh_nav_footer.col-md-3.gd_ft_social {
	display: none;
  }
  .kh_wrap_order {
    margin-top: 0;
  }
  .kh_avt_prod {
    margin-bottom: 30px;
  }
}
@media screen and (max-device-width: 414px) {
  .gd_contact_form .kh_buy_btn .wpcf7-submit {
	padding: 10px 20px 10px 20px;
  }
  .kh_price_prod span {
	font-size: 1.1rem;
  }
  .kh_box_title.box_name_prod .kh_title_module {
	font-size: 1.4rem;
  }
  .kh_box_title.box_name_prod .kh_above_title {
	font-size: 1.2rem;
  }
  .kh_below_prod .kh_box_title .kh_title_module {
	font-size: 1.5rem;
  }
  .kh_one {
	text-align: center;
  }
  .kh_module.kh_order {
	padding: 0 0 20px;
  }
  .kh_total {
	text-align: center;
  } /*Chi tiết*/
  .kh_nav .nav-item.kh_nav_item {
	flex: 0 0 50% !important;
	max-width: 50% !important;
	text-align: center;
  }
  .kh_other_right .kh_content_prod .kh_buy_web div {
	padding-right: 25px !important;
  } /*End*/
}
@media only screen and (max-width: 731px) and (min-width: 411px) {
  .kh_nav_item .kh_nav_link {
	margin-right: 0;
  }
  .kh_nav_item .kh_nav_link .kh_name_nav {
	font-size: 1.5rem;
  }
  .kh_nav .nav-item.kh_nav_item {
	flex: 0 0 33.333%;
	max-width: 33.333%;
  }
  .kh_other_prod {
	padding: 20px 0;
  }
  .kh_wrap_other {
	flex-wrap: wrap;
  }
  .kh_other_left {
	flex: 0 0 100%;
	max-width: 100%;
  }
  .kh_other_right {
	flex: 0 0 100%;
	max-width: 100%;
  }
  .kh_other_right .kh_content_prod .kh_buy_web div {
	padding-right: 0;
  }
  .kh_other_right .kh_content_prod .kh_buy_web div a {
	display: flex;
  }
}
@media screen and (max-device-width: 411px) {
  .kh_buy_web div a {
	align-items: center;
  }
}
@media screen and (max-device-width: 375px) {
}
@media only screen and (max-width: 640px) and (min-width: 360px) {
  .kh_nav .nav-item.kh_nav_item {
	flex: 0 0 33.333%;
	max-width: 33.333%;
  }
  .kh_nav_item .kh_nav_link {
	margin-right: 0;
  }
  .kh_nav_item .kh_nav_link .kh_name_nav {
	font-size: 1.5rem;
  }
  .kh_other_prod {
	padding: 20px 0;
  }
  .kh_wrap_other {
	flex-wrap: wrap;
  }
  .kh_other_left {
	flex: 0 0 100%;
	max-width: 100%;
  }
  .kh_other_right {
	flex: 0 0 100%;
	max-width: 100%;
  }
  .kh_other_right .kh_content_prod .kh_buy_web div {
	padding-right: 0;
  }
  .kh_other_right .kh_content_prod .kh_buy_web div a {
	display: flex;
  }
}
@media screen and (max-device-width: 360px) {
}