@media(max-width:1024px){
	.main-width{width: 100%;}
	.wrap-body{width: 100%;}
	.content-top_header{padding: 15px 2%}
	.img-banner{width: 640px}
	.banner2{font-size: 17px;}
	.menu ul li a h2{padding: 16px 11px;}
	.thutuc-zone .thutuc, .thongbao-zone .thongbao{height: 40px;overflow: hidden;}
	.vanban-zone{padding: 50px 2%}
	.hoatdong-zone{padding: 0 2%}
	.social-zone{padding: 0 2%}
	.ten-tt{padding: 0;height: 25px;overflow: hidden;}
	.mota-tt{height: 85px;overflow: hidden;}
	.doitac-zone{padding: 30px 2%}
	.container-footer{padding: 0 2%;padding-bottom: 30px}
	.policy-footer{padding: 0 10px;max-width: calc(100% - 300px - 460px);}
	.fan-page{width: 300px}
	.footer-bottom{padding: 15px 2%}
}
@media(max-width:768px){
	.open-zone{display: none;}
	.banner-zone{width: calc(100% - 128px);padding: 14px 10px}
	.img-banner{width: 100%;}
	#menu ul li h2{font-size: 1rem}
	.left-zone, .right-zone{display: none;}
	.baiviet-res{display: block;}
	.mainvb-zone{width: 100%;}
	.video-zone, .tintuc-zone{width: 100%}
	.video-zone{margin-top: 10px}
	.video-zone .boxvideo_right{width: 150px;padding-left: 0}
	.video-zone .boxvideo_left{width: calc(100% - 150px);padding-right: 10px}
	.tintuc-zone{padding-right: 0}
	.mota-tt{height: 86px}
	.open-zone-footer{display: block;}
	.policy-footer{max-width: unset;float: right;padding: 0;padding-left: 20px;width: calc(100% - 460px);}
	.fan-page{width: 400px;float: right;}
	.open-zone-footer{width: calc(100% - 400px);float: left;padding-right: 20px}
	.title-footer:after{display: none;}
	.thongke{width: 360px}
	.grid-product{grid-template-columns: repeat(3,1fr);}
}

@media(max-width:540px){
	.menu-res{height: 40px;}
	.menu-bar-res{height: 40px;}
	#hamburger{width: 30px;height: 20px;}
	.logo-zone{width: 89px}
	.banner-zone{width: calc(100% - 89px)}
	.banner1{font-size: 24px}
	.infomation-footer{width: 100%}
	.policy-footer{width:50%;float: left; }
	.fan-page{width: 100%;}
	.open-zone-footer{width: 50%;float: right;padding-left: 10px}
	.grid-product{grid-template-columns: repeat(2,1fr);}
	.footer-bottom{text-align: center;}
	.copyright, .thongke{width: 100%;text-align: center;}
  }
@media(max-width:425px){
	.logo-zone{width: 85px}
	.banner-zone{width: calc(100% - 85px);padding: 0 10px}
	.banner1{font-size: 18px}
	.banner2{font-size: 14px}
	.video-zone .boxvideo_left{width: 100%;padding-right: 0}
	.video-zone .boxvideo_right{width: 100%}
}
@media(max-width:375px){
	.menu-res{height: 30px;}
	.menu-bar-res{height: 30px;}
	#hamburger{width: 25px}
	#hamburger:before{top: 3px;}
	#hamburger:after{top: 17px;}
	.logo-zone{width: 70px}
	.banner-zone{width: calc(100% - 70px)}
	.banner1{font-size: 16px}
	.policy-footer,.open-zone-footer{width:100%;padding-left: 0}
	.grid-vanban{grid-template-columns: repeat(1,1fr);}
	.grid-product{grid-template-columns: repeat(1,1fr);}
}
@media(max-width:320px){
	.logo-zone{width: 63px}
	.banner1{font-size: 20px}
	.banner2{font-size: 12px}
	.banner-zone{width: calc(100% - 63px)}
}
