@media (max-width: 1024px) { 
    .search-res .icon-search{background: #c09972;}
    .menu ul li a{padding: 12px 20px;}
    .menu,.header__bottom-right { display: none;} 
    .menu-res {display: block;}  

    /* header */ 

    /* giới thiệu */ 
    
    /* 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{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;}

    /* tiêu chí */ 

    /* aboutus */  

    /* feedback */  

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

    /* footer */
    .name__footer{font-size: 35px;}

    /* tin tức */
    .grid__news{gap: 15px; grid-template-columns: repeat(3, minmax(0, 1fr));} 
    .news__name a{font-size: 14px;}
    .news__desc{font-size: 13px;} 

    /* 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) { 
    .footer .col-4{width: 100%;}
    .footer .col-2{width: 100%;}
    .footer .col-3{width: 100%;}

    .news__time{top: -35px;}
    .newsletter__button{padding: 5px 20px 2px;font-size: 14px;}
    .btn__submit{font-size: 14px;}
    .wrap__newshome .col-6{width: 100%;}
    .wrap__newshome .col-6:nth-child(1){margin-bottom: 20px;}
    .title__newsletter{text-align: center;}
    .newsletter__image::before{display: none;}
    .newsletter__image{margin-left: unset;}
    .wrap__newsletter .col-6{width: 100%;}
    .wrap__newsletter .col-6:nth-child(1){margin-bottom: 20px;}
    .title__newsletter h2{font-size: 25px;}
    .box__feedback{width: 100%;}
    .wrap__feedback .col-5{width: 100%;text-align: center;}
    .wrap__feedback .col-7{width: 100%;}
    .title__main .title__slogan{font-size: 15px;} 
    .product .product__info{padding: 10px 10px 0;}
    .project__name a{font-size: 14px;}
    .info__project{padding: 10px 10px 0;}
    .criteria{text-align: center;}
    .criteria__name span{font-size: 15px;}
    .logo__header img{width: 70%;}
    .logo__header{text-align: center;}
    .btn__hotline-header span{font-size: 13px;}
    .header{padding: 8px 0px;}
    .btn__hotline-header:nth-child(2){display: none;}
} 

@media (max-width: 700px) { 
    .title__main h1, .title__main h2, .title__main span {font-size: 25px;}

    /* giới thiệu */ 
    .title__aboutus .lqd{font-size: 35px;}
    .title__aboutus h2{font-size: 17px;} 


   /* feedback */  

   /* tin tức */
   .info__news{padding-top: 20px;}
   
   /* video */ 
} 

@media (max-width: 575px) { 
    .logo-menu img{width: 50%;}
    .logo-menu{text-align: center;}
    .title-pro-detail{font-size: 25px;}
    .menu-res.fixed-res{box-shadow: 0px 0px 10px #888888;}
    .title2__main h1, .title2__main h2, .title2__main span{font-size: 25px;}
    .grid__news{gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr));} 
    .grid__product{gap: 5px; grid-template-columns: repeat(2, minmax(0, 1fr));} 
    .search-res .icon-search{width: 35px;height: 35px;line-height: 35px;}

} 

@media (max-width: 370px) { 
    .title2__main h1, .title2__main h2, .title2__main span{font-size: 20px;}
    .form-newsletter .col-md-12{margin-top: unset;}
    .form-newsletter .form-control{font-size: 13px;}
    .name__footer{font-size: 25px;}
    .copyright, .statistic{font-size: 12px;}
    .news__time p{font-size: 18px;}
    .title__newsletter h2{font-size: 20px;}
    .title__main h1, .title__main h2, .title__main span{font-size: 20px;}
    .product .price-new, .product .product__name a{font-size: 13px;}
    .header{padding: 5px 0px;}
    .icon-search i{font-size: 13px;}
    .criteria__desc span{font-size: 13px;}
    .criteria__name span{font-size: 14px;}
    .btn__hotline-header span{font-size: 11px;}
}