/* 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: 13px;padding: 10px 10px 8px;}

    .header-right {width: 50%;}


    /* hotline */
    .hotline-items i{margin-right: 5px;font-size: 25px;}
    .hotline-items span {font-size: 20px;}
    
    /* Dịch vụ */
    .item-service .ds-service {padding: 10px 20px 10px 70px; width: 95%;height: 32%;}
  
    /* quangcao */
    .quangcao {position: relative;transition: all 0.3s linear;}  
    .quangcao-right {height: 100%;display: flex;}
    .quangcao::before {height: 100%;background: #00000099;}
    .quangcao-info{width: 100%;text-align: center;}
    .quangcao-info h2 {font-size: 40px;line-height: 1.5;}
    .quangcao-info p {font-size: 24px;line-height: 1.75;margin-bottom: 1rem;-webkit-line-clamp: 3;} 
    .image-quangcao img{aspect-ratio: 6/3;}
    .btn-quangcao {margin: auto;}
    /* feedback */
    .feedback{padding: 14px; padding-right: 0px;gap: 14px;}
    .info-feedback {border-left: 1px solid var(--main4);padding-left: 14px;}
    
    /* đặt điểm nổi bật */    
    .image-highlight{position: relative;padding-bottom: 20px;}
    .img-highlight{padding: 7px;}
    .icon-highlight{width: 55px;height: 55px;left: calc(50% - 65px / 2);}

    /* tin tức nổi bật */  
    .item-newshome {gap: 10px;}
    .img-newshome {width: 50%;}  
    .info-newshome h3 {font-size: 15px;} 
    .info-newshome p {font-size: 14px;}  
    .btn-news{font-size: 13px;}

    /* dự án */     
    .item-project .ds-project {padding-top: 10px;}
    .ds-project h3 {font-size: 15px;line-height: 1.25;margin-bottom: 7px;}
    .ds-project p {font-size: 14px;line-height: 1.25;} 
}
@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){ 
    .mgb-res{ margin-bottom: 30px; }
    .title-main{margin-bottom: 1rem;}
    .wrap-form .title-main h2,.title-main h1,.title-main h2,.title-main span { font-size: 30px;}
    .slogan-text {font-size: 14px;}
    .title-detail h1,.title-detail h2,.title-detail span { font-size: 30px;} 
    .btn__main2 span {width: 30px;height: 30px;}
    
    .wrap-aboutus,.wrap-form,footer .bg-footer{background: linear-gradient(270deg, var(--main2) 0%, var(--main3) 100%);animation: bgGradient 20s infinite;}

    /* header */ 
    .header-right{display: none;}
    .btn-map{width: 100%;}

    /* Aboutus */ 
    .aboutus-left{width: calc(50% - 10px);} 
    .image2-aboutus{position: absolute;width: 48%;bottom: 20%;right: 7%;z-index: 2;border-radius: 0 40%;box-shadow: -2px 5px 5px #00000099;}
    .image2-aboutus .scale-img{ border-radius: 0 40%;} 
    .image3-aboutus{position: absolute;width: 33%;bottom: 0px;right:0%;z-index: 3;border-radius:30% 0% 0% 0% / 30% 0% 0% 0%;}   
    .title-aboutus{margin-bottom: 10px;}
    .title-aboutus p {font-size: 18px;} 
    .title-aboutus h2 {font-size: 28px;} 
    .desc-aboutus {font-size: 13px;line-height: 1.5;}   

    /* hotline */
    .hotline-items i{font-size: 20px;}
    .hotline-items span {font-size: 18px;}

    /* sản phẩm */
    .wrap-products .title-main h2:before{right: -51px;}

    /* dịch vụ */
    .item-service .ds-service {padding: 10px 10px 10px 60px;width: 95%;height: 35%;}
    .numb-service{width: 50px;height: 50px;}
    .ds-service h3 {font-size: 16px;}
    .ds-service p {font-size: 14px;} 
    .numb-service span{font-size: 30px;} 
    
    /* tin tức nổi bật */   
    .img-newshome {width: 45%;}  
    .info-newshome h3 {font-size: 13px;} 
    .info-newshome p {font-size: 13px;}  
    .btn-news{font-size: 11px;}
 

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

    /* footer */
}
@media (max-width: 768px) {    
    /* 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 {font-size: 14px;}
    .price-product { gap: 3px;}
    .price-new {font-size: 14px;}

    /* 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-left {width: 80%;margin: 0 auto 1rem;}
    .aboutus-left::before {left: 10px;top: 10px;} 
    .aboutus-right {width: 100%;} 
    .title-aboutus p {font-size: 36px;} 
    .title-aboutus h2 {font-size: 48px;} 
    .desc-aboutus {font-size: 16px;line-height: 1.75;}  

    /* quangcao */ 
    .quangcao-info h2 {font-size: 30px;}
    .quangcao-info p {font-size: 18px;}  

    /* dịch vụ */
    .wrap-service .swiper.swiper-auto{padding: 60px 0;}
    .wrap-service .swiper-slide.item.swiper-slide{transform: scale(0.9);transition: all 0.7s linear;}
    .wrap-service .swiper-slide.item.swiper-slide-active{transform: scale(1.6);z-index: 3; transition: all 0.7s linear;}
    .wrap-service .swiper-slide.item.swiper-slide .ds-service {display: none;transition: all 0.7s linear;}
    .wrap-service .swiper-slide.item.swiper-slide-active .ds-service {display: flex;align-items: center;justify-content: center; transition: all 0.7s linear;}
    .img-service {border-radius: 10px;}
    .item-service .ds-service {padding: 5px;border-radius: 0 10px;width: 100%;height: 32%;text-align: center;}
    .item-service .ds-service::before {position: absolute;width: 100%;height: 100%;z-index: -1; content: '';opacity:0.75;bottom: 0px;right: 0px;background: var(--background2);transition: all 0.3s linear;}
    .ds-service h3 {font-size: 13px;line-height: 1.25;-webkit-line-clamp: 2;} 
    .numb-service, .ds-service p {display: none;}

    /* album */
   .album-image h3{font-size: 13px;family: var(--semi)} 

    /* footer  */
    .footer1-news{width: calc(50% - 15px);margin-bottom: 1rem;} 
    .footer2-news{width: calc(50% - 15px);margin-bottom: 1rem;}
    .footer3-news{width: 100%;} 
    .logo-footer{margin: auto;display: block;width: fit-content;}
} 
@media (max-width: 700px){
    .wrap-form .title-main h2,.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-size: 13px;}
    .title-main .slogan{ font-size: 14px;}

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

    /* giới thiệu */
    .aboutus-left {width: 100%;margin-bottom: 1rem;} 
    .aboutus-right {width:100%;}
    .image-aboutus{padding: 3px;}
    .title-aboutus span {font-size: 50px;} 
    .btn-header span {font-size: 14px;}

    .item-highlight .ds-highlight {height: 60px;}
    .img-highlight {padding: 5px;}
    .img-highlight::before{border: 3px dashed white;}
    .ds-highlight h3 {font-size: 14px;}

    /* quangcao */
    .quangcao {position: relative;transition: all 0.3s linear;}   
    .quangcao-info h2 {font-size: 18px;line-height: 1.25;}
    .quangcao-info p {font-size: 13px;line-height: 1.5;} 
    .image-quangcao img{aspect-ratio: 6/4;}
    .btn-quangcao span{width: 30px;height: 30px;}


    .icon-highlight img{width: 35px;}

    /* hotline */
    .hotline-items{padding: 7px; background: transparent;border-radius: 0;}
    .hotline-items i{margin-right: 2px;font-size: 15px;color:white;}
    .hotline-items span {font-size: 14  px;color:white;font-family: var(--medium)}
    
    /* feedback */
    .left-feedback{width: 100%;margin-bottom: 1rem;}
    .right-feedback{width: 100%;}

    /* footer  */
    .footer1-news{width: 100%;} 
    .footer2-news{width: 100%;text-align: center;}
    .footer3-news{width: 100%;} 
    .logo-footer{margin: auto;display: block;width: fit-content;}
    .grid-tags{gap: 7px; }
    .tags-items,.items-map{font-size: 13px;}

}
@media (max-width: 369px) { }