/* Responsive */

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

	/* menu */
	.menu ul li a { font-size: 14px;}
	.menu-top-right {width: 35% !important;} 
	/* header */ 

	/* sản phẩm */ 
	.info-product {padding: 12px 5px;text-align: left;}
	.name-product {font-size: 14px;height: 34px;}
	.price-product {gap: 3px;justify-content: left;}
	.price-new {font-size: 14px;}
	.price-text, .price-new {font-size: 14px;}

	/* tin tức */
	.items-news {padding-right: 25px;}
	.info-news {padding: 15px;padding-right: 0px;}
	.info-news h3 {font-size: 14px; margin-bottom: 5px; }
	.info-news p { font-size: 13px; line-height:1.5;}

	.news-time {right: 5px;font-size: 14px;top: 27%;}

	/* giới thiệu */   
	.section-aboutus {width: 100%; } 
	.title-aboutus p {font-size: 27px;} 

	.section-contact h2{font-size: 45px;text-shadow: unset;}

	.footer-article { margin-left: 15px;}
	.name-footer {font-size: 45px;}
    
}
@media (max-width: 1001px){
	.menu-res{display:block !important;}
	#hamburger { display: block; } 
	.mb-none { display: none !important; } 
	.mb-block { display: block !important; } 

	.scrollToTop { bottom: 80px; right: 10px; } 
	footer { margin-bottom: 50px; } 

	.search-res .icon-search {color: white;}
 
	
	.btn-main2 { font-size: 14px;font-weight: 400;line-height: 1.25; }
	.btn-main2 span i {font-size: 13px;}

	.quangcao .wrap-content{width: calc(100% + 30px); margin: 0 -15px;}

}
@media (max-width: 850px){ 
	.mgb-res{ margin-bottom: 30px; }
	.title-main{margin-bottom: 16px;}
	.title-main h1,.title-main h2,.title-main span { font-size: 30px;}
	.title-main .slogan-text{ font-size: 16px;}
	.title-detail h1,.title-detail h2,.title-detail span { font-size: 30px;} 

	/* Liên hệ */
	.wrap-contact {padding: 70px 0;} 
	.section-contact span{font-size: 27px;letter-spacing: 1px;}
	.section-contact h2{font-size: 45px;text-shadow: unset;}
	.section-contact h3{font-size: 20px;letter-spacing: 2px;}
	.section-contact p {font-size: 20px;font-weight: var(--regular) !important;}

	.items-news {padding-right: 20px;}
	.news-time {right: 3px;font-size: 13px;}
	.news-time i { font-size: 16px;}

	/* footer */
	.name-footer {font-size: 35px;}
	.info-news {padding: 12px;padding-right: 0px;}
}
@media (max-width: 768px) {   
	.grid-news,.grid-product  { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }  
	.swiper-button-prev,.swiper-button-next{width: 30px;height: 30px;} 
	.bgswiper .swiper-pagination {}
	
	/* tiêu chí */  
	.criteria h3 { font-size: 14px; margin-bottom: 3px;} 
	.criteria p { font-size: 13px;}

	.title-list { background-size: 10px 27px;padding: 10px 20px 0px 45px;font-size: 25px; }

	/* footer  */
	.footer1-news{width: 100%;margin-bottom: 1rem;} 
	.footer2-news{width: 100%;margin-right: 15px;border-radius: 20px;} 
	.footer-logo { position: unset; top: unset;left: unset; margin-bottom: 10px;}
} 
@media (max-width: 700px){
	.swiper-button-prev,.swiper-button-next,.bgswiper .swiper-pagination{display: none ;} 

	.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: 5px; } 

	/* giới thiệu */ 
	.title-aboutus p {font-size: 20px;}
	.title-aboutus h2 {font-size: 20px;}

	/* sản phẩm */
	.load-product{justify-content: center;margin-bottom: 15px;}
	.wrap-product.bgproduct2 .title-list,.title-list {background: unset;padding: 0; font-size: 25px;}
	.btn-prolist,.load-product::before,.load-product::after{display: none;}
	.product {box-shadow: unset;}
	.info-product {padding: 12px 3px 12px 5px;}
	.name-product {font-size: 13px;height: 32px;margin-bottom: 3px !important;}
	.price-text, .price-new {font-size: 13px;}
	.product::before,.product::after {height: 1px;}
	
	/* Liên hệ */
	.wrap-contact {padding: 70px 0;} 
	.section-contact span{font-size: 18px;letter-spacing: 0px;}
	.section-contact h2{font-size: 30px;text-shadow: unset;-webkit-filter: drop-shadow(2px 2px 0px var(--main));filter: drop-shadow(2px 2px 0px var(--main));letter-spacing: 0px;color: var(--main4);margin-bottom: 10px;}
	.section-contact h3{font-size: 16px;letter-spacing: 0px;margin-bottom: 10px;}
	.section-contact p {font-size: 12px;font-weight: 300 !important;letter-spacing: 0px;margin-bottom: 10px;}

	/* tin tức */
	.items-news {padding-right: 0px;}
	.news-time,.items-news::before {display: none;} 
	.info-news {padding: 10px 0;}
	.info-news h3 {font-size: 13px;margin-bottom: 0;}
	.info-news p {margin-bottom: 5px;}
	.btn-news {gap: 5px;font-size: 13px;gap: 5px;}
	.btn-news span i{font-size: 13px;}

	.btn-main2 {gap: 6px;padding: 1px;padding-left: 15px;}
	.btn-main2 span {width: 32px;height: 32px; }
	 
	.btn-shopee span {font-size: 16px;font-weight: 300;}

	/* footer */
	.name-footer {font-size: 30px;}
	 
}
@media (max-width: 369px) { }