/* Responsive */

@media (max-width: 1024px){
 
    .bgswiper .swiper-button-prev{left: -12px;}
    .bgswiper .swiper-button-next{right: -12px;} 

    .grid-news,.grid-product,.album-destop{ gap: 10px; }  

    .menu ul li a { font-size: 14px; padding: 12px 14px 8px;}

    /* header */
    .btn-header{gap: 3px;}
    .btn-header span{font-size: 16px;}  
    .btn-header i{font-size: 18px;}  
  
    /* tin tức */
    .bgnewshome{width: 60%;}
    .bgnewsletter{width: calc(40% - 14px);padding: 50px 20px;}  

    /* sản phẩm */
    .product{border-radius: 10px;} 
    .pic-product .scale-img{border-radius: 10px;}
    .info-product { padding: 14px 10px 12px;}
    .procat .procat-info {padding: 10px 60px 15px 20px;}
    .procat-info h3 {font-size: 25px;}
    .wrap-product .name-product a{font-size: 20px;}

    /* giới thiệu */  
    .aboutus-left {width: calc(50% - 12px);} 
    .aboutus-right {width:50%;} 
    .title-aboutus span {font-size: 28px;} 

    /* footer */
    .footer1-news{width: calc(40% - 10px);} 
    .footer2-news{width: calc(25% - 10px);}
    .footer3-news{width: calc(35% - 10px);} 

}
@media (max-width: 1001px){
    #hamburger { display: block; } 
    .mb-none { display: none !important; } 
    .mb-block { display: block !important; } 
    /* .header { padding: 10px 0px; } 
    .logo-header { margin-bottom: 0; padding: 0;}   */
    .scrollToTop { bottom: 80px; right: 10px; } 
    footer { margin-bottom: 50px; } 
}
@media (max-width: 850px){
    /* .footer-news, .image-fanpage { text-align: left !important; }  */
    .mgb-res{ margin-bottom: 30px; }
    .title-main h1,.title-main h2,.title-main span { font-size: 30px;}
    .title-detail h1,.title-detail h2,.title-detail span { font-size: 30px;} 
    
    /* header */ 

    /* tin tức */
    .bgnewshome{width: 100%;}
    .bgnewsletter{width: calc(100% + 30px);padding: 50px 20px;margin: 0 -15px 1rem;border-radius: 0;}  
 
    /* giới thiệu */  
    .wrap-aboutus .flex__main{flex-direction: column-reverse;}
    .aboutus-left {width: 80%;margin: 15px auto 0;} 
    .aboutus-right {width: 80%;margin: 0 auto 15px;} 
    .title-aboutus span {font-size: 35px;} 

    /* sản phẩm */
    .info-product {padding: 10px 10px 8px;}    
    .wrap-product .name-product a{font-size: 18px;}

    /* footer */
}
@media (max-width: 768px) {  
     .wrap-container{overflow:hidden;}
    .wr-newsletter{width: 100%;}  

    /* tin tức */
    .grid-news { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }  

    /* sản phẩm */
    .grid-product { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } 
    .info-product {padding-top: 10px;}
    .name-product a, .wrap-product .name-product a {font-size: 14px;}
    .price-product { gap: 3px;}
    .price-new {font-size: 14px;} 
    .procat-info h3{font-size: 22px; font-family: var(--semi);}

    /* Dịch vụ + Dự án */  
    .item-service, .item-project {position:relative;overflow:hidden;border-radius: 10px;} 
    .item-service .ds-service, .item-project .ds-project {padding: 10px 6px 8px;margin: 0 6px 6px;}
    .ds-service h3, .ds-project h3 {font-size: 14px;line-height: 1.5;}
     
    /* tin tức */
    .item-news .info-news { padding-top: 10px;}
    .info-news h3 {font-size: 14px; margin-bottom: 5px; }
    .info-news p { font-size: 13px; line-height:1.5;} 

    /* giới thiệu */    
    .aboutus-right {width: 100%;} 

    /* footer  */
    footer .bg-footer {background: url(../images/bg2.webp) no-repeat;background-size: 100% 100%;} 
    .footer1-news{width: 100%;text-align: center; margin-bottom: 1rem;} 
    .footer2-news{width: calc(30% - 12px);margin-bottom: 1rem;}
    .footer3-news{width: calc(70% - 12px);margin-bottom: 1rem;}  
    .logo-footer {margin: 0 auto 1rem;}
} 
@media (max-width: 700px){
    .title-main h1,.title-main h2,.title-main span {font-size: 25px;}
    .title-detail h1,.title-detail h2,.title-detail span {font-size: 25px;} 
    .title-main .slogan-text{font-family: var(--thin);font-size: 18px;}
    .title-main .slogan{font-family: var(--thin);font-size: 14px;}

    /* sản phẩm */
    .slideproduct{padding-bottom: 10px;}
    .slideproduct.bg1swiper .bg-button-swiper{display: none;}
    .procat {border-radius: 10px;} 
    .procat:before{background: linear-gradient(0deg, black 0%, #00000070 70%, transparent 100%);position:absolute;content: '';height: 50%; bottom:0%;left:0;right:0;z-index: 3;}
    .procat .procat-info {padding: 10px 10px 7px;}
    .procat-info h3 {font-size: 14px;line-height: 1.25;font-family: var(--thin);} 

    .grid-product, .grid-news { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } 

    /* tin tức */
    .img-newshome {width: 40%;}  
    .item-newshome .info-newshome {padding:10px; flex: 1;} 
    .info-newshome h3 { font-size: 14px;margin-bottom: 0px;} 
    .info-newshome p {font-size: 13px;} 
    .news-time{display: none;} 

    /* giới thiệu */   
    .aboutus-left {width: 100%;} 
    .aboutus-right {width: 100%;} 
    .title-aboutus span {font-size: 30px;display: block;}

    /* tiêu chí */
    .criteria{gap: 0px;}  
    .bgimage-criteria{margin: auto;}
    .info-criteria{width: 100%;flex: none;text-align: center;}
    .info-criteria h3{font-size: 18px;}    

    /* footer  */
    .footer1-news{text-align: left;}    
    .logo-footer {margin: 0 0 10px;}
    .footer2-news,.footer3-news{width: 100%;}    
}
@media (max-width: 369px) { }