/* Responsive */

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

	/* menu */
	.menu ul li a { font-size: 14px; padding: 12px 14px 8px;}
			
	/* header */ 
	
	/* album */ 
	.wrap-album::after { bottom: -25%;}
	.album-desktop {gap: 10px;}
	.title-album { margin-top: -120px;}
	.title-album .slogan {font-size: 14px;line-height: 1.25;}
	.title-album h2 {margin-bottom: 0px; font-size: 40px;}
	.title-album .slogan-text { font-size: 55px;}

	/* sản phẩm */ 
	.product {padding: 5px;border-radius: 10px;} 
	.pic-product .scale-img{border-radius: 10px;}

	.name-product a {font-size: 14px;}
	.price-product { gap: 3px;}
	.price-new {font-size: 14px;}

	/* menu quán */
	.page-right{padding-left: 10px;}
	.page-left{padding-right: 10px;}

	/* tin tức */
	.wrap-news {padding: 90px 0 30px;background-size: cover;} 
	.bgvideo{width: calc(50% - 10px);}
	.info-news h3 {font-size: 14px;}
	.info-news p { font-size: 13px;} 

	.bgfeedback,.bgfeedback  {width: calc(50% - 5px);}

	/* giới thiệu */   
	.aboutus-left {width: calc(55% - 10px);}
	.aboutus-right {width: 45%;}
	.title-aboutus h2 {font-size: 30px;}
	/* .title-aboutus p {font-size: 27px;}
	.desc-aboutus {font-size: 14px;}  */ 
     
}
@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; } 
}
@media (max-width: 850px){ 
	.mgb-res{ margin-bottom: 30px; }
	.title-main h1,.title-main h2,.title-main span { font-size: 30px;}
	.title-main .slogan-text{ font-size: 40px;}
	.title-detail h1,.title-detail h2,.title-detail span { font-size: 30px;} 


	/* đăng ký nhận tin */ 

	/* giới thiệu */  
	.aboutus-left {width: 100%;} 
	.aboutus-right {width: 75%;margin: auto;}  
	
	.wrap-criteria::after {bottom: unset;top: calc(0% - 250px / 2);}
	.wrap-criteria::before {bottom: unset;top: calc(0% - 175px / 2);}
  
	.bgnews{width: 100%;margin-bottom: 20px;}
	.bgvideo{width: 100%;}
	
	.title-album .slogan-text { font-size: 40px;}

	/* footer */
	.name-footer {font-size: 32px;} 
	.title-footer{font-size: 80px;}
}
@media (max-width: 768px) {    
	.breadCrumbs { padding: 10px 0px; background: var(--main3); } 
	.breadCrumbs ol { margin: 0px; } 
	.breadCrumbs ol li a { color: #333; } 
	.breadCrumbs ol li a:hover { color: var(--active); } 
	.breadCrumbs .wrap-content .breadcrumb{justify-content: start;}

	.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 span{font-size: 40px;}  
	.criteria h3{font-size: 18px;} 

	 
	.btn-datban { padding: 12px 30px 10px; font-size: 18px; margin: 20px auto 0; }

	.wrap-album{background: unset;}
	.bgAlbum{margin: 0 -15px;width: calc(100% + 30px);}

	.f-flipbook .turn-next {left: 93%;}
	.f-flipbook .turn-prev {right: 93%;}

	.info-service h3 {font-size: 16px;}
	.info-service {padding: 0 10px 10px;}

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

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

	/* giới thiệu */
	.aboutus-left {width: 100%;margin-bottom: 1rem;} 
	.aboutus-right {width:100%;}
	.title-aboutus span {font-size: 50px;}  

	.wrap-album::after,.wrap-criteria::after,.wrap-criteria::before {display: none ;}  

	.bgfeedback{width: 100%;margin-bottom: 20px;}
	.bgform{width: 100%;}
	.footer1-news,.footer2-news{width: 100%;} 
	
	
	/* tiêu chí */  
	.criteria span{font-size: 30px;}  
	.criteria h3{font-size: 16px;} 
	.image-criteria{width: 100px;height: 100px;}


	.title-pro-detail {font-size: 20px;}

	.f-flipbook button { top: calc(50% - 40px / 2); width: 40px;height: 40px;}

	.info-service h3 {font-size: 14px;}
	.info-service {padding: 0 5px 5px;}

	.name-footer ,.title-aboutus h2{font-size: 25px;}
	
	.bgmenu {display: none;}
	.bgmenu-mobile{display: block;}
	.feedback span {font-size: 16px;}
	.title-album {margin-top: 0px;}
}
@media (max-width: 369px) { }