@media (max-width: 1024px) { 
    .menu,.search,.logo__header,.btn__cart { display: none !important;} 
    .menu-res {display: block;}  
    .title__main .slogan{width: 80%;}
    /* header */ 

    /* tin tuc */ 
    .news__time{right: 30px;top: 10px;gap: 3px;}
    .news__time i{font-size: 14px;}
    .news__time p{font-size: 12px;}
    .news__time span{display: none;}
   
    /* sản phẩm */
    .prolist__item{margin-right: 1px;}
    .grid__product,.grid2__product {gap: 10px;}
    .prolist__name{font-size: 14px;}
    .giohang-pc{display: none;}
    .giohang-mobile{display: flex;}
    .product .product__price{margin-bottom: 5px;gap: 3px;} 
    
    .product .price-new{font-size: 13px;font-family: fontr;}
    .product .product__name a{font-size: 14px;font-family: fontm;}
    .product .price-old{font-size: 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:32px;}
    .title__main .slogan{font-size: 13px;} 
    .title__main .slogan{width: 100%;}
    .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 */  

    /* tiktok */  
    .bgtiktok{width: 100%;}
    /* đăng ký nhận tin */ 

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

    /* tin tức */
    .grid__news{gap: 15px; grid-template-columns: repeat(3, minmax(0, 1fr));} 
    .info__news {padding: 10px 0 10px;}
    .news__name a{font-size: 14px;}
    .news__desc{font-size: 13px;line-height: 1.25;} 
    .news {padding: 30px 10px 10px;}
    .news__time{top: 6px;right: 40px;}
    .news__time p{font-size: 11px;}
    /* sản phẩm */
    .product .price-new{font-size: 11px;}
    .title__product{background-size: 100% 100%;}
    .title__product h2{font-size: 25px;} 
    .prolist__item-name{font-size: 14px;}
    .prolist__item.active .prolist__item-name {font-size: 25px;}
    /* .grid__product{gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr));}    */
    .product .price-new,.product .product__name a{font-size: 14px;}
    .btn__xemchitiet i{font-size: 16px;}
    .btn__themvaogio i{font-size: 16px;} 

    .chat_pro span {font-size: 12px;}    
 
}  

@media (max-width: 768px) {  
  .grid__product,.grid2__product {gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr));}   
  .prolist__item.active .prolist__item-name {font-size: 20px;}

  
   /* footer */  
   .btn__map-icon {height: 40px;width: 40px !important;}
   .btn__map p {font-size: 13px;}
} 

@media (max-width: 700px) { 
    .title__main h1, .title__main h2, .title__main span, .title2__main h1,.title2__main h2, .title2__main span {font-size: 22px;}
    .btn__hotline-map{display: none;}

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

   /* tin tức */
   /* .info__news{padding-top: 20px;} */
   .news__time {top: 6px;right: 16px;}

    /* sản phẩm */
   .prolist__item.active .prolist__item-name {font-size: 15px;}

    /* footer */  
    footer .bg__footer {background: black;}
   .btn__map-icon {height: 35px;width: 35px !important;}
   .btn__map p {font-size: 12px;}
   .name__footer {font-size: 30px;}
   
} 

@media (max-width: 575px) { 
    .title__main h1, .title__main h2, .title__main span, .title2__main h1,.title2__main h2, .title2__main span {font-size: 20px;}
    .grid__news{gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr));} 
    .grid__product,.grid2__product{gap: 5px; grid-template-columns: repeat(2, minmax(0, 1fr));} 

    .news__time i {font-size: 10px; }

    .prolist__item-name {font-size: 12px;}
    .prolist__item.active .prolist__item-name {font-size: 13px;}
}