@media screen and (max-width: 1024px) {
	div.menu,div.copy,div.thongtin,div.wap_header,div.bao_tintuc,div.doitac,div.gioithieu { width:97%;margin:auto;
	}
	div.chung_kc{width:97%;margin:auto;}
	div.phai_tt ul li a{padding: 0 15px;}
	div.menu ul li a {padding: 0px 17px;}
	#logo_cty{width:97%;margin:auto;}
	.box-giohang-fix{right:0;}
	div.sanpham_nb{width:97%;margin:auto;}
	chung_kc{width:97%;margin:auto;}
	div.chay-dv{margin:auto;}
	div.main_content{width:97%;}
	div.item .box_sp{display:none;}
	div.item:hover .des_dv{opacity:1;}
	div.item-dv .des_dv{position:relative;background: none;height: auto;margin-top: 5px;}
    div.item-dv .box_sp{display:none;}
    div.item_tc{border:none;padding: 0;}
    div.item-dv .des_dv a{color:#000;}
    div.item-dv .img_tt{border: 1px solid #acd373;padding:5px;}
     div.item-dv .des_dv a:hover{color:#df001f;}
     div.item-dv:hover .des_dv{opacity:1;}
	div#main_footer{position:relative;width:100%;left: 0;height: auto;}
}
@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: 999;
		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; }
	.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: #00a651;
		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{}
	.menu_1{display:block !important;}
	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.wap_menu { height:auto; float:none; padding-bottom: 1px; }
	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#main_footer { width:100%; float:none; }
	div#thongke { width:100%; float:none; margin-top: 20px; }
	div.tt_lh { width:100%; float:none; }
	div.bando { width:100%; float:none; }
	.menu_login { display:none; }
	div#fanpage-foot{float: none;width: 100%;margin-top: 20px;}
	.box_news a img{}
	div.wap_sanpham_tc{grid-template-columns: 1fr 1fr 1fr;grid-gap: 10px 10px}
	div.wap_sanpham_ct{grid-template-columns: 1fr 1fr 1fr;grid-gap: 10px 10px}
	div.wap_news_bv .list{grid-template-columns: 1fr;grid-gap: 10px 0;}
	div.wap_sanpham{grid-template-columns: 1fr 1fr 1fr;grid-gap: 10px 10px}
	div.wap_footer{padding: 15px 0px 0 0px;background-size: auto 100%;}
	 div.footer{width:100%;}
	div.copy-right{padding: 10px ;}
	div.copy-right .cop-l{width: 100%;}
	div.copy-right .cop-r{width: 100%;text-align: left;}
	div#main_footer .ten{font-size: 19px;}.td_ft{font-size: 17px;}
	div#dknt{max-width: 100%}
	div.main_content{margin: 25px auto;}
	div.tieude_giua{}
	div.box-sanpham-for{padding: 12px 10px;}
	.box-giohang-fix{top: -35px;}
	div.item .nutdathang{position:relative;opacity:1;margin-top:10px;box-shadow:none}
	div.tieude2{}
	.product_info li .add_to_cart{font-size:15px}
	div.wap_pro{margin-top:10px}
	div.mxh_top{width: 100%;text-align: center;}
	.page_noibat ul, .page_banchay ul , .page_danhmuc ul ,  .page_sanpham ul ,div.wap_sanpham_ct .list,.page_tabloai ul,.page_thuvien ul,.page_congtrinh ul{
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    grid-gap: 10px 10px;padding-top: 20px;
	}
	div.phai_tt{display:none;}
	div.sanpham_left{width:100%;float: none;}
	div.tintuc_right{width:100%;float:none;margin-top: 25px;}
	div#lang{width:40%}
	div.tim_mxh{display:none;}
	#logo_cty{display:block;padding: 0;width:100%}
	#ten_cty{width:100%;background:#00a651;position: relative;}
	div.header{border:none;}
	div.search1{display:block !important;}
	div.search input{line-height:33px;}
	div.item_tin{margin:0 10px}
	div.chay_tin{margin: 0;}
	.b-trong{margin-top:0;}
    div.gioithieu_tgt{display:block;}
	div.noidung_1{width:100%}
	div.giatricotloi{width:100%;margin-top:20px}
	div.search i{font-size: 17px;margin-top: 7px;margin-right: 10px;}
	div.search{position:absolute;top: -36px;height: 33px;left: 0;right: 0;margin: auto;width: 50%;}
	#logo{width:100%;display: flex;align-items: center;justify-content: center;padding: 7px;}
	.page_tintuc ul{grid-template-columns: 1fr;grid-gap: 10px 0px;padding-top: 10px;}
    div.maunen_gt .img_news_tc{width:50%;}
    div.maunen_gt .noidung_tin{width:50%;padding: 15px;}
    div.maunen_gt .mota{max-height: 142px;overflow:auto;}
    .box_news h3 a{font-size: 20px;}
    div.noidung_2{width:100%;}
    div.thongke_gt{width:100%;}
    .chay-tt{grid-template-columns:1fr;}
    div.item-tt:nth-child(4n + 3) .img_tt:before,div.item-tt:nth-child(4n + 4) .img_tt:before{display:none !important;}
    div.item-tt:nth-child(4n + 3) .img_tt:after,div.item-tt:nth-child(4n + 4) .img_tt:after{display:none !important;}
    div.item-tt .img_tt:after,div.item-tt .img_tt:before{display:none;}

    div.item-tt:nth-child(4n + 3) .img_tt,div.item-tt:nth-child(4n + 4) .img_tt{order:0}
    div.item-tt:nth-child(2n) .img_tt{order:2}
    div.menu-fix{position:fixed !important;z-index: 9999 !important;top: 0;background: #00a651;}

    .box_news .mota::-webkit-scrollbar {background:#dddddd;width:2px;height:10px;}
    .box_news .mota::-webkit-scrollbar-thumb {background:#00a651;}{}
}
@media screen and (max-width: 800px) { }
@media screen and (max-width: 700px) { }
@media screen and (max-width: 603px) {
	div.header a.logo {}
	div.item .sp_name a{color:#000;}
	div.img_news_tc{width:100%;}
	div.noidung_tin{width:100%;padding: 10px;}
	div.header .logo_mobi { display:block; margin:auto; width:100%; line-height: 0; }
	div.thongtin span { display:none; }
	div.box_news { width: 100%; margin: auto; }
	div.tintuc { width: 100%; float: none; }
	div.video,div.fanpage { width: 100%; float: none; margin-left: 0; margin-top:20px; }	
	.zoom_slick {float:none;margin:auto;width: 100%;}
	.product_info { width:100%; margin-top:10px; }
	.gh_an { display:none; }
	div.trai_tt{display:none;}
	div#lang{width:100%;text-align:center;line-height:40px;display: flex;justify-content: center;align-items: center;}
	div.wap_sanpham_tc{grid-template-columns: 1fr 1fr;}
	div.wap_sanpham_ct{grid-template-columns: 1fr 1fr;}
	div.wap_sanpham{grid-template-columns: 1fr 1fr;}
	div.item_tin{min-height: auto;margin:0 5px;}
	.b-trong{margin-top:15px}
	div.b-trong .frm_lienhe{padding:10px}
	div.item-tc{width:50%;}
	div.chay_tc{
    flex-wrap: wrap;}
    div.item .des_dv{height: auto;background: none;display: block;text-align: center;margin-top:10px;}
    div.item .w-bottom{position:relative;}
    
}
@media screen and (max-width: 460px) {
	div.noidung_ft{}
	div.wap_tintuc{padding:15px 0}
	div.box-dichvu{padding:15px 0}
	div.noidung_2{padding:15px 10px}
	div.item-tt .img_tt{width:100%;}
	div.item .des_dv a{line-height:1.5;max-height: 100%;}
	div.banner_sp .ten_tc span{font-size:4vw;padding: 5px;}
	div.box_nd{width:100%;}
	div.noidung_2 .ten_gt{font-size: 6vw;}
	div.item-tk .name_tt{font-size:6vw;}
	div.item-tt{display: block !important;}
	div.chay_gt .item-cl + .item-cl{border:none;}
	.box_news{display:block;}
	div.maunen_gt .noidung_tin{width:100%;padding: 15px 7px;}
	div.item-cl{width:100%;padding: 7px 0;}
	div.maunen_gt .img_news_tc{width:100%;}
	div.bando-footer iframe{height:350px}
	div.box-tieuchi{padding:25px 0}
	div.wap_copy { margin-bottom:45px; }
	#toptop{bottom: 0;}
	div.doitac img{ height: 60px; }
	div.sanpham_nb{padding: 15px 0;}
	div.item_tc{margin:0 5px}
	div.tieude_vs{font-size:10vw;}
	div.sl_vs{font-size:4vw;}
	div.copy-right,div.item-tc .des_t{font-size:3.5vw;}
	div.item-tc .name_tt{font-size: 5vw;}
    div.item-tc{width:100%;padding: 10px;margin-top: 10px;}
    div.chay_tc .item-tc + .item-tc{border:none;}
	div.item-dv .box_sp .des_t .name_tt{border:none;margin-bottom: 0;}
	div.item-dv .name_tt a{font-size:3.5vw;max-height: initial;max-height: 42px;overflow: hidden;}
	div.item-dv .box_sp .des_t{padding:5px}
	div.item-dv .box_sp .des_t .xem_dv{font-size:3vw;line-height: 25px;margin-top: 5px;}
	div.item-dv .des_dv a{font-size:3.5vw;line-height: 1.7;max-height: 42px;}
	div.item .sp_name a,div.item_tin .name_news a{font-size:4vw;}
	div.tieude2 span{width:100%;text-align:center;display:block;}
	div.tieude2{font-size:10vw;border-bottom:2px solid;padding-bottom: 0;margin-bottom: 10px;}
	div.tieude2:before{display:none;}
	div.item-dv .des_tt{font-size:3vw;}
	div.tieude_giua,div#main_footer .ten {font-size: 6vw;}
	.map_description { width:100%; }
	.box_news h3 a {font-size: 5vw;color: #000;}
	div.wap_sanpham_tc .list{}
	div.wap_sanpham_ct .list{}
	div.wap_news_bv .list{grid-template-columns: 1fr;}
	div.wap_sanpham{grid-template-columns: 1fr;}
}
@media screen and (max-width: 376px) {
	div.item .sp_gia span.giacu { float:none; display:block; }
}
@media screen and (max-width: 320px) {
	div.item-dv .name_tt a{max-height:32px}
}