/* Responsive */

@media (max-width: 1024px){
    .breadcrumb-item{font-size: 14px;}
    /* giới thiệu */ 
    .title-aboutus span{font-size: 20px;}
    .title-aboutus p{font-size: 25px;}
    .aboutus-left {width: calc(50% - 15px);}
    .image-aboutus { padding: 10px 0 0 10px;}
    .list-aboutus{padding-left: 30px;}

    /* dịch vụ */
    .item-service h3 {font-size: 16px;}

    /* dự án */
    .ds-project h3 {font-size: 14px;margin-bottom: 0;}
    .ds-project p {font-size: 12px;}
    .item-project .ds-project {position: absolute;bottom: 0;left: 0;width: 100%; padding: 10px;background: #1D66AA99;}

    /* tin tức */
    .item-news .info-news {padding: 15px 10px;} 
    .info-news h3 {font-size: 14px;margin-bottom: 10px;} 
    .info-news p { font-family: var(--light);font-size: 12px;margin-bottom: 10px;} 

    /* sản phẩm */
    .title-list-main{font-size: 14px;}
    .info-product{padding-top: 15px;}
    .name-product {margin-bottom: 5px;}
    .name-product a {font-size: 14px;}   
    .price-text {font-size: 13px;}
    .price-new {font-size: 13px;}
    .price-old {font-size: 13px;font-family: var(--light);}
    .price-per {font-size: 14px;width: 30px;height: 30px;}

    /* footer */
    .desc-footer{font-size: 18px;}
    .name-footer {font-size: 16px;}
 

    .title-main .slogan {width: 80%;}
    .grid-new{margin: 1px;}
    .grid-product  { gap: 10px; }  
    .bgswiper .swiper-button-prev{left: -10px;}
    .bgswiper .swiper-button-next{right: -10px;}  
}
@media (max-width: 1001px){
    #hamburger { display: block; } 
    .mb-none { display: none !important; } 
    .mb-block { display: block !important; } 
    
    /* header */
    .title-header{display: block;}
    .header {height: unset;position: unset;top: unset;left: unset;right: unset;padding: 10px 0;} 
    .header-top{display: block;} 

    .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: 18px;} 
    
    /* header */
 
    /* giới thiệu */ 
    .wrap-aboutus .flex__main{flex-direction: column-reverse;}
    .aboutus-right{width: 100%;margin-bottom: 1rem;}
    .aboutus-left{width: 100%;}
     
    .list-aboutus{padding-left: 0;background: unset;}
    .list-aboutus ul li::before {position: absolute;width: 7px;content: '';top: 7px;left: 0px;height: 7px;background: var(--main2);}
    .list-aboutus ul li { padding-left: 15px;}
    .list-aboutus ul li a { font-size: 14px;}

    /* đăng ký nhận tin */
    .section-newsletter { padding: 30px 20px;} 

    /* FOOTER */ 
    .footer1-news{width: 100%;text-align: center;}
    .footer2-news{width: calc(35% - 20px);}
    .footer3-news{width: calc(65% - 20px);}  
    .title-footer { font-size: 22px; text-transform: uppercase; }
    .footer-ul li a {font-size: 16px;} 
    .desc-footer{font-size: 20px;}
    .name-footer {font-size: 22px;}
    .footer1-news .flex__main{justify-content: center !important;margin: auto;margin-bottom: 1.75rem; width: fit-content;}

}
@media (max-width: 768px) {  
    .title-main h1,.title-main h2,.title-main span,.wrap-project .title-main h2 { font-size: 25px;}
    .title-detail h1,.title-detail h2,.title-detail span { font-size: 25px;}
    .title-main .slogan{width: 100%;}
    /* giới thiệu */
    .title-aboutus span{font-size: 18px;}
    .title-aboutus p{font-size: 20px;} 
    
    /* tin tức */
    .grid-news, .grid2-news { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px;}  

    /* sản phẩm */
    .tab__products{width: 100%;}
    .title-list-main{font-size: 14px;padding: 6px 8px 4px;}
    .grid-product { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;} 

  
} 
@media (max-width: 700px){
    .grid-product { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } 
    .grid-news, .grid2-news { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px;}  
    /* dự án */
    .wrap-project .title-main {text-align: center;margin: auto;margin-bottom: 1.5rem;}
    .btn1_main{margin-left: auto;}
    /* dịch vụ */
    .item-service h3 {font-size: 14px;}
    .item-service span {font-size: 12px;}

    /* footer */
    .footer1-news{text-align: start;}
    .footer2-news{width: 100%;margin-bottom: 1rem;}
    .footer3-news{width: 100%;} 
    .desc-footer{font-size: 18px;}
    .name-footer {font-size: 20px;}
}
@media (max-width: 369px) { }