@media (max-width: 1024px) { 
    .menu,.header__bottom-right { display: none;} 
    .menu-res {display: block;}  
    .logo__header { display: none !important;} 

    /* header */ 
    .header{padding: 10px 0;}
    .btn__hotline-header{padding: 20px 10px 10px 0;}
    .btn__hotline-header span { font-size: 25px;}
    .btn__hotline-header P{font-size: 16px;}

    /* giới thiệu */ 
    
    /* dịch vụ */ 
    .wrap_news .wrap__content{gap: 10px;}
    .grid__news{gap: 10px;}
    .title__newsList {height: 40px;margin-bottom: 10px;background-size: 50px 40px;}
    .title__newsList p{padding-left: 55px;font-size: 16px;}
    
    
    .title__newss {padding: 12px 25px 6px 22px;}
    .title__newss::before {bottom: calc(50% - 12px / 2);left: 5px;width: 12px;height: 12px;}
    .news__list{width: 230px;}
    .title__newss span {font-size: 14px;}
    .btn__prolist {font-size: 12px;}

    .service__name a {font-size: 14px;}
    .service__desc {font-size: 13px;padding-bottom: 5px;}

    /* dự án */ 
    .wrap__project{background: white;}
    .project__image {padding-right: 0;}
    .info__project {padding: 12px 0 0 12px;}
    .project__desc{font-style: 13px;line-height: 1.5;}

    /* tin tức */
    .news{padding: 5px;}
    .news__top{gap: 5px;margin-bottom: 5px;}
    .news__time {width: 60px;height: 55px; gap: 0;} 
    /* sản phẩm */
    .grid__product {gap: 10px;}

    /* footer */ 
    .footer__news{text-align: center;margin-bottom: 30px;}
    .footer__ul li a{font-size: 13px;}
}
@media (max-width: 850px) {
    .img-auto img{width: auto !important;height: auto !important;}  
    .title__main h1,.title__main h2, .title2__main span , .title2__main h1,.title2__main h2, .title2__main span{font-size:30px;}
    .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;}

    .header{padding: 5px 0;}
    .scrollToTop{right: 15px;}
 

    /* dich vụ */  
    .news__list {width: 200px;}
    .title__newss span {font-weight: 500;font-size: 13px;}
    .btn__prolist{padding: 7px 5px;text-transform: capitalize;}
    .btn__prolist::before{display: none;}
    .info__service {padding-top: 10px;}
    .service__name {margin-bottom: 0;}
    .service__name a {font-size: 13px;-webkit-line-clamp: 2;text-transform: capitalize;}
    .service__desc {font-size: 12px;line-height: 1.5;}
    .service__desc .text-split{-webkit-line-clamp: 3;}

    .btn__main2 span {width: 20px;height: 20px;}
    .btn__main2 b{font-size: 12px;}

    /* tin tức */
    .news__top{gap: 5px;margin-bottom: 5px;}
    .news__time {width: 50px;height: 50px;}
    .news__time p{font-size: 20px;}
    .news__time span {font-size: 12px;}
    .news__desc{-webkit-line-clamp: 3;} 

    /* 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) {  
    .news__time { position: absolute;bottom: 5px;left: 5px;}

    .news__list {width: 100%;}

    .title__newss {padding: 10px 10px 8px 30px;background: linear-gradient(270deg, var(--main) 0%, var(--main2) 100%);border-radius: 5px;}
    .title__newss::before{left: 10px;}

    .title__newss span {font-weight: 700;font-size: 14px;}
} 

@media (max-width: 700px) { 
    .title__main h1, .title__main h2, .title__main span, .title2__main h1,.title2__main h2, .title2__main span {font-size: 25px;}
    .header .wrap__content{flex-direction: column;}
    .btn__hotline-header {display: none;}
    .btn__hotline-header-mobile {display: flex;}
    /* dịch vụ */
    .title__newss span {font-weight: 500;font-size: 13px;}
     
   /* footer */ 
   .name__footer{font-size: 25px;}
} 

@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));} 
}