@media (max-width: 1024px) { 
    .menu{ display: none; } 
    .menu-res {display: block;}  
    /* header */ 
    .header { padding: 10px 0;}
    .btn__hotline-header { display: none; } 
    .btn__hotline-time,.btn__hotline-map{display: flex;}
    
    /* slideshow */
    .slideshow-item::after{right: 10px;}
    .info1__slide {width: 100%;}
    .desc__slide span{font-size: 40px;}
    .name__slide span{font-size: 50px;}
    .name1__slide span{font-size: 16px;}
    /* giới thiệu */    
    .wrap__aboutus::before { bottom: 0px;right: 0px;width: 200px;height: 153px;}

    /* dịch vụ */
    .service__right {width: calc(100% - 29% - 10px);}
    .slider-service-nav .service {margin: 0 5px;} 
    .service__name ,.slider-service-nav .service__name a {font-size: 14px;}
    .service__desc{font-size: 13px;}

    /* feedback */ 
    .slider-for .slick-prev, .slider-for .slick-next {top: 100%;}
    .wrap__feedback{padding: 50px 0 100px;}
    .wrap__feedback::before {width: 321px;height: 222px;}
    .wrap__feedback::after {width: 320px;height: 220px;}

    /* sản phẩm */
    .grid__product {gap: 10px;}

    /* tại sao chọn */
    .grid__whyus{row-gap: 20px;column-gap: 10px;}
    .whyus__info {gap: 15px;}
    .whyus__numb{font-size: 35px;}
    .whyus__name{font-size: 16px;}
    .whyus__decor {left: 40px;top: -10px;font-size: 40px;}
    .desc__whyus{font-size: 13px;}

    /* tin tức */
    .newsHome-for .slick-slide .box__news { gap: 20px;}
    .newsHome-for .slick-slide{margin-right: 20px;}
    .newsHome-for .slick-slide .info__news {width: calc(100% - 35% - 20px);}
    /* footer */ 
}
@media (max-width: 850px) {
    .img-auto img{width: auto !important;height: auto !important;}  
    .title__main h1,.title__main h2, .title__main span{font-size:40px;}
    .title__main .slogan{font-size: 13px;} 
    
    .mgb-res{margin-bottom: 30px;}
    .mb-none{display: none !important;}
    .py-50{padding-top: 30px !important;padding-bottom: 30px !important;}
    .mb-50{margin-bottom: 30px !important;}

    .scrollToTop{right: 15px;}

    /* tiêu chí */ 
    .grid__whyus { grid-template-columns: repeat(9, 1fr);}
    .item__whyus {grid-column: 3 span; }
    .name__whyus{font-size: 17px;}
    /* slideshow */  
    .desc__slide span{font-size: 30px;}
    .name__slide span{font-size: 40px;}
    .name1__slide span{font-size: 14px;}

    /* feedback */  
    .bgfeedback {width: 100%;}

    /* thư viện ảnh */
    .album__home{gap: 10px;}
    .album__expand { left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;border-color: transparent;}
    .album .album__name {font-size: 20px;}

    /* dịch vụ */ 
    .service__left {width: 39%;}
    .service__right {width: calc(100% - 39% - 10px);}
    /* footer */
    .name__footer{font-size: 35px;}
    .footer__slogan{font-size: 30px;}

    /* tin tức */
    .grid-news{gap: 15px; grid-template-columns: repeat(3, minmax(0, 1fr));} 
    .wrap__newsHome::after { left: 20%;  width: 103px;height: 102px;}
    /* sản phẩm */
    .product .price-new{font-size: 11px;}
    .btn__buy{font-size: 14px;}
    .btn__product{font-size: 13px;}

    .grid__product{gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr));}   
    .product .price-new,.product .product__name a{font-size: 14px;}

    .news__name a{font-size: 14px;}
    .news__desc{font-size: 13px;} 
}  

@media (max-width: 768px) {  

    .slider-for{width: calc(100% - 90px - 15px);}
    .feedback__image {padding: 10px;}
    .feedback__info {width: calc(100% - 34% - 10px);}

    .product{padding: 5px;}

    
   .teams__image{padding: 10px;}
   .wrap__teams{padding: 30px 0 50px;}
    .wrap__teams::before {bottom: 0; width: 158px;height: 100px;}
    .teams__info {width: calc(100% - 34% - 10px);}

    .slideshow-item::before { width: 100px;height: 108px;}
    .slideshow-item::after {display: none;}
} 

@media (max-width: 700px) { 
    .title__main h1, .title__main h2, .title__main span {font-size: 35px;}
    .title__slogan{font-size: 20px;}
    .btn__hotline-map{display: none;}
    /* giới thiệu */  
    .title__aboutus h2{font-size: 35px;}

   /* tại sao chọn chúng tôi */  
   .wrap__whyus {position: relative;background: var(--main);margin-top: 0px;padding: 30px 0;}
   .logo__whyus,.item__whyus { grid-column: 9 span;}
   .whyus{align-items: center;}
   .whyus__numb{font-size: 45px;}
   .whyus__name{font-size: 20px;}
   .whyus__decor {left: 40px;top: -10px;font-size: 50px;}
   .desc__whyus{font-size: 15px;}

    /* tin tức */
   .wrap__newsHome::after {top: 15%;left: 70%;}
    .info__news .btn__main{display: none;}
   /* feedback */
   .feedback__name span{font-size: 22px ;}
   .wrap__feedback::before {width: 221px;height: 150px;}
   .wrap__feedback::after {width: 150px;height: 120px;}
   .bgfeedback{flex-direction: column-reverse;}
   .slider-nav,.slider-for{width: 100%;} 
   .slider-for .slick-next { left: 50%;} 
 

   /* footer */ 
   footer .bg__footer {background: var(--main);padding: 30px 0;}
   .bg__footer::before{top: unset;bottom: 0;}
   .bg__footer::after{top: 10%;}
} 

@media (max-width: 575px) { 
    .grid-news{gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr));} 
    .grid__product{gap: 5px; grid-template-columns: repeat(2, minmax(0, 1fr));} 
}