@media (max-width: 1024px){
    .grid-news,.grid-product,.grid1-product,.album-destop { gap: 10px; }  
    .bgswiper .swiper-button-prev{left: -12px;}
    .bgswiper .swiper-button-next{right: -12px;} 

    /* menu */
    .menu ul li a { font-size: 14px; padding: 12px 14px 8px;}

    /* giới thiệu */  
	.aboutus-left {width: 40%;}
	.aboutus-right {width: calc(60% - 15px);}
	.title-aboutus h2{font-size: 45px;}  
	.title-aboutus p{font-size: 35px;} 
	
    /* đăng ký nhận tin */
	.title-newsletter .slogan{font-size: 25px;}
	.title-newsletter span.text2{font-size: 50px;}
       
}
@media (max-width: 1001px){
    #hamburger { display: block; } 
    .mb-none { display: none !important; } 
    .mb-block { display: block !important; }  
    .scrollToTop { bottom: 80px; right: 10px; } 
    footer { margin-bottom: 50px; } 
}
@media (max-width: 850px){ 
    .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 */

     /* tin tức */ 
    .item-news:hover{box-shadow: unset;}
    .item-news {box-shadow: unset;border-radius: 10px;overflow: hidden;margin: 0;padding: 15px 0px;}
    .info-news { padding: 0; 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: 100%;margin-bottom: 1rem;}
	.aboutus-right {width: 100%;}
	.title-aboutus h2{font-size: 60px;}  
	.title-aboutus p{font-size: 40px;}  


    /* đăng ký nhận tin */
    .left-newsletter{width: 100%;margin-bottom: 1rem;} 
    .wr-newsletter{width: 100%;}

    /* footer */
    .footer1-news{width: calc(50% - 12px);margin: 10px 0;} 
    .footer2-news{width: calc(50% - 12px);margin: 10px 0;}
    .footer3-news{width: calc(50% - 12px);margin: 10px 0;}  
    .footer4-news{width: calc(50% - 12px);margin: 10px 0;}   
}
@media (max-width: 768px) {   
    .wrap-container { overflow: hidden; }
    .breadcrumb-item {font-size: 14px;}
    .title-main h1,.title-main h2,.title-main span { font-size: 30px;}
    .title-detail h1,.title-detail h2,.title-detail span { font-size: 30px;} 
     

    /* tin tức */
    .grid-news { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }  
    .item-news:hover{box-shadow: unset;}
     

    /* sản phẩm */
    .wrap-products .flex__main{flex-direction: column-reverse;}
        
    .grid-product { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } 
    .tab__products,.tab__news{width: 100%;margin-bottom: 1rem;}
    .load-product,.load-news{width:100%;}
    .title-list-main p,.title-news-list p {background: white;border: 1px solid var(--line);text-align: center;width: 100%;padding: 12px 10px 10px;margin: 1px;display: block;cursor: pointer;color: var(--text);font-weight: 700;font-size: 14px;line-height: 1.5;text-transform: capitalize;transition: all 0.3s linear;}
    .title-list-main p:hover,.title-news-list p:hover {border-color: var(--main);color: white;background: linear-gradient(0deg, var(--main3) 0%, var(--hover) 100%);animation: 3s change2Color infinite linear;transition: all 0.3s linear;}

    .info-product {padding: 10px 5px 8px;}
    .name-product a {font-size: 14px;}
    .price-product { gap: 3px;}
    .price-new {font-size: 14px;}

    .title-list-main {padding: 0;border: unset;}
    .title-list-main::before {display: none;}

    /* footer  */ 
    .footer1-news{width: 100%;margin: 10px 0;} 
    .footer2-news{width: 100%;margin: 10px 0;}
    .footer3-news{width: 100%;margin: 10px 0;}  
    .footer4-news{width: 100%;margin: 10px 0;}   
    

    
    .load-news .bgswiper .swiper-button-prev{left: calc(40% - 40px / 2 );top: 102%;}
    .load-news .bgswiper .swiper-button-next{left: calc(60% - 40px / 2 );top: 102%;} 

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

} 
@media (max-width: 700px){
    .slideshow-bottom{display: none;}
    
    .grid-product, .grid-news ,.grid1-product{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } 
    .title-main h1,.title-main h2,.title-main span { font-size: 30px;}
    .title-detail h1,.title-detail h2,.title-detail span { font-size: 22px;} 
    .title-main .slogan-text {font-size: 20px;}

    /* giới thiệu */
    .wrap-aboutus .flex__main {padding: 0px; background: unset;box-shadow: unset;border-radius: 0px;}
    .aboutus-left {width: 100%;margin-bottom: 2rem;} 
    .aboutus-right {width:100%;} 
    .text-decor{font-size: 10px;}
    .title-aboutus h2{font-size: 35px;}  
	.title-aboutus p{font-size: 25px;} 

    /* sản phẩm */
    .name-product a {font-size: 13px;}
    .info-news p{margin-bottom: 0;}
    .news-link{display: none;}
    /* đăng ký nhận tin */
    .wrap-form .wrap-content {box-shadow: unset;background: white;border-radius: 0;}
    .wrap-form .flex__main{padding:0;}
	.title-newsletter .slogan{font-size: 20px;}
	.title-newsletter span.text2{font-size: 30px;}
    .btn-hotline-from {gap: 5px;padding: 3px;padding-right: 15px; }
    .btn-hotline-from b { font-size: 18px; }
    .btn-hotline-from span {width: 32px;height: 32px; }
    .btn-hotline-from span i { font-size: 16px;}
    
    .criteria{padding: 10px;}

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