@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) {

	.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;}

	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}
}
@media screen and (max-width: 640px) {
	.box li.product{width: 48%}
	.linemenu .left{display: none}
	.linemenu .right{width: 100%; text-align: left}

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