@media screen and (max-width: 1200px) {
	.main_head,.wap_1200,.wap_copy,div.menu,div.main_content,div.footer,div.copy,div.thongtin,div.wap_header,div.bao_tintuc,div.doitac,div.gioithieu { width:97%;
	}	
}
@media screen and (max-width: 960px) {
	@-webkit-keyframes my {  0% {opacity:1}  50% {opacity:0  }  100% {opacity:1  }  }
	@-moz-keyframes my {   0% {opacity:1}  50% {opacity:0  }   100% {opacity:1  }   }
	@-o-keyframes my {   0% {opacity:1}   50% {opacity:0  }   100% {opacity:1  }   }
	@keyframes my {  0% {opacity:1}   50% {opacity:0  }   100% {opacity:1  }  }	
	.hidden_mobi{display: none;}
	.hidden_destop{display: block;}
	.menu_baophu { background: #000; opacity: 0.8;
		z-index: 998; left: 0px; top: 0px;
		position: fixed; width: 100%; height: 100%; display: none; }
	.icon_menu_mobi{
		color: #fff;
		font-size: 16px;
		text-decoration: none;
		display: block;
		width: 35%;
		cursor: pointer;
		display: block;
		cursor:pointer;
		float: left;
		font-family: roboto-b;
		}
	.icon_menu_mobi i { float: left; margin-right: 9px; margin-top: 12px; }
	a.home_mobi { color:#fff; text-decoration:none; float:right; font-size: 20px; }
	a.phone_mobi {color:#fff;text-decoration:none;float:left;font-size: 18px;}
	a.phone_mobi i{ margin-right: 12px; -webkit-animation: my 700ms infinite;
		 -moz-animation: my 700ms infinite;  -o-animation: my 700ms infinite; 
		 animation: my 700ms infinite; }
	div.menu_mobi { display:block; color: #fff; font-size: 18px;
		text-decoration: none; display: block; padding: 0px 10px;
		width: 100%; cursor: pointer; display: block; height: 100%;
		height: 40px; line-height: 40px; cursor: pointer; }
	div.menu_mobi_add {
		display:block;
		position: fixed;
		left: -100%;
		top: 0;
		background: #5271ab;
		z-index: 99999;
		color: #fff;
		height: 100vh;
		overflow: auto;
		line-height: 1.5;
		padding-top: 40px;
		padding-bottom: 20px;
		width: 85%;
		min-width: 140px;
		max-width: 440px;
		box-shadow: inset -4px 0px 8px rgba(0,0,0,0.3);
		transition: 0.5s;
		}
	div.menu_mobi_active { left: 0; transition: 0.5s; }
	div.menu_mobi_add ul { list-style: none; }
	div.menu_mobi_add ul li{}
	div.menu_mobi_add ul li b{display:inline-block;vertical-align: top;margin-right: 8px;}
	div.menu_mobi_add ul li b img{ display: inline-block; vertical-align: top; }
	div.menu_mobi_add ul li a {
		text-decoration: none; color: #fff; display: block;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		padding: 10px 40px 10px 10px; margin-left: 20px;
		font-size: 13px; position: relative; text-transform: uppercase; }
	div.menu_mobi_add ul li a.active2 { color:yellow; }
	div.menu_mobi_add ul li a i{
		position:absolute; height:100%; right:0;
		top:0; border-bottom: 1px solid rgba(255,255,255,0.1);
		width:40px; text-align:center; padding-top:13px;
		transform:rotate(90deg); border-bottom: 1px solid rgba(255,255,255,0.1); }
	div.menu_mobi_add ul li a.active2 i{ transform:rotate(0deg); border-left: 1px solid rgba(255,255,255,0.2); }
	div.menu_mobi_add ul ul { display:none; }
	div.menu_mobi_add ul li ul li a { padding-left: 20px; }
	div.menu_mobi_add ul li ul li ul li a { padding-left: 40px; }
	.close_menu { position: absolute; top: 5px; right: 7px; font-size: 15px; background: rgba(255,255,255,0.2);
		width: 25px; text-align: center; line-height: 25px; cursor: pointer; }
	div.left_gh,div.right_gh { width: 100%; float: none; }
	div.header{
    background: #5271ab;
}
	div.wap_menu {height:auto;float:none;padding-bottom: 1px;z-index: 99;width: 100%;}
	div.menu ul { display:none; }	
	div.header_mobi { display:block; }
	div.slider { width:100%; padding:0; margin: 0; }
	div#danhmuc { display:none; }
	div.right { width:100%; float:none; }
	div.left {width:100%;float:none;margin-top: 15px;}	
	div.tt_lh { width:100%; float:none; }
	div.bando { width:100%; float:none; }
	.wap_copy{flex-flow: wrap;text-align: center;justify-content: center;}
	div#dknt{max-width: 100%}
	div.main_content{margin-top: 20px;}
	div.box-sanpham-for{padding: 12px 10px;}
	.box-giohang-fix{ top: 50px; }
	div.item .nutdathang{position:relative;opacity:1;margin-top:10px;box-shadow:none}
	.product_info li .add_to_cart{font-size:15px}
	div.wap_pro{margin-top:10px}
	.box2,.gh_an { display:none; }
	.page_noibat ul, .page_banchay ul , .page_danhmuc ul ,.page_tabloai ul,.page_thuvien ul{margin: 0 -5px;}
	.page_sanpham ul{  margin: 0 -5px; }
	.page_tintuc ul{
    margin: 0 -5px;}
	.page_congtrinh ul{margin: 0 -5px;}
	div.header a.logo {}
	div.header .head-2{}
	div.header .head-3{}	
	.page_tintuc .item,div.item{
	    width: calc(50% - 10px);
	    margin: 10px 5px;
	}
	div.box_news {width: 100%;margin: 5px 5px;}
	.main_head{flex-flow: wrap;}
	p.ten_cty{width: 100%;text-align: center;padding:10px 0px;}
	.main_head{width: 100%;}
	.tieude_bv{font-size: 24px;}
	.box_dvu{width: calc(50% - 30px);}
	.w_hinh_ts{display: none;}
	.w_ndung_ts{width: 100%;float: none;margin-left:0;padding:20px;}
	div#main_footer,div#hotrokh,div#thongke{width: 100%;margin-bottom: 15px;}
	div.mxh{margin-top: 7px;}
}
@media screen and (max-width: 800px) { 
	.tde_ts{font-size: 24px;}
	.zoom_slick {float:none;margin:auto;width: 100%;}
	.product_info { width:100%; margin-top:10px; }
	.mota_slider p{
		font-size: 15px;
		font-family: montseratbl;
		text-transform: uppercase;
		font-style: normal;
		color: #fff;
	}
}
@media screen and (max-width: 700px) {
	.box_ts.box_ts1,.box_ts.box_ts2,.box_ts.box_ts3,.box_ts.box_ts4{margin-left: 0;}
	#loadMore{font-size: 15px;padding: 6px 20px;} 
	.box_dvu {
	    width: calc(50% - 10px);
	    margin: 5px 5px;
	    padding: 20px 10px;
	}
	.ndug_tc{padding-bottom: 10px;}
	.ndug_tc,.hinh_tc{width: 100%;float: none;}
	.sdt_fix{display: none;}
}
@media screen and (max-width: 603px) { 
	.box_ts h3{font-size: 15px;}
}
@media screen and (max-width: 460px) {
	.w_ndung_ts{padding: 20px 5px;}
	.map_description { width:100%; }
	.box_news h3 a { font-size:14px;}
}
@media screen and (max-width: 386px) {
	.box_dvu{width: 100%;}
}
@media screen and (max-width: 320px) {
}