@media (min-width:1200px){
}
@media (max-width:1199px){
	#search{right:15px;}
	#container{padding:20px 15px;}
	.box-dt{max-width:95%;}
}
@media (min-width:992px) and (max-width:1199px){

	.box-sp{width:32%;margin:0px 2% 20px 0px;}
	.box-sp:nth-child(3n){margin-right:0;}
	.box-sp:nth-child(3n+1){clear:both;}
	.box-product{width:32%;margin:0px 2% 20px 0px;}
	.box-product:nth-child(3n){margin-right:0;}
	.box-product:nth-child(3n+1){clear:both;}
	.box-album{width:32%;margin:0px 2% 20px 0px;}
	.box-album:nth-child(3n){margin-right:0;}
	.box-album:nth-child(3n+1){clear:both;}
	.box-video{width:32%;margin:0px 2% 20px 0px;}
	.box-video:nth-child(3n){margin-right:0;}
	.box-video:nth-child(3n+1){clear:both;}
	.footer-1{width:35%;margin:0px;}
	.footer-2{width:calc(35% - 20px);margin:0 0 0 20px;}
	.footer-3{width:calc(30% - 20px);margin:0 0 0 20px;}
}
@media (max-width:991px){
	.right-menu {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#menu {
		height: 30px;
		line-height: 30px;
	}
	#banner {display: flex;padding: 10px 0;} 
	.wrap-product-in {margin:-5px;}
	.box-product-in {padding: 5px;}
	#header,.banner-ab,#menu ul,#menu .logo,.right,.title-slider,.product-total-left{display:none !important; }
	.product-total-right{width: 100%;}
	#banner .center{display:flex;align-items:center;justify-content:center;}
	.logo{position:static;padding:0;margin-right:15px;}
	.banner{padding:0;}
	#menu-mobile{display:block;}
	#smenu a{font-family:RM;color:#fff;font-size:16px;margin-left:5px;}
	.left{width:100%;}
	.box-criteria {
		padding: 15px;
	}
	.wrap-criteria {
		margin: -15px;
	}
	.box-food {
		padding: 5px;
	}
	.slick-news {
		margin: 0px -5px 0px;
	}
	.slick-product-view {
		margin: 0 -5px;
	}
	.box-product-sc {
		width: calc(100% / 3);
		padding: 5px;
	}
	.box-sanpham {
		padding: 0px 5px;
	}
}
@media (min-width:768px) and (max-width:991px){
	.box-sp{width:32%;margin:0px 2% 20px 0px;}
	.box-sp:nth-child(3n){margin-right:0;}
	.box-sp:nth-child(3n+1){clear:both;}
	.box-product{width:32%;margin:0px 2% 20px 0px;}
	.box-product:nth-child(3n){margin-right:0;}
	.box-product:nth-child(3n+1){clear:both;}
	.box-album{width:32%;margin:0px 2% 20px 0px;}
	.box-album:nth-child(3n){margin-right:0;}
	.box-album:nth-child(3n+1){clear:both;}
	.box-video{width:32%;margin:0px 2% 20px 0px;}
	.box-video:nth-child(3n){margin-right:0;}
	.box-video:nth-child(3n+1){clear:both;}
	.footer-1{width:100%;float:none;margin:0 0 15px;}
	.footer-2{width:350px;float:left;}
	.footer-3{width:350px;float:right;}
}
@media (max-width:767px){
	.main-feedback {
		padding: 30px 0;
	}
	#doitac {
		padding: 30px 0;
	}
	.content-food {
		padding: 15px 5px 15px;
	}
	.main-food {
		padding: 30px 0;
	}
	.title-main {
		margin-bottom: 20px;
		text-align: center;
	}
	#sanpham {
		padding: 30px 0;
	}
	.box-criteria {
		width: calc(100% / 2);
	}
	.main-about-us {
		padding: 30px 0;
	}
	.col-1-about-us {
		width: 100%;
		display: flex;
		margin-left: 30px	;
	}
	.col-2-about-us {
		width: 100%;
	}
	.box-product-in {width: calc(100% / 3);}
	.pic-hot-news,.desc-hot-news{width: 100%;}
    .desc-hot-news{padding: 15px;}
    .box-hot-news{margin-bottom: 25px;}
    .news-total-container{margin:-8px;}
    /* .boxs-news{width:calc(100% / 2); padding: 8px;} */
	.btn-zalo,.btn-phone,#messages-facebook{display:none;}
	.fix-toolbar{display:block;}
	.content iframe{width:100%!important;height:45vh;}
	.content img{height:inherit!important}
	.logo{position:static;margin-right:10px;height:auto;}
	#footer{padding-bottom:45px;}
	.footer-top{padding-bottom:0;}
	.footer-1,.footer-2,.footer-3{width:100%;float:none;margin:0 0 20px 0;}
	.copyright,.statistic{width:100%;}
	.statistic span{margin:0 5px;}
	.ft-b .center > div{width:100%;}
	.top-contact .article-contact{width:100%;margin-bottom:20px;}
	.form-contact{width:100%;}
	#top .center > div{width:100%;}
	#top #breadcrumb{margin-bottom:0}
	/* .box-news{width:100%;float:none;margin:0 0 20px;} */
	.pic-news{width:100%;}
	.bottom-left{width:100%;margin-bottom:20px;}
	.bottom-right:not(.onApp){width:100%;}
	.tintuc-l{width:100%;margin-bottom:20px;}
	.tintuc-r{width:100%;}
	.left-pro-detail{float:none;width:100%;margin:0 0 20px;}
	.right-pro-detail{float:none;width:100%;}
	.grid-thuvienanh{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,22vh);}
	.box-thuvienanh .box-thuvienanh-content{background:rgba(0,0,0,0.4);color:#fff;}
	.boxs-news {
		margin: -5px;
		width: 100%;
		padding: 0;
	}
	.box-news {
		padding: 5px;
	}
	.boxs-news-special {
		width: 100%;
		margin-left: 0;
		order: -1;
	}
}
@media (min-width:481px) and (max-width:767px){
	.box-sp{width:49%;margin:0px 2% 15px 0px;}
	.box-sp:nth-child(2n){margin-right:0;}
	.box-sp:nth-child(2n+1){clear:both;}
	.box-product{width:49%;margin:0px 2% 15px 0px;}
	.box-product:nth-child(2n){margin-right:0;}
	.box-product:nth-child(2n+1){clear:both;}
	.box-album{width:49%;margin:0px 2% 15px 0px;}
	.box-album:nth-child(2n){margin-right:0;}
	.box-album:nth-child(2n+1){clear:both;}
	.box-video{width:49%;margin:0px 2% 15px 0px;}
	.box-video:nth-child(2n){margin-right:0;}
	.box-video:nth-child(2n+1){clear:both;}
}
@media (max-width:480px){
	.box-product-sc {
		width: calc(100% / 2);
		padding: 5px;
	}
	.col-2-feedback {
		width: 100%;
	}
	.col-1-feedback {
		width: 166px;
		margin: 0 auto 14px;
	}
	.border-feedback {flex-wrap: wrap;}
	.title-main h1, .title-main h2, .title-main span {
		font-size: 25px;
	}
	.box-content-about-us h2 {
		margin: 5px 0 7px 0;
		font-size: 20px;
		line-height: 29px;
		font-family: 'Averta Extrabold';
	}
	.col-1-about-us  {margin:0 0 10px;}
	.col-1-about-us img{display: none;}
	.col-1-about-us .box-content-about-us{padding: 0;}
	.box-product-in {width: calc(100% / 2);}
	.box-sp{width:49%;margin:0px 2% 10px 0px;}
	.box-sp:nth-child(2n){margin-right:0;}
	.box-sp:nth-child(2n+1){clear:both;}
	.box-product{width:49%;margin:0px 2% 10px 0px;}
	.box-product:nth-child(2n){margin-right:0;}
	.box-product:nth-child(2n+1){clear:both;}
	.box-album{width:49%;margin:0px 2% 10px 0px;}
	.box-album:nth-child(2n){margin-right:0;}
	.box-album:nth-child(2n+1){clear:both;}
	.box-video{width:49%;margin:0px 2% 10px 0px;}
	.box-video:nth-child(2n){margin-right:0;}
	.box-video:nth-child(2n+1){clear:both;}
}
@media (max-width:374px){
	.lh-con-l,.lh-con-r{width:100%;float:none;margin:0px;padding:0px;}
	.lh-con-r{margin-bottom:10px;}
	.box-sp{width:90%;margin:0px 5% 10px;float:none;}
	.box-product{width:90%;margin:0px 5% 10px;float:none;}
	.box-album{width:90%;margin:0px 5% 10px;float:none;}
	.box-video{width:90%;margin:0px 5% 10px;float:none;}
}