@charset "utf-8";
@media screen and (max-width: 1024px) {
	.main{max-width: 890px}
	.leftside, .rightside{width: 100%; float: none; margin:0; padding:0}
	.leftside{display: none}
	.box li.product{width: 23%}
	.footer{background-size:cover !important}
}
@media screen and (max-width: 960px) {
	.main{max-width: 700px}
	.maxlead{bottom:0; border-radius: 0}
	.box li.product{width: 31.33333333%}
}
@media screen and (max-width: 768px) {
	.hidemobile{ display: none; }
	.kiemnghiem li{ width:48% }
	.topmenu .dropdown{ text-align: center; }
	.dropdown ul li a{ padding: 0 10px }
	.quangcaotop h3{ width: 90% }
	.quangcaotop li .info{ width: 80%; margin: 0 auto }
	.formgioithieu .left{ display: block; width: 100% }
	.formgioithieu .right{ display: block; width: 100%; margin-top: 10px }
	.formgioithieu{ display: block; }
	.formkh .left{ width: 100%; float: left; height: 200px }
	.formkh .right{ width: 100%; margin-top: 10px }
	.footer .sitemap{ width: 100%; text-align: left; }
	.setpoppupsanpham .hinh{ width: 100% }
	.setpoppupsanpham .info{ width: 100%; margin-top: 10px }
	.contact .left{ width: 100% }
	.contact .right{ width: 100%; margin-top: 10px }
	.gridmenu{height: auto; line-height: 14px; text-align: center; letter-spacing: -1px; margin-bottom: 10px; padding:0}
	.gridmenu a.logox{width: 100%; text-align: center; float: none} .gridmenu a.logox img{max-height: 40px}
	.gridmenu a.item{ margin:5px 1px; padding:2px 3px; font-size: 12px; line-height: 18px}
	[padleftright='px100']{padding-left:20px !important;padding-right:20px !important;}
	.quangcaotop li{ width: 100%; margin: 1% 0 }

	div.grid[value='col66'] .gridcol, div.grid[value='col48'] .gridcol, div.grid[value='col84'] .gridcol, div.grid[value='col444'] .gridcol, div.grid[value='col336'] .gridcol, div.grid[value='col363'] .gridcol, div.grid[value='col633'] .gridcol{ width: 100% !important }
	div.grid[value][space] .gridcol{ width: 100%  !important}
	div.grid[value='col3333'] .gridcol, div.grid[value='col3333'][space] .gridcol{ width:48% !important }
	div.grid[value='col5'] .gridcol, div.grid[value='col5'][space] .gridcol{ width:48% !important }
	div.grid[value='col3333'][space] .gridcol, div.grid[value='col5'][space] .gridcol{ width: 48%  !important}
	[padleft]{padding-left: 20px !important} [padright]{padding-right: 20px !important} [padtop]{padding-top: 20px !important} [padbottom]{padding-bottom: 20px !important} [padleftright]{padding-left: 20px !important; padding-right: 20px !important} [padtopbottom]{padding-top: 20px !important; padding-bottom: 20px !important} [padall]{padding: 20px !important} 
	[marleft]{padding-left: 20px !important} [marright]{padding-right: 20px !important} [martop]{padding-top: 20px !important} [marbottom]{padding-bottom: 20px !important} [marleftright]{padding-left: 20px !important; padding-right: 20px !important} [martopbottom]{padding-top: 20px !important; padding-bottom: 20px !important} [marall]{padding: 20px !important} 

	ul[column] li{width: 100% !important}
	ol[column] li{width: 100% !important}
	
	.maxlead{width:100%; height: 60px; bottom:0 !important; border-radius: 0}
	.maxlead a{float:left; width: 20%}
	.maxlead a.hotline img{width: 52px; margin-top: -15px}
	
	.nomobile{display: none}
	.firstcat span.mobileMenu{display: block}
	.titlehome ul li{display: none}
	.cgallery, .cinfo{width: 100%; margin:0; padding:0; float: none}
	.boxnews li{width: 92%}
	.footer{background-size: cover}
	.footer .contact, .footer .info{width: 100%; margin:0 padding:0; margin-bottom: 20px}
	.copyright{margin-bottom: 60px}
	.copyright #nav_up{top:10px; right: 20px}
	.content, .rightcol{width: 100%; float: none; margin:0; padding:0; margin-bottom: 20px}
	ul.groupnews li{width: 100%; float: none; margin:0; padding:0; margin-bottom: 20px}
	ul.groupnews li h3, ul.groupnews li p.des{height: auto}
	.content img{width: 100%; height: auto}
	.topmenu{ width: 100% }
	.danhsachdm a{ width: 100%; margin: 1% 0 }
	.danhsachdm a .hinh{ height: 400px }
	.box .product a.img{ height: 400px }
	.hinhbanner{ height: auto; }
	.hinhbanner img{ max-width: 100%; height: auto; }
}
@media screen and (max-width: 640px) {
	.box li.product{width: 100% !important; margin: 1% 0}
	.linemenu .left{display: none}
	.linemenu .right{width: 100%; text-align: center;}

	.linemenu ul{text-align: left}
	.linemenu ul li{margin-left: 0; margin-right: 5px}
	.linemenu .email{display: none}
}