/* Responsive */

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

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

    .menu ul li a { font-size: 14px; padding: 12px 10px 8px;}
    .logo-header{margin-top: 1%;}
    /* giới thiệu */
    .info-aboutus{padding: 60px 70px 30px 20px;}
    .title-aboutus h2{font-size: 35px;}
    .aboutus-right-decor{font-size: 40px;}

    /* album */
    .bgsocial p{font-size: 18px;} 
 
    /* feedback */
    .info-feedback h3{font-size: 18px;}
    .info-feedback p{font-size: 13px;}

    /* tin tức */
    .news-decor{height: 34px;}
    .news-decor span{font-size: 20px;height: 34px;}
    .news-time{box-shadow: 0px 0px 3px var(--main);font-size: 13px; top: calc(50% - 60px / 2);width: 70px;height: 60px;border-radius: 10px;}
    .news-time span:first-child{font-size: 25px;}

    .footer1-news{width: calc(50% - 10px);}
    .footer2-news{width: calc(50% / 2 - 10px);}
    .footer3-news{width: calc(50% / 2 - 10px);} 
    .name-footer{font-size: 25px;}
   
}
@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;} 
    .title-main .slogan-text { font-size: 25px; }
    /* header */ 
    .img-news {padding: 0;} 
    .img-news::after {position: absolute;content: '';width: calc(100% - 10px);height: calc(100% - 10px);top: 5px;left: 5px;border-radius: 15px;border: 1px solid white;}
    .img-news .scale-img{border-radius: 15px;} 
     
    .news-time { box-shadow: unset;border-radius: 10px 0 10px 0; font-size: 10px; top: unset;bottom: 0;right: 0; width: 60px;height: 40px; } 
    .news-time span:first-child{font-size: 15px;font-family: var(--bold);line-height: 1;}
    .news-decor {transform: translate(0%, 0%) rotate(0deg); top: unset;bottom: 10px;left: 10px; height: unset;width: unset; justify-content: start;} 
    .news-decor span {background: unset;height: unset;width: fit-content;box-shadow: unset;line-height: 1.5; border-radius: unset;color: var(--main); font-size: 20px;padding: unset; background: linear-gradient(45deg, var(--main) 10%, var(--main2) 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; }

    .item-news .info-news {padding-top: 12px;} 
    .info-news h3 { font-size: 14px;line-height: 1.25; } 
    .info-news p { color: var(--text);font-size: 17px; font-family: var(--regular); margin-bottom: 0; } 
    
    .info-news h3 {font-size: 14px;}
 
    /* Product */
    .grid-product {gap: 10px;}    
    .product {margin-right: 15px;}
    .pic-product{margin-right: -15px;}  
    .price-new {font-size: 15px;color: var(--main);font-family: var(--bold);display: inline-block;text-transform: uppercase;} 
    .price-per {font-size: 14px;width: 40px;height: 40px;font-family: var(--bold);top: 20px;right: 20px;}


    /* đăng ký nhận tin */ 
    .footer4-news{flex-wrap: wrap;gap: 10px;}
    .title-form {gap: 10px;width: 100%;justify-content: center;align-items: flex-end;}
     /*.title-form img{width: 50px;}
    .title-form h2 { margin-bottom: 0px; font-family: var(--bold); color: var(--text); font-size: 20px; line-height: 1.25; text-transform: uppercase;} 
    .title-form p { font-size: 13px; color: var(--text2); line-height: 1.5;}  */

    /* footer */
    .name-footer{font-size: 35px;}
    .title-footer{font-size: 14px;}
}
@media (max-width: 768px) {  

    .wr-newsletter{width: 100%;}  

    /* tin tức */
    .grid-news { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }  
     
    .wrap-form .title-main{text-align: center;}

    /* sản phẩm */
    .title-menu h3 {font-size: 20px;}
    .product2 .price-new {font-size: 14px; font-family: var(--medium);}

    .product {margin-right: 10px;}
    .pic-product{margin-right: -10px;} 
    .price-per {top: 10px;right: 10px;}
    .info-product {padding-top: 10px;}
    .name-product a {font-size: 13px;}
    
    .price-product { gap: 3px;}
    .price-new {font-size: 13px;}
    .price-old {font-size: 11px;}

    /* đăng ký nhận tin */ 
    .footer4-news{padding: 10px;;gap: 10px;border-radius: 10px;} 
    .title-form img{width: 50px;}
    .title-form h2 { margin-bottom: 0px; font-family: var(--bold); color: var(--text); font-size: 20px; line-height: 1.25; text-transform: uppercase;} 
    .title-form p { font-size: 13px; color: var(--text2); 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-left {width: 50%;}
    .aboutus-left::before {left: 10px;top: 10px;} 
    .aboutus-right {width:calc(50% - 10px);} 
    .aboutus-left-decor {top: 20%;font-size: 25px; }
    .info-aboutus {border: 1px solid var(--line);padding: 30px 15px 20px 15px;margin-left: 0;margin-right: -20%; }
    .title-aboutus {text-align: left;} 
    .title-aboutus h2 {font-size: 30px;} 
    .desc-aboutus {font-size: 14px;}
    .aboutus-right-decor {font-size: 30px;top: 15%;}
  
    /* feedback */  
    .left-feedback{width: calc(45% - 10px);}  
    .right-feedback{width: calc(55% - 10px);} 
    .image-feedback .scale-img{width: 90%;margin: auto;margin-left: 0; border-radius: 50% 50% 50% 50% / 30% 30% 30% 30% ;}
    .info-feedback {margin-top: 10px;border-left: 1px solid var(--main); transition: all 0.5s linear;}
    .info-feedback h3 {font-size: 16px;line-height: 1.5;font-family: var(--medium);margin-bottom: 0px;color: var(--main);text-transform: capitalize;transition: all 0.3s linear;}
    .info-feedback p {font-size: 13px;line-height: 1.5;margin-bottom: 0px;color: var(--text2);transition: all 0.3s linear;} 

    /* 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){
    .grid-news { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } 
    .breadcrumb-item {font-size: 14px; line-height: 1.25;}

    /* giới thiệu */
    .aboutus-left {width: 100%;margin-bottom: 2rem;} 
    .aboutus-right {width:100%;}
    .title-aboutus span {font-size: 50px;} 
    .aboutus-right-decor { top: unset;bottom: 33%;}
    .info-aboutus {margin-right: 0%; }
    /* feedback */      
    .left-feedback{width: 100%;margin-bottom: 1rem;}  
    .right-feedback{width: 100%;} 

    .grid-product{grid-template-columns: repeat(3, 1fr);gap: 3px;}
    .product{margin-right: 5px;}
    .product::before {position: absolute;width: 100%;height: 80%;content: '';left: 0;bottom: 0%;border: 1px solid #00000050;border-radius: 20px;}
    .pic-product{margin-right: -5px;}
    .info-product { padding: 10px 3px;}
    .name-product a {font-size: 12px;}

    /* tin tức */
    .news-decor span { font-size: 16px; }

    /* footer  */ 
    footer .bg-footer {background: var(--main);}
    .footer-article {padding-top: 50px;}
    .name-footer{font-size: 25px;}
    .footer1-news{width: 100%;} 
    .footer2-news{width: 100%;}
    .footer3-news{width: 100%;}  

    .bgAlbum .swiper.swiper-auto {padding: 35px 0;}
}
@media (max-width: 369px) { }