/* 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;}

    
    .form-newsletter{position: relative;z-index: 2;padding: 30px 50px;}  


     
    /* sản phẩm */
    .bgProduct .swiper.swiper-auto{padding: 140px 0;}
    .product{padding: 10px;} 
    .info-product{position:relative;z-index:3;padding:15px 0px;}
    .name-product{width: 70%; margin: 0 auto 5px;text-align: center;}
    .name-product a{font-size: 16px;}  
    .price-product{height: 40px;}
    .price-product:before {width: 16px;left: -12px;}
    .price-product:after {width: 16px;right: -12px;}
    .price-new{font-size:25px;line-height: 1.25;}
    .price-old{font-size:14px;margin: auto 0 10px;line-height: 1.25;}
    .price-parameter{font-size:13px;font-weight: 700;line-height: 1.25;}

 
    .desc-product{height: 180px;padding-right: 10px;}
    .desc-product::-webkit-scrollbar { width: 1px; } 
}
@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 */ 

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

    /* sản phẩm */
    .bgProduct .swiper.swiper-auto{padding: 130px 0;}

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

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

    /* sản phẩm */ 
    .bgProduct .swiper.swiper-auto{padding: 150px 0;}
    .bgProduct .swiper-slide.item.swiper-slide{transform: scale(1);transition: all 0.7s linear;}
    .bgProduct .swiper-slide.item.swiper-slide-active{transform: scale(1.5);z-index: 3; transition: all 0.7s linear;}
    .bgProduct .swiper-slide.item.swiper-slide .album-image h3{display: none;transition: all 0.7s linear;}
    .bgProduct .swiper-slide.item.swiper-slide-active .album-image h3{display: block;transition: all 0.7s linear;}
    

    .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 {height: 30px;gap: 3px;} 
    .price-product:before {width: 16px;left: -12px;}
    .price-product:after {width: 16px;right: -12px;}
    .price-new{font-size: 14px;}
    .price-parameter{font-size:10px;font-weight: 500;}
    
    /* feedback */
    .feedback{gap: 5px;}
    .image-feedback { padding: 0 20px 0 10px;}

    /* tin tức */ 
    .item-news {padding: 0px;} 
    .item-news .info-news {padding: 10px;}
    .news-time span {font-size: 10px;font-weight: 200;} 
    .news-time i{font-size: 16px}
 
    .info-news h3 {font-size: 13px; margin-bottom: 5px;text-transform: capitalize; }
    .info-news p { font-size: 12px; line-height:1.5;}
    .btn-news {gap: 5px;}
    .btn-news b{font-size: 13px;}

    /* giới thiệu */  
    .aboutus-left {width: 50%;} 
    .aboutus-right {width:calc(50% - 10px);} 
    .title-aboutus h2 {font-size: 40px;}
    .title-aboutus p {font-size: 27px;}
    .desc-aboutus {font-size: 14px;} 

    /* footer  */
    .footer1-news{width: 100%;margin-bottom: 1rem;} 
    .footer2-news{width: calc(50% - 15px);margin-bottom: 1rem;}
    .footer3-news{width: calc(50% - 15px);margin-bottom: 1rem;} 
    .logo-footer{margin: auto;display: block;width: fit-content;}
} 
@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-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%;}
    .title-aboutus span {font-size: 50px;} 

    .title-newsletter h2 { font-size: 25px;} 
    .wrap-form .wrap-ser{margin: 0 -15px;}
    .form-newsletter{position: relative;z-index: 2;padding: 20px;}  

    .grid-product{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; } 
    .product{padding: 7px;border-radius: 10px;}
    .price-new{font-size: 13px;}
    .price-product:before {width: 10px;left: -9px;}
    .price-product:after {width: 10px;right: -9px;}
    /* footer  */
    .footer1-news{width: 100%;} 
    .footer2-news{width: 100%;}
    .footer3-news{width: 100%;} 
    .logo-footer{margin: auto;display: block;width: fit-content;}

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