@media (max-width: 1024px) { 
    .menu,.bglogo__header { display: none;} 
    .menu-res {display: block;}  

    /* header */ 

    /* giới thiệu */ 
    .aboutus__left {width: 100%;margin-bottom: 1rem;}
    .aboutus__right{width: 100%;}

    /* dịch vụ */
    .info__service { padding: 10px; }
    .service__name a {font-size: 16px;}

    /* đội ngũ hỗ trợ */
    .teams__name a {font-size: 14px;}
    .teams__desc1 {font-size: 18px;}
    .teams__desc2 {font-size: 13px;}


    .newsletter__decor {margin-bottom: -80%;}

    /* feedback */
    .bgfeedback {padding: 60px 40px; }

    .slider-for, .slider-nav {width: 100%;}
    .bgalbum {gap: 15px;}
    .album__nav {margin: 0 5px;}
    
    /* sản phẩm */
    .grid__product {gap: 10px;}

    /* footer */ 
}
@media (max-width: 850px) {
    .img-auto img{width: auto !important;height: auto !important;}  
    .title__main h1,.title__main h2, .title__main span,.title2__main h1,.title2__main h2,.title2__main span{font-size:35px;}
    .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;}
    .btn__main2,.btn__main3 {width: 135px;  padding: 3px;padding-left: 10px;}
    .btn__main2 span, .btn__main3 span{width: 25px;height: 25px;}
    .wrap__service .btn__main3 {width: 230px;}
    /* tiêu chí */ 

    /* dịch vụ */  
    .grid__service { gap: 15px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    
    /* đội ngũ */
    .grid__teams{gap: 10px;}
    .teams{gap: 10px;padding: 0;}
    .info__teams {padding: 10px;padding-left: 0;}
    .teams__image {width: 150px;}
    .teams__desc1 {font-size: 16px;}
    /* feedback */  
    .bgfeedback {padding: 30px 100px;}

    /* đăng ký nhận tin */ 

    /* footer */ 
    .footer__news{text-align: center;}
    .bgworktime{margin: auto;margin-bottom: 1rem;}
    ul.social {justify-content: center;}
    
    /* tin tức */
    .grid__news{gap: 10px;grid-template-columns: repeat(3, minmax(0, 1fr));} 
    .news__name a{font-size: 14px;}
    .news__desc{font-size: 13px;} 
    .news { margin: 3px;}
    .info__news{ padding: 10px;}
    /* đăng ký */
    .newsletter__decor{display: none !important;}

    /* sản phẩm */
    .product .price-new{font-size: 11px;}
    
    .grid__product{gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr));}   
    .product .price-new,.product .product__name a{font-size: 14px;}
    
    /* .btn__buy{font-size: 14px;}
    .btn__product{font-size: 13px;} */
 
}  

@media (max-width: 768px) {  
    .grid__teams {gap: 20px;}
    .teams__image {width: 100%;}
    .info__teams{width: 100%;padding: 10px;padding-top: 0;}
    .teams__desc1 {font-size: 20px;}
    .teams__name a,.teams__desc2 {font-size: 16px;}
}  

@media (max-width: 700px) { 
    .title__main h1, .title__main h2, .title__main span,.title2__main h1,.title2__main h2,.title2__main span {font-size: 28px;letter-spacing: -2px;}
    .btn__hotline-number{display: none;}
    /* giới thiệu */ 
    /* .title__aboutus .lqd{font-size: 35px;}
    .title__aboutus h2{font-size: 17px;}  */
    .title__newsletter span {font-size: 30px;}
    .title__aboutus .lqd {font-size: 16px;}
    .aboutus__desc {font-size: 22px;}

   /* feedback */  
   .bgfeedback {padding: 10px;}
   .feedback__info {padding: 80px 30px 30px;}
    .feedback__info::after { width: 35px;height: 22px;bottom: 22%;}
    
   /* tin tức */
   .info__news {padding: 7px;}
   .news__link {padding-top: 5px;}
   .news__link::before{top: 30%;}
   .news__name a{font-size: 13px;}
   .news__desc {font-size: 13px;line-height: 1.25;}

    /* đội ngũ */
   .grid__teams {gap: 10px;} 
   .info__teams{padding: 8px;padding-top: 0;}
   .teams__desc1 {font-size: 16px;}
   .teams__name a,.teams__desc2 {font-size: 14px;}
   

   .newsletter__hotline{width: 100%;}
   .newsletter__hotline-left{width: 100%;justify-content: center;}

   .newsletter__hotline-number{font-size: 28px;}

   .service__name a {font-size: 14px;-webkit-line-clamp: 2;} 
   .album .album__name{font-size: 18px;}


   .criteria__name span{font-size: 16px;-webkit-line-clamp: 2;}
   /* video */ 

   .grid__news{gap: 5px; grid-template-columns: repeat(2, minmax(0, 1fr));} 
   .grid__product{gap: 5px; grid-template-columns: repeat(2, minmax(0, 1fr));} 
} 

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