@media only screen and (max-width:1200px) {
	.product-list li { margin-left: 3.5%; width: 31%; }
	.product-list li:nth-child(4n+1) { margin-left: 3.5%; }
	.product-list li:nth-child(3n+1) { margin-left: 0; }
}

@media only screen and (max-width:1024px) {
	.auto-box { padding: 0 10px; }
	.newslist > ul > li { width: 49%; }
	.newslist > ul > li:nth-child(3n) { margin-right: 2%; }
	.newslist > ul > li:nth-child(2n) { margin-right: 0%; }
	.pageBanner > img { width: 120%; margin-left: -10% }

	.agent-list > ul > li { margin-bottom: 25px; flex-wrap: wrap; background: #222; }
	.agent-list > ul > li.item-title { display: none; }
	.agent-list > ul > li > div > .label { display: unset; }
	.agent-list > ul > li > div.title { width: 50%; }
	.agent-list > ul > li > div.contact { width: 25%; }
	.agent-list > ul > li > div.tel { width: 25%; }
	.agent-list > ul > li > div.address { width: 100%; border-top: 1px solid #444; }
}

@media only screen and (max-width:960px) {
	.main-header .logo-box { padding: 10px; }
	.main-header .nav-toggler { display: block; }
	.main-header .nav-toggler button { position: relative; display: block; height: 36px; width: 60px; background: #fc721e; color: #ffffff; text-align: center; font-size: 18px; line-height: 34px; border: 1px solid #fc721e; border-radius: 3px; font-weight: normal; }
	.pageBanner > img { width: 150%; margin-left: -25% }
	.main-menu, .user-top-menu { display: none; }
	.proVars li { width: 33.333%; }

	.aboutUs p { font-size: 14px; }
	.aboutUs h6 { font-size: 16px; }
	.aboutUs .title { font-size: 32px; line-height: 50px; }
}

@media only screen and (max-width:768px) {
	.agent-list > ul > li > div.title { width: 100%; border-bottom: 1px solid #444; }
	.agent-list > ul > li > div.contact { width: 50%; }
	.agent-list > ul > li > div.tel { width: 50%; }
	.agent-list > ul > li > div.address { width: 100%; border-top: 1px solid #444; }

	.proListHome .item { width: 49%; margin-left: 2%; margin-bottom: 20px; }
	.proListHome .item:nth-child(2n+1) { margin-left: 0%; }
	.proListHome .item .txt { position: unset; text-align: left; border: none; background: none; }

	.proVars li { width: 50%; }
	.contactPage .map { width: 100%; float: unset; }
	.contactPage .infos { width: 100%; float: unset; margin-top: 40px; }
	footer .copyright-part .auto-box.foot-menu a { font-size: 14px; }
	footer .copyright-part .auto-box.foot-medium-menu a { font-size: 14px; }
	footer .foot-imgs div span {font-size:14px;}

	.article-content img { width: auto !important; height: auto !important; }
}

@media only screen and (max-width:600px) {
	.big-title h3 { font-size: 18px; line-height: 36px; }
	.big-title h3::after { width: 4.2em; }

	.newslist > ul > li { width: 100%; margin-right: 0 !important; float: none; }
	.newslist > ul > li h6 { white-space: unset; }
	.newslist > ul > li a { padding: 10px; }
	.pageBanner > img { width: 140%; margin-left: -20% }

	.product-list li { margin-left: 4%; width: 48%; padding: 30px 0; }
	.product-list li:nth-child(4n+1) { margin-left: 4%; }
	.product-list li:nth-child(3n+1) { margin-left: 4%; }
	.product-list li:nth-child(2n+1) { margin-left: 0%; }

	.pagePos .txt { font-size: 22px; }
	.agent-list > ul > li > div.contact { width: 100%; border-bottom: 1px solid #444; }
	.agent-list > ul > li > div.tel { width: 100%; }

	.productInfo .infos { width: 100%; float: unset; margin-top: 20px; }
	.productInfo .img-part { width: 100%; float: unset; }

	.aboutUs p { font-size: 12px; }
	.aboutUs h6 { font-size: 14px; }
	.aboutUs .title { font-size: 22px; line-height: 32px; }
	.copyright-part { padding: 0 !important; }
	.copyright-part .auto-box { padding: 15px; }
	footer .copyright-part .auto-box.foot-menu { background: #222; }
	footer .copyright-part .auto-box.foot-menu a { width: 4.5em; display: inline-block; }
	.copyright-part .auto-box:last-child { background: #222; }
}

@media only screen and (max-width:500px) {
	.proVars li { width: 100%; }
	/*.proListHome .items {padding:1px;margin-left:-1px;}
	.proListHome .item {width:auto;float:unset;margin:15px 0%;}
	.proListHome .item .txt {position:unset;}*/
	footer .copyright-part .auto-box span { margin: 0 8px; }
	footer .foot-imgs {padding:30px 0;}
	footer .foot-imgs div {max-width:30%;}
	.product-list li { float: unset; margin-left: 0 !important; width: auto; }
	.product-list li > .txt > p { max-height: 60px; height: auto; }
}