.col:nth-child(3n+1){
	width:168px;
	height:150px;
	float:left;
	margin:0 10px 10px 0;
	position:relative;
	border:0px solid #336699;
}

.col:nth-child(3n+2){
	width:168px;
	height:150px;
	float:left;
	margin:0 10px 10px 0;
	position:relative;
	border:0px solid #336699;
}

.col:nth-child(3n+3){
	width:168px;
	height:150px;
	float:left;
	margin:0 0px 10px 0;
	position:relative;
	border:0px solid #336699;
}



.col2:nth-child(4n+1){
	width:168px;
	height:150px;
	float:left;
	margin:0 10px 10px 0;
	position:relative;
	border:0px solid #336699;
}

.col2:nth-child(4n+2){
	width:168px;
	height:150px;
	float:left;
	margin:0 10px 10px 0;
	position:relative;
	border:0px solid #336699;
}

.col2:nth-child(4n+3){
	width:168px;
	height:150px;
	float:left;
	margin:0 10px 10px 0;
	position:relative;
	border:0px solid #336699;
}

.col2:nth-child(4n+4){
	width:168px;
	height:150px;
	float:left;
	margin:0 0px 10px 0;
	position:relative;
	border:0px solid #336699;
}


.col2 .dm_img{
	width:168px !important;
	height:112px !important;
	border:0px solid #336699;
	}



.ref{width:350px;}


#menu2{display:none;}


#menu2{
	width:calc(100% - 10px);
	float:none;
	margin:0 0px 0 0;
	padding:10px 0px 0 0;
}


#menu2 .list{
	margin:0 0 5px 0;
}

#menu2 .list a{
	width:100%;
	background:#EFEFEF;
	font-size:0.6875em;
	color:#727172;
	padding: 5px 0 5px 10px;
	display:block;
}

#menu2 .list .current{
	color:#727172;
	background:#DDDDDD;
}




.contentTop .link{width:268px;}
.contentTop .page, .contentBottom .page{width:434px;}





@media(max-width: 1023px)
{
	*{outline: none;}

	#header
	{
		width:100%;
		padding:10px 0px 0px 0;
		margin:-5px auto 0 auto;
		position:fixed;
		z-index:9999;
		background:#E9E9E9;
		border-top:5px solid #74A92D;
	}

	#top{margin-top:65px;}

	#topnav{display:none;}

	#topnav_menu div{
	  width: 35px;
	  height: 5px;
	  background-color: #727172;
	  margin: 6px 0;
	}


	#topnav_menu{ display: inline-block; cursor: pointer;}

	#topnav_menu .bar1, #topnav_menu .bar2, #topnav_menu .bar3 { width: 32px; height: 3px; background-color: #727172; margin: 7px 0; transition: 0.3s;}
	.change .bar1 {	transform: rotate(-45deg) translate(-7px, 7px);}
	.change .bar2 { opacity: 0;}
	.change .bar3 { transform: rotate(45deg) translate(-7px, -7px);}


	#topnav_menu{position:fixed;z-index:9999;right:16px;top:14px;border:0px #223344 solid;padding-top:5px;}


	#topnav2{position:fixed;right:0px;top:0px;width:280px;height:calc(100% - 70px);padding:70px 10px 10px 10px;z-index:9998;background-color:#E9E9E9;overflow-y: scroll;border:0px #223344 solid;}
	

	#topnav2 .list{margin:0 0 5px 0;}

	#topnav2 .list a{
		background:#EFEFEF;
		font-size:16px;
		color:#727172;
		padding: 5px 0 5px 10px;
		display:block;
	}

	#topnav2 .collapse{
		width:(100% - 10px);
		background:#EFEFEF;
		font-size:16px;
		color:#727172;
		padding: 5px 0 5px 10px;
		display:block;

		cursor: pointer;
		outline: none;
		border: none;
		text-align: left;
		margin:0 0 5px 0;
	}
	#topnav2 .active, .collapse:hover {background-color: #74A92D;color:#fff;}
	#topnav2 .content{padding: 0px 0px 0px 0px;display: none;background-color:#E9E9E9;}

	



	#topnav2 .input{
		width:calc(100% - 20px) !important;
		height:40px;
		font-size:16px;
		color:#727172;
		padding:0 10px 0 10px;
		border:none;
		background:transparent;
	}

	#topnav2 form{
	margin:0px 0px 0px 0px;
	background:url(../images/formbg.png) no-repeat 0px 0px;
	background-size: calc(100%) 40px;
}


	#top{width:100%;height:auto;background:none;}
	#top .indexbanner{margin:0 0 0 0;}
	#top img{width:100%;height:auto;}
	
	#top .banner{
		float:none;
		width:100%;
		height:auto;
		min-height:90px;
		padding:0 0 0 0px;
	}
	#top .text{display: none;}



	#container{
		width:100%;
		min-height:420px;
		margin:0 auto;
		background:none;
		padding:0 0 0 0;
	}



	#index .info{
		width:100%;
		min-height:100px;
		height:auto;
		border-bottom:1px solid #949495;
		position:relative;
		padding:0px 0px 10px 0px;
	}

	#index .info p{
		width:100%;
		font-weight:400;
		font-size:18px;
		line-height:29px;
	}

	#index .info h4{
	font-weight:700;
	font-size:20px;
	}

	#index .info .form{
		display:none;
	}

	#index #content{width:100%;min-height:50px}


	#index #cycle{
		width:100%;
		height:auto;
		background:none;
		font-family:Verdana, Helvetica, Arial, sans-serif;
		margin:0 0 10px 0;
	}

	#index #simplegallery1{
		position: relative;
		visibility: hidden;
		width:100% !important;
		/*min-height:100px;*/
		/*height:50px !important;*/
		border-top:0px solid #B5B5B6;
		border-left:0px solid #B5B5B6;
	}
	
	


	#simplegallery1 img{
		width:100%;
		
	}


	#index, #template1, #template2{
		clear:both;
		background:#FFFFFF;
		width:calc(100% - 40px);
		margin:0 auto;
		padding:10px 20px 0 20px;
	}



	#menu{display:none;}






	#productList .col:nth-child(odd){
		width:calc(50% - 7px);
		height:auto;
		float:left;
		margin:0 0px 10px 0px;
		border:0px solid #119495;
	}

	#productList .col:nth-child(even){
		width:calc(50% - 7px);
		height:auto;
		float:left;
		margin:0 0px 10px 12px;
		border:0px solid #949495;
	}


	#productList a img{
		width:100%;
		height:auto;
		min-height:60px;
		border:1px solid #B5B5B6;
	}

	#productList a:hover img{

		/*border:2px solid #C6B181;*/
		border:1px solid #74A92D;
	}


	#productList a p{
		font-size:16px;
		font-weight:400;
	}


	#productList .col2:nth-child(odd){
		width:calc(50% - 7px);
		height:auto;
		float:left;
		margin:0 0px 10px 0px;
		border:0px solid #119495;
	}

	#productList .col2:nth-child(even){
		width:calc(50% - 7px);
		height:auto;
		float:left;
		margin:0 0px 12px 12px;
		border:0px solid #119495;
	}


	.col2 .dm_img{
		width:100% !important;
		height:auto !important;
		border:0px solid #336699;
	}

	#index #side{display:none;}
	#index #side .space{display:none;}

	#index #side{
		float:left;
		width:100%;
		color:#727172;
		padding:10px 0 10px 0;
		position:relative
		display:block;
	}

	

	.contentTop .page{
		display:none;
	}

	.contentTop .link a{
		font-size:14px !important;
		font-weight:400;
		/*border:1px #CC4444 solid;*/
	}

	.subTitle{
		font-size:15px;
		font-weight:400;
	}

	.textBox p{
		font-size:18px;
		font-weight:400;
		line-height:32px;
	}

	.contentBottom .page{
		float:none;
		text-align:left;
		width:100%;
		height:22px;
		border:0px solid #B5B5B6;
		font-size:14px;
		font-weight:400;
	}
	.contentBottom .page input[type=text]{font-size:14px;font-weight:400;height:20px;}

	#template1 #content{
		width:100%;
	}

	#template1 #content .clearfix{height:10px;}



	.productPhoto{
		float:none;
		width:100%;
		display:block;

	}

	.photoBig{
		width:calc(100% - 2px);
		height:auto;
		margin:0 0 15px 0;
	}

	.photoBig img{
		width:100%;
	}
	
	.productDetail{
		float:none;
		width:100%;
		margin:0 0 15px 0;
	}

	.productDetail .code{font-size:16px;font-weight:400;}
	.productDetail .code span{font-size:14px;font-weight:400;}
	.productDetail .topline{font-size:16px;font-weight:400;}
	.productDetail .topline span{font-size:14px;font-weight:400;}


	.ref{width:100%;margin:0px 0px 20px 0px;}
	.ref b{font-size:14px;font-weight:400;}


	.photoSmall:nth-child(2n+1)
	{
		width:calc(33.33% - 14px);
		height:auto;
		min-height:50px;

		float:left;
		margin:10px 13px 0 0;
		border:0px solid #B5B5B6;
	}

	.photoSmall:nth-child(2n+2)
	{
		width:calc(33.33% - 14px);
		height:auto;
		min-height:50px;

		float:left;
		margin:10px 13px 0 0;
		border:0px solid #B5B5B6;

	}

	.photoSmall-last
	{
		width:calc(33.33% - 14px);
		height:auto;
		min-height:50px;
		float:left;
		margin:10px 0 0 0;
		border:0px solid #B5B5B6;

	}

	.photoSmall a img, .photoSmall-last a img{
		width:100%;
		height:auto;
		border:1px solid #B5B5B6;
	}


	.textBox img , .textBox iframe{
		width:100% !important;
		height:auto;
	}



	#menu2{display:block;}


	.contactMap{
		width:100%;
		height:auto;
		float:none;
		margin:0 0px 0 0;
	}

	.contactMap img{
		width:100%;
		height:auto;
	}


	.contactInfo{
		width:100%;
		margin:20px 0px 0 0;
		float:none;
	}


	.contactInfo .left{
		width:50px;
		float:left;
	}

	.contactInfo .right{
		width:calc(100% - 50px);
		float:right
	}

	.contactInfo .topline .right{font-size:16px;font-weight:400;}
	.contactInfo .topline .left{font-size:14px;font-weight:400;}


	.searchbox{
		height:auto;
		min-height:268px;
		background:url(../images/point.png) repeat-x bottom;
		padding:0 0px 0 0;
		margin:0 0 10px 0;
	}


	.searchbox .photo{
		width:168px;
		height:124px;
		display:block;
		float:none;
		margin:0 0px 10px 0;
		cursor:pointer;
	}

	.searchbox .text{
		width:100%;
		min-height:324px;
		float:none;
		cursor:pointer;
	}


	#footer{
		width:100%;
		height:auto;
		padding:20px 0;
		margin:0 0 0 0px;
	}



	#footer .main{
		width:100%;
		height:auto;
	}


	#footer .w178{
		width:calc(100% - 20px);
		margin-left:20px;
	}

	#footer .w326{
		width:calc(100% - 20px);
		margin-left:20px;
		margin-top:40px;
	}


	#footer .line{
		width:calc(100% - 20px);
		margin:0 0 0 0px;
		padding:0 0 10px 0;
	}

	#footer .copyright{
		margin:0 0 0 20px;
	}

	.info .photo{
		position:absolute;
		right:-20px;
		top: -60px;
		width:100px;
		z-index:2;
	}

	.info .photo img{
			width:100px;
		}

}