/* 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 10px 10px;}
    
    /* album */
    .bgAlbum {width: 100%;}
    .album-image {border: 1px solid white;}
    .bgAlbum .swiper-slide.item.swiper-slide-active .album-image h3 { font-size: 8px;}
    .album-image h3 {text-transform: capitalize;line-height: 1;}
    /* giới thiệu */
    .aboutus-left{width: calc(50% - 10px);}

    /* newsletter */
    .wr-newsletter{width: 70%;margin: auto;}

    /* tin tức nổi bật */   
    .item-news{margin-left: 30px;}
    .item-news::before {left: -30px;width: calc(100% + 16px);}  
    .item-news .info-news {width: 95%;padding: 15px;padding-left: 0;} 
    .info-news h3 {font-size: 16px; font-weight: 700;} 
    .info-news p {font-size: 14px;line-height: 1.5; } 
    .news-time {top: -0%;width: 125px;height: 25px;}
    .news-time span{font-size: 14px;}

    .btn-news{gap:3px;}
    .btn-news b{font-size: 14px;font-weight: 700;}
    .btn-news span{width: 32px;height: 32px;} 

    /* Dịch vụ */   
    .ds-service {padding: 20px 10px;}
    .ds-service h3 {font-size: 15px;}
    .ds-service p {font-size: 13px;font-weight: 300;} 
    .numb-service {font-size: 50px;margin-bottom: 0px;position: absolute;bottom: 15px;right: 15px;}
    .btn-service { padding: 8px 16px 6px; }
    .btn-service span{font-size: 13px;font-weight: 500;}   

    /* footer */
    .footer1-news {width: 30%;}
    .footer2-news {width: 20%;}
}
@media (max-width: 1001px){
    .breadcrumb-item{font-size:13px;}
    #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;} 
    
    /* prolist */  
    .prolist-item {border-radius: 5px;padding: 8px 10px 6px;} 
    .prolist-item span {color: var(--main);font-size: 13px;font-weight: 400;line-height: 1.5; }
    
    /* Aboutus */ 
    .aboutus-left{width: 100%;margin-bottom: 1rem;} 
    .aboutus-right{width: 80%;margin: auto;} 
 
    /* tin tức nổi bật */   
    .item-news{margin-left: 23px;}
    .item-news::before {left: -23px;width: calc(100% + 16px);}  
    .item-news .info-news {width: 97%;padding: 10px;padding-left: 0;}
    .info-news h3 {font-size: 14px; font-weight: 600;line-height: 1.25;margin-bottom: 3px;} 
    .info-news p {font-size: 12px;margin-bottom: 3px;} 
    .news-time {top: -0%;width: 85px;height: 16px;transform: translate(-63%, 0%) rotate(-90deg);}
    .news-time span{font-size: 12px;}
    .news-time i{font-size: 14px;} 
    .btn-news b{font-size: 13px;font-weight: 500;}
    .btn-news span{width: 30px;height: 30px;} 

    /* footer */
    .footer1-news {width: 100%;margin-bottom: 1rem;text-align: center;}
    .footer2-news {width: 35%;}
    .footer1-news  .linef{margin: auto;margin-bottom: 1.5rem;}
}
@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; } 
    .product{padding: 1px;}
    .info-product {padding-top: 10px;}
    .name-product a {font-size: 13px;}
    .price-product { gap: 3px;}
    .price-new {font-size: 13px;}

    /* tin tức nổi bật */   
    .item-news{margin-left: 0px;}
    .item-news::before {display: none;}  
    .item-news .info-news {width: 100%;padding: 0; padding-top: 15px;}
    .info-news h3 {font-size: 14px; font-weight: 600;line-height: 1.25;margin-bottom: 3px;} 
    .info-news p {font-size: 13px;margin-bottom: 3px;} 
    .news-time {position: relative;width: unset;height: unset;transform: unset;margin-bottom: 3px;}
    .news-time span{font-size: 13px;}
    .news-time i{font-size: 14px;} 
    .btn-news b{font-size: 14px;font-weight: 500;}
    .btn-news span{width: 30px;height: 30px;} 


    /* newsletter */
    .title-newsletter h2 { font-size: 24px; }

    /* giới thiệu */   
    .aboutus-right {width:100%;} 
    .title-aboutus p {font-weight: 300;font-size: 14px; line-height: 1.75;} 
    .title-aboutus h2 {font-weight: 700;font-size: 25px;} 
    .desc-aboutus {font-size: 13px;line-height: 1.5;}   

    /* tiêu chí */  
    .criteria h3 { font-size: 14px; margin-bottom: 3px;} 
    .criteria p { font-size: 13px;}

    /* footer  */ 
} 
@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-size: 18px;}
    .title-main .slogan{ font-size: 14px;}

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

    /* giới thiệu */ 
    .title-aboutus span {font-size: 50px;}  
    .title-aboutus h2 {font-size: 22px;} 
    /* Dịch vụ */   
    .ds-service {  padding: 10px;justify-content: center;gap: 10px;align-items: center;text-align: center;} 
    .ds-service h3 {font-size: 13px;font-weight: 500;margin-bottom: 0;}
    .ds-service p {display: none;}
    .numb-service {font-size: 40px;bottom: 10px;right: 10px;} 
    .btn-service {padding: 6px 10px 4px;}
    .btn-service span{font-size: 12px;font-weight: 300;}   

    /* CRITERIA */ 
    .section-achieve{padding: 10px 0;}
    .achieve{gap: 5px;}  
    .info-achieve h3{font-size: 13px;}  
    .info-achieve span{font-size: 25px;}   
    .image-achieve {width: 50px;height: 50px; margin: 3px;}
    .image-achieve img{width: 40px;height: 40px;}

    /* newsletter */
    .wr-newsletter{width: calc(100% + 30px);margin: 0 -15px;}

    /* tin tức nổi bật */    
    .item-news .info-news {padding-top: 12px;}
    .info-news h3 {font-size: 13px;} 
    .info-news p {font-size: 12px;}  
    .news-time span{font-size: 12px;}
    .news-time i{font-size: 14px;} 
    .btn-news b{font-size: 13px;font-weight: 500;} 

    .bgAlbum .swiper.swiper-auto {padding: 40px 0;}
    .bgAlbum .swiper-slide.item.swiper-slide, .bgAlbum .swiper-slide.item.swiper-slide-prev,.bgAlbum .swiper-slide.item.swiper-slide-next {transform: scale(1);}
    .bgAlbum .swiper-slide.item.swiper-slide-active {transform: scale(1.75);} 

    /* footer  */
    .footer1-news{width: 100%;} 
    .footer2-news{width: calc(100% - 170px);}
    .footer4-news{width: 100%;}  
    
    .footer-ul li a {font-size: 14px; } 

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