@media (max-width: 1024px) { 
    .menu,.header__bottom-right { display: none; } 
    .menu-res {display: block;}  
    .control-service{display: none;}
    /* header */
    .search-res .icon-search{color: var(--main);}
    /* giới thiệu */
    .aboutus__right{padding: 40px 50px 20px;}

    .grid__product {gap: 10px;}

    /* footer */
    .fanpagefb{margin-top: 0;}

    .othernews b{margin-bottom:10px;}
    .list-news-other{padding-left:17px;list-style:square;}
    .list-news-other li{margin-bottom:2px;}
    .list-news-other li a{text-transform:none;color:var(--color-text);}
    .list-news-other li a:hover{color:var(--main);} 

    .wrap__area .wrap__content { gap: 20px;}
    .area__left {width: 50%;}
    .area__right {width: -webkit-calc(100% - 50% - 20px);width: -moz-calc(100% - 50% - 20px);width: calc(100% - 50% - 20px);}
    .area__name a {font-size: 15px;}
    .product__list{width: 250px;}
    .title__products{font-size: 15px;}

    .title__newsletter span {font-size: 25px;}

    .title__service h3,.title__criteria span,.title__video span{margin-bottom: 0;text-shadow: unset;background: linear-gradient(90deg, #E0AD19 0%, #FBEB73 47%, #D59F0E 100%);  -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
   /* đăng ký nhận tin */ 
    .title__newsletter{margin-bottom: 1rem;}
}
@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í */
    .criteria__name span {font-size: 15px;}

    /* aboutus */ 
    .title__aboutus .lqd{font-size: 50px;}
    .title__aboutus .lqd::before {height: 70%;} 
    .title__aboutus h2{margin-top: -10px;}
    .btn__aboutus-bg{margin-bottom: -20px;}
    .btn__aboutus{padding: 0.5rem 1rem;font-size: 14px;} 

    /* feedback */  

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

    /* tin tức */
    .grid-news{gap: 15px; grid-template-columns: repeat(3, minmax(0, 1fr));}
    .wrap__newshome::before,.wrap__newshome::after{width: 50px;height: 50px;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}

    /* sản phẩm */
    .product .price-new{font-size: 13px;}
    .btn__buy{font-size: 14px;}
    .btn__product{font-size: 13px;}

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

    .grid__product1{gap: 10px;}
    a.category__product-list-name{font-size: 13px !important;padding: 5px 5px !important;}
    .category__product-cat-name{font-size: 13px;}
    .price-text{display: none;}


    .wrap_product .wrap__content{gap: 10px;}
    .product__list{width: 220px;}
    .btn__prolist{padding: 8px 5px;font-size: 15px;}

    .product .product__name a{font-size: 14px;}

    /* chi nhánh */
    .grid__branch { gap: 20px;grid-template-columns: repeat(2, minmax(0, 1fr));}


    .title__service,.title__video {display: flex;align-items: center;justify-content: center;gap: 5px;}
    .title__service span{display: inline-block;}


    .title__area h2,.title__service h3,.title__criteria span,.title__video span {font-size: 25px;}
    
}  

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

    .service__name a {font-size: 15px;}
 
    .title__prolist span.bg1 {padding: 5px 30px 5px 10px;font-size: 18px;}

    .grid__video{gap: 10px;}

    .product__list{width: 100%;}

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

@media (max-width: 700px) { 
    .title__main h1, .title__main h2, .title__main span {font-size: 16px;}
    .btn__map-header,.social-header{display: none !important;}

    .header .wrap__content marquee {width: 100%;font-size: 13px;}


    .service__name a {font-size: 14px;}
    /* giới thiệu */
    /* .aboutus__right {padding: 20px 10px 0px;background: white;border: 1px solid;border-bottom: 15px solid;border-color: var(--main);} */
    .title__aboutus .lqd{font-size: 35px;}
    .title__aboutus h2{font-size: 17px;} 


   /* feedback */ 
   .bg__feedback{width: 100%;}
   .feedback{gap: 10px;}

   /* tin tức */
   .info__news{padding-top: 20px;}
   
   /* video */
    .bgvideo {padding-left: 0px;}
    .title__video{position: unset;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;flex-direction: row;justify-content: center;margin-bottom: 10px;}
    .title__video span {font-size: 30px;}

    .bg__newsletter {padding: 50px 15px 10px;}
    .title__product-list{text-align: center;}
    .title__product-list-right,.title__product-list::after,.title__product-list .tit::before{display: none;}
    .title__product-list .tit{width: 80%;}

    a.category__product-list-name{font-size: 14px !important;padding:10px 15px !important;}
    .category__product-mobile{display: block;}
    .category__product-pc{display: none;}

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


    .wrap__area .wrap__content{flex-direction: column;}
    .area__left,.area__right{width: 100%;} 
    .info__area {margin: 0;box-shadow: unset;padding: 0;padding-top: 10px;}
    .area:hover .info__area{background: transparent;}
    .area:hover .area__name a {color: var(--main);}
    .area__name a {font-size: 11px;-webkit-line-clamp: 2;}

    .title__service h2 ,.title__service span{font-size: 20px;}

    .video__item::after {position: absolute;content: '';bottom: calc(50% - 50px / 2);left: calc(50% - 50px / 2);width: 50px;height: 50px;background: url(../images/play.png) no-repeat;background-size: 100% 100%;}


    .title__newsletter img{display: none;}

    .title__newsletter span { display: block;text-align: center;}

} 

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