@media (max-width:1025px){
.footer-flex{flex-direction:column;gap:30px}
.footer-flex>*{width:100%!important}
.splide__arrow{display:none}
.footer_flex{flex-direction:column;gap:30px}
.footer_flex>*{width:100%!important}
.header-wrap,.menu{}
.menu-res{display:flex!important}
.logo-mb{display:inline-block;text-align:center;max-width:200px}
.menu_baophu{background:#000;opacity:.8;z-index:998;left:0;top:0;position:fixed;width:100%;height:100%;display:none}
.icon_menu_mobi{color:#fff;font-size:25px;text-decoration:none;width:35px;display:block;cursor:pointer;margin:0;text-align:center}
.home_mobi{color:#fff;text-decoration:none;float:right;font-size:20px}
.logo-mobi{display:inline-block;max-width:100px}
.menu_mobi{background:var(--color-main);padding:5px 10px;width:100%;display:flex;align-items:center;justify-content:space-between;height:100%;cursor:pointer;position:sticky;top:0;z-index:10;box-shadow:rgba(100,100,111,.2) 0 5px 20px}
.menu_mobi_add{position:fixed;top:0;left:-100%;bottom:0;width:350px;max-width:85%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.05);transition:.5s;z-index:9999999}
.menures_inner{display:flex;flex-direction:column;position:absolute;top:0;bottom:0;height:100%;width:100%}
.menures_header{padding:10px;position:relative;background:#fff;filter:drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06))}
.menures_content{padding:5px;position:relative;overflow-y:scroll;height:100%;-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;overscroll-behavior:none}
.menu_mobi_active{left:0;transition:.5s}
.menu_mobi_add ul{list-style:none;padding:0;margin:0}
.menu_mobi_add ul li.li-tim{display:none}
.menu_mobi_add ul li h2{font-size:17px;margin-bottom:0}
.menu_mobi_add ul li b{display:inline-block;vertical-align:top;margin-right:8px}
.menu_mobi_add ul li b img{display:inline-block;vertical-align:top}
.menu_mobi_add ul li a{color:#191919;padding:8px 30px 8px 5px;position:relative;font-size:16px;transition:.3s!important;font-weight:500;border-radius:10px;display:flex;align-items:center;gap:12px}
.menu_mobi_add ul li a svg{display:none}
.menu_mobi_add ul li a i{position:absolute;right:5px;transform:rotate(0);width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-main);border-radius:50%;top:calc(50% - 25px / 2)}
.menu_mobi_add ul li a.active2 i{transform:rotate(90deg);color:#fff;box-shadow:0 0 0 25px var(--color-main) inset}
.menu_mobi_add ul ul{display:none;padding-left:15px;margin:5px 0 10px 0}
.menu_mobi_active .menu_lvl2>ul{padding:0}
.menu_mobi_add ul li ul li a{padding-left:20px;color:#6f6f6f}
.menu_mobi_add ul li ul li ul li a{padding-left:20px}
.menu_mobi_add ul li:last-child a{margin-bottom:0}
.thongtin-mb ul li{list-style:none;color:#000;font-weight:500;margin-bottom:15px}
.thongtin-mb ul li:last-child{margin-bottom:0}
.thongtin-mb ul li i{font-size:19px;margin-right:10px;color:var(--color-main)}
.close_menu{display:inline-block;cursor:pointer;position:absolute;top:5px;right:5px;width:25px}
.menures_footer{padding:10px;margin-top:auto;background:#f7f7f7;border-top:solid 1px #e4e8ed}
.flex-about{
    flex-wrap: wrap;
}
.photo-about{
    width: 100%;
}
.content-about{
    width: 100%;
}
.img_xoay{
    left: 0px;
}
.title-about b{
}
.title-about h2{
    font-size: 28px;
}
.wrap-about{
}
.grid_pro{
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.product-list{
}
.taisao-wrap .taisao_index{
    background: none;
    padding: 0px;
}
.grid_taisao{
    gap: 10px;
}
.ts-item{
    width: 100%;
}
.title-main h1, .title-main h2{
   font-size: clamp(30px, calc(40 / 1200 * 100vw), 50px);
}
.grid_doitac{
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}
.logo_footer{
    flex-wrap: wrap;
}
.tencty{
    width: 100%;
}
.logo_footer{
width: 100%;
text-align: center;
justify-content: center;
}
.footer-news-logo{
    flex-wrap: wrap;
    justify-content: center;
}
.logo_footer b{
    font-size: 17px;
}
.logo_footer span{
    font-size: 30px;
}
.footer-news:nth-child(2),.footer-news:nth-child(3){
    padding-top:15px;
    padding-bottom:15px;
}
.menu{
    display: none;
}

.wrap-content1::after,.wrap-content1::before,.photo-about::before,.search-inline {
    display: none;
}
.splide__arrows {
    display: none !important;
}



}
@media (max-width:875px){
    .qrcode_lh_code_box{
        display: grid;
        gap: 20px;
        margin-bottom: 20px;
        grid-template-columns: repeat(3,1fr);
    }
    .slogan1{
        color: #fff;
    }
    .slogan{
        display: none;
    }
    .header__top-flex{
        justify-content: center;
    }
    .header__bottom{
        display: none;
    }
    .footer-block{
        max-width: 100%;
        overflow: hidden;
    }
    .product-item__name{
        font-size: 15px;
    }
    .tieuchi{
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
        row-gap: 50px;
    }
    .content-about::before,.content-about::after{
        display: none;
    }
    .bando__tab-header li{
        padding: 10px;
    }
    .gap50{
        gap: 10px;
    }
    .footer-info{
        width: 100% !important;
    }
    .footer-info{
    }
    .footer-ul{
        flex-wrap: wrap;
    }
    .newsnb-wrap{
        padding-bottom: 0px;
    }
    .duan1_index{
        height: auto;
    }
    .tieuchigioithieu{
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .product-item{
        padding: 10px;
    }
    .duan_index{
        grid-template-columns: repeat(2, 1fr);
    }
    .ungdung_index_box{
        width: 100%;
    }
    .xct{
        width: 100px;
    }
    .product-item__info{
        width: 100%;
    }
    .product-item__pic{
        width: 100%;
        padding: 0px;
    }
    .wrap_dm_pro{
        width: 100%;
    }
    .wrap_dm{
        width: 100%;
    }
    .tieuchi-wrap{
        padding: 20px 0px;
    }
    .ts-item__info{
    }
    .ts-item::after{
        display: none;
    }
    .wrap-danhmuc{
        padding: 20px 0px;
    }
    .tieuchi_gt-item:nth-child(2), .tieuchi_gt-item:nth-child(3){
        margin-top: 0px;
    }
    .tieuchi_gt{
        grid-template-columns: repeat(2, 1fr);
        margin-top: 20px;
        gap: 10px;
    }
    .desc_about{
        max-width: 100%;
    }
    .wrap-about{
        padding: 20px 0px;
        background-size: cover;
    }

    .chu_cty{
        font-size: 40px;
        text-shadow: none;
        -webkit-text-stroke-width: thin;
        line-height: normal;
        margin: 0px;
    }
    .footer-powered .wrap-content{
        padding: 10px;
    }

    .footer-article::after{
        display: none;
    }
    .footer-article::before{
        display: none;
    }
    .a_tron{
        background:  none !important ;
    }
    .product-list__pic a img{
        min-height: 250px;
    }
    .border_right{
        border:none
    }
    .tieuchi{
        padding: 20px;
    }
    .header__bottom-flex{
        justify-content: center;
    }
    .gap20{
        gap: 0px;
    }
    .newsletter-wrap{
        padding: 15px;
    }
    .news-item-index__pic{
        width: 100%;
    }
    .news-item-index__info{
        width: 100%;
        padding: 0px;
    }
    .facebook_l{
        margin-bottom: 20px;
    }
    .d-flex{
        flex-wrap: wrap;
    }
    .w50{
        width: 100%;
    }
    .footer-news{
        flex-wrap: wrap;
    }
    .footer-news:nth-child(1){
        padding: 0px;
    }
    .scrollToTop{
        bottom: 70px;
    }
    .ts-item__name{
        font-size: 14px;
    }
    .header__top-info{
        display: none;
    }

    .splide__list2{
        flex-wrap: wrap;
    }
    .menures_header{
        text-align: center;
    }
    .footer-info h2{
        font-size: 23px;
    }
    .tintuc_index{
        flex-wrap: wrap;
    }
    .news_index{
        width: 100%;
        margin-bottom: 10px;
    }
    .video_index{
        width: 100%;
        padding-left: 0px;
    }
    .gp-item__name{
        font-size: 15px;
    }
    .title-main p{
        font-size: 14px;
        max-width: 100%;
    }
    .content-about{
        margin-bottom: 10px;
    }
    .title-about a{
        font-size: 38px;
    }
    .dichvu_index{
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }
    .grid_news{
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .imggt_index:before{
        display: none;
    }
    .wrap-main-cauchuyen{
        margin-bottom: 0px;
    }
    .wrap-main-cauchuyen{
        gap: 20px;
    }
    .cauchuyen-item__img{
        width: 100%;
    }
    .cauchuyen-item__info{
        width: 100%;
        padding: 10px;
    }
    .footer-flex{
        margin-top: 0px;
    }
    .dknt_index{
        width: 100%;
    }
    .grid_taisao{
        grid-template-columns: repeat(2, 1fr);
    }


}


@media (max-width:600px){
.contact-flex,.prodetail__actions,.prodetail__header{grid-template-columns:1fr}
.product-item__price--per{display:none}
}