/*screen width*/
@media only screen and (max-width:1349px){
	.content,ul.productslist,ul.newslist ,.content,#friendlinks  {width:96.36768%;}
	.header,.footer,#container,#title .cate-title {width:91.919941%; padding:0 2.307692%;}	
	.content .box {width:18.846154%; padding: 10px 3.076923%;}
	.content .box .pic img {width:51.020408%; height:auto;}
	ul.productslist li {width:11.538461%; padding:20px 1%; margin: 25px 1.538461%;}	
	ul.newslist li {width:38.461538%; margin: 20px 2.692308% 10px; }
	.main {width:71.774193%; padding:10px 0.80645161%;}
	.main ul.products-cat li {width:29.21348315%; margin:10px 2.02247191% 20px;}
	.post {padding:0 1.685393%;}
	.post .entry blockquote {margin:0 2.247191% 15px;}
	.post .relatednews ul li {width:46.516854%;}
	.post .relatedproducts h3 {padding:10px 1.797753% 0;}
	.post .relatedproducts ul li {width:21.348315%; padding:10px 1.797753%;}
	.sidebar {width:24.193548%;}
	.pagenavi a {margin:20px 1.123595% 10px; padding:0 1.348314%;}
	#friendlinks ul {padding:0 2.307692%;}
	#friendlinks ul li {padding:0 0.769231%;}
	#backtop {width:3.07692308%; height:auto;}
}
@media only screen and (max-width:959px){
	#header {height:auto; padding:19.5px 0 0;}
	.logo {float:none; margin:0 auto 20px;}
	.nav .menu {float:none; width:100%; clear:both; height:40px; margin-bottom:4px; white-space:nowrap;}
	.nav .menu ul li {line-height:40px;}
	.nav .menu ul li ul {top:44px;}
	#service h3.title {padding-top:10px;}
	ul.productslist li {width:23.076922%; padding:20px 2%; margin:25px 3.076922%;}
	.post .relatednews ul li {width:93.033708%;}
	.clearfix_h {clear:both;}
}
@media only screen and (max-width:767px){
	.nav .menu,.content .box h3,.sidebar .widget {display:none;}
	.menu-btn {display:block;}
	.content .box .pic img {width:80%;}
	.content .box p a {font-size:0.875em;}
	ul.newslist li {width:87.692308%; float:none; margin:20px auto 10px;}
	.main {width:94.967741%; float:none; margin:0 auto; padding:10px 1.80645161%;}
	.main ul.products-cat li {width:29.9625468133%;  margin:10px 1.6853932533% 20px;}	
	.sidebar {width:98.58064461%; float:none; margin:0 auto;}
	#backtop {width:4%;}
}
@media only screen and (max-width:480px) {
	.content .box {width:37.692308%; padding:10px 6.153846%;}
	#header {padding:10px 0 0 0;}
	.logo {margin:0 auto 10px;}
	ul.productslist li {width:34.615383%; padding:20px 3%; margin:25px 4.615383%;}
	.main ul.news-cat li {line-height:1.75em; padding-bottom:8px;background-position:left 10px;}
	.main ul.news-cat li span {float:none; display:block;}
	.main ul.products-cat li {width:44.9637%;  margin:10px 2.52% 20px;}	
	.post .relatedproducts ul li {width:42.69663%; padding:10px 3.595506%;}
	.clear,.clearfix_h {clear:none;}
	.clearfix,.clear_t {clear:both;}
	.commentslist ol li .gravatar {width:44px; height:44x;}
	.commentslist ol li .gravatar  img {width:40px; height:40px;}
	.commentslist ol li .comment-info .comment-author {font-size:0.75em; line-height:1.5em;}
	.commentslist ol li .comment-text {padding-left:0px;}
	#backtop {width:6.8%;}
}
@media only screen and (max-width:320px) {
	ul.productslist li {width:69.230766%; padding:20px 6%; float:none; margin:25px auto;}
	.main ul.products-cat li {width:88%; float:none; display:block; margin:10px auto 20px;}
}