@media only screen and (max-width:767px){.slick-vertical-margin .slick-slide{margin:2px 0}
}
@media only screen and (max-width:767px){.slick-vertical-margin .slick-list{margin:-2px 0}
}
@media only screen and (max-width:991px){#section-header .show-menu{cursor:pointer;display:inline-block!important}
}
@media only screen and (max-width:767px){#section-header .logo-menu{width:168px}
}
@media only screen and (max-width:575px){.news .news-image{margin-bottom:1rem}
}
@media only screen and (max-width:767px){.contact-top .title-contact{margin-bottom:16px}
.contact-top .contact-content{margin-top:36px;margin: 0px;}
}
@media only screen and (max-width:991px){#section-header .show-menu{cursor:pointer;display:inline-block!important}
}
@media only screen and (max-width:767px){#section-header .logo-menu{width:168px}
}
@media only screen and (max-width:991px){.menu{display:none}
}
@media only screen and (max-width:991px){.menu-res{display:block}
}
@media only screen and (max-width:991px){.menu-bar-res.open-menu{display:block;transform:translateX(0)}
}
@media only screen and (max-width:991px){nav#menu ul li a span.ms-2{display:none}
}
@media only screen and (max-width:767px){body.modal-open{padding-right:0!important}
}
@media only screen and (max-width:767px){.phone-mobile{display:block}
}
@media only screen and (min-width:992px){.comment-item{align-items:flex-start;display:flex;justify-content:flex-start}
}
@media only screen and (max-width:991px){.comment-item-poster{align-items:center;display:flex;justify-content:flex-start;margin-bottom:.5rem;margin-right:0;width:auto}
}
@media only screen and (max-width:991px){.comment-item-letter{font-size:13px;height:40px;line-height:40px;margin-bottom:0;width:40px}
}
@media only screen and (max-width:991px){.comment-item-name{margin-bottom:0;margin-left:10px;margin-right:10px}
}
@media only screen and (max-width:991px){.comment-item-information{width:100%}
}
@media only screen and (max-width:575px){div.title-pages h1,div.title-pages h2,div.title-pages h3,div.title-pages h4,div.title-pages h5,div.title-pages h6{font-size:24px;line-height:40px}
}
@media screen and (min-width:1024px){div.show-list-dichvu{overflow:visible}
}
@media screen and (min-width:1024px){div.show-list-dichvu div.splide_dichvu{width:100%}
div.show-list-dichvu div.splide_dichvu .splide__track{overflow:hidden}
}
@media screen and (min-width:1024px){div.show-list-dichvu div.splide_tintuc{width:100%}
div.show-list-dichvu div.splide_tintuc .splide__track{overflow:hidden}
}
@media screen and (min-width:1024px){div.show-list-dichvu div.splide_kythuat{width:100%}
div.show-list-dichvu div.splide_kythuat .splide__track{overflow:hidden}
}
@media only screen and (max-width:991px){.top-cart{margin-bottom:2rem}
}
@media only screen and (max-width:767px){#popup-cart .top-cart{height:calc(100vh - 200px)}
}
@media only screen and (max-width:767px){.procart{margin:-10px -10px 16px}
.procart{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:16px}
.procart div[class*=col-]{padding:10px}
.procart .info-procart{width:unset}
.procart .wrap-quantity-procart{width:100%}
.procart .wrap-quantity-procart .quantity-counter-procart{margin-left:150px;width:150px}
}
@media only screen and (max-width:767px){.pic-procart{width:134px}
.pic-procart img{height:72px;width:72px}
}
@media only screen and (max-width:767px){.price-old-cart{font-size:14px;width:100%}
}
@media only screen and (max-width:575px){.procart-label{font-size:13px}
}
@media only screen and (min-width:768px){.procart-label .quantity-procart p:first-child{display:block}
}
@media only screen and (max-width:767px){.procart-label .quantity-procart p:first-child{display:none}
}
@media only screen and (min-width:768px){.procart-label .quantity-procart p:last-child{display:none}
}
@media only screen and (max-width:767px){.procart-label .quantity-procart p:last-child{display:block}
}
@media only screen and (max-width:767px){.right-cart-checkout{padding:30px 16px 20px}
}
@media only screen and (max-width:767px){.box-btn-checkout{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}
.box-btn-checkout{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}
.box-btn-checkout .btn-home-2{margin-bottom:23px;width:100%}
}
@media only screen and (max-width:767px){#footer{padding-top:35px;}
}
@media only screen and (max-width:575px){#footer .footer-title{font-size:16px;margin-bottom:20px;}
}
@media only screen and (max-width:767px){.footer-info p:first-child{width:105px}
}
@media only screen and (max-width:575px){div.footer-bottom .copyright{font-size:12px;line-height:22px}
}
@media only screen and (max-width:767px){#tool-support{right:10px}
}
@media only screen and (max-width:767px){#tool-support .box-btn-tool{height:40px;width:40px}
}
@media only screen and (max-width:767px){.wrap-banner-head .inner .inner-content .inner-name{font-size: 40px;}
}
@media only screen and (max-width:767px){.custom-nav .nav-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow:auto;white-space:nowrap}
}
@media only screen and (max-width:767px){.wrap-banner-head .banner-img img{height:225px;-o-object-fit:cover;object-fit:cover}
}
/* repo */
@media (max-width:1024px){}
@media (max-width:991px){.menu_top{display:none;}
.bk_menu{border-radius:0px;background:#fff;}
.padding-pages{padding:30px 0px;}
.pagination .page-link{width:100px;}
.padding-in-page{padding:62px 0px;}
.grid_news{display:grid;grid-template-columns:repeat(1,1fr);gap:20px 0px;}
.tieu_chi{}
.gioithieu_left{width:100%;}
.gioithieu_right{width:100%;margin:0px 0px 52px;}
.btn_slider{flex-direction:column;}
.btn_slider .btn_sli{text-align:center;width:80%;margin:0 auto 20px;}
.desc-slide h6{font-size:40px;line-height:52px;}
.desc-slide{width:90%;margin:0 auto 30px;}
.desc-slide p{width:100%;}
.slideshow-desc{top:60%;}
h2.name_gioithieu{font-size:25px;line-height:44px;margin-bottom:20px;}
div#section-header{background:#fff;padding:14px 0px;}
.wrap-dichvu{padding:30px 0px;}
.text_dichvu{padding:35px 10px 20px;}
h3.name_dichvu.text-split.text-split-1{-webkit-line-clamp:2;}
h3.name_dichvu{margin-bottom:10px;font-size:20px;}
.mota_dichvu{margin-bottom:15px;}
h3.name_solieu{font-size:30px;}
p.desc_solieu{font-size:15px;}
div.title-pages{margin-bottom:32px;}
.cth_box{padding:0;margin-bottom:20px;}
.text_truonghop{width:90%;padding:20px;}
.dknt{padding:30px 0px;}
.box_dknt{padding:0px 0px 25px;}
input.btn-newsletter{margin-top:10px;}
.wrap-banner-head{margin-top:55px;}
.wrap-banner-head .inner{top: 50%;}
.about{flex-wrap:wrap;}
.about-content{width:100%;margin-bottom:20px;}
.about-img{width:100%;}
.grid_muctieu{display:grid;grid-template-columns:repeat(1,1fr);gap:16px 0px;}
.wrap-banner-head .inner .inner-content span{margin-bottom:10px;}
.box_form_datlich{margin:20px 15px;padding:20px;}
.wrap-banner-head .inner .inner-content .inner-desc{width:95%;}
/* web */
.logo-search{width:150px;margin:0 auto 10px;}
div.header-search{padding:15px 0px;}
.gioithieu_dflex{flex-direction:column-reverse;}
.text_gioithieu{padding:0;}
.gioi_thieu{padding:72px 15px;}
.show-list-sanpham_level1{padding:0px;}
.video_left{width:100%;margin-bottom:4px;}
.video_right{width:100%;}
.goc_chia_se{padding:72px 0px;}
h2.name_gocchiase{font-size:32px;}
.padding-home{padding:50px 0px;}
.hinh_gioithieus{width:100%;margin-bottom:40px;}
.hinh_gioithieus img{width:100%;}
.text_gioithieus{width:100%;}
h3.name_gioithieus{font-size:32px;}
.grid_duan{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;}
ul.tabs_list{margin-bottom:31px;}
ul.tabs_list li{margin-right:5px;}
.breadCrumbs{height:60px;}
h1.title-home.title-duan{font-size:24px;margin-bottom:24px;}
h3.product_duan{margin-bottom:20px;}
.grid_tailieu{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;}
.grid_dichvu{display:grid;grid-template-columns:repeat(1,1fr);gap:24px;}
.grid_duan{display:grid;grid-template-columns:repeat(1,1fr);gap:24px;}
.grid_chinhsach{display:grid;grid-template-columns:repeat(1,1fr);gap:24px;}
.grid_sanpham{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.grid_product_item{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.video_index{padding-bottom: 0px;}
.name_chinhsach a {
    font-size: 20px;
}
.btn_lienhe_pro{width: 100%;}
.name_tailieu_news{font-size: 16px;}
ul.tabs_cat_pro {
    background: #F2F2F2;
    margin-bottom: 30px;
    padding-top: 0px;
}

ul.tabs_cat_pro li {
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 8px;
    padding: 8px 14px 8px;
    font-weight: 400;
    margin-bottom: 0px;
}
ul.tabs_cat_pro li.active {font-weight: 700; background: #E2E2E2;
}
ul.tabs_cat_pro li:last-child {
    border: none;
}

ul.ul_list_product_list {
    margin-bottom: 20px;
}

.title_cat_pro {
    font-size: 32px;
    margin-bottom: 20px;
}
.left-pro-detail{width:100%;margin-bottom: 25px;}
.right-pro-detail{width:100%;}
.banve_thongtin{width:100%;margin-bottom: 25px;}
.thongso_kythuat{width:100%;margin-bottom: 25px;}
                         .tab-content-product-title h3 {
    font-size: 14px;
    margin: 0 8px;
}

.title-cauhinh {
    margin: 10px 0px 20px;
}

.name_cauhinh_pro {
    margin: 0px;
    width: 50%;
}

.box_mauchoa_pro_main {
    grid-template-columns: repeat(2,1fr);
}
.list_upload_pro{display:grid;grid-template-columns:repeat(1,1fr);gap:24px 24px;}
.slick-detail-product .slick-slide {
    border: 1px solid #dadada;
    margin: 10px 5px 0px;
}

.hinh_sanpham_level1 img{filter:grayscale(0);}
.text_sanpham_level1 .xemthem_sanpham{opacity:1;transform:translateY(0px);}
.box_sanpham_level1:hover .hinh_sanpham_level1 img{filter:brightness(1);}
.product-item h5{font-size: 18px;}
.ul_list_product_list {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* mượt hơn trên iOS */
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 10px; /* khoảng cách giữa các mục (tuỳ chọn) */
}

.ul_list_product_list li {
  flex: 0 0 auto;
}

.ul_list_product_list a {
  display: block;
  white-space: nowrap;
  padding: 10px 16px;
  text-decoration: none;
  color: #333;
  border-radius: 5px;
  background: #f9f9f9;
}
.btn-home{width: 100%;}
.form-newsletter .btn-submit-newsletter{        
    width: 100%;
        padding: 0px;
        font-size: 14px;
       }
        .popupPro .btn-close:after {
    font-size: 30px;
    font-weight: 100;
}
.popupPro .btn-close {width: 20px;height: 20px;}
.grid_menu_mb a.box_dm_1 h3{text-transform: capitalize;}
a.lienhe_scroll{display: none;}
.sanpham_level1 {padding: 0 15px; background: #F2F2F2;}
 button.splide__arrow--prev{left:15px;}
button.splide__arrow--next{right:15px;}
.splide_doitac button.splide__arrow--prev, .splide_doitac button.splide__arrow--next{display: none !important;}
.du_an{padding-top: 50px;}
}
@media (max-width:767px){.footer-grid .col-footer:nth-child(1){width:100%;margin-bottom:50px;}
.footer-grid .col-footer:nth-child(2){width:47%;margin-bottom:35px;}
.footer-grid .col-footer:nth-child(3){width:47%;margin-bottom:35px;}
.footer-grid .col-footer:nth-child(4){width:47%;}
.footer-grid .col-footer:nth-child(5){width:47%;}
}
@media (max-width:525px){}
