/* CSS Document */

@charset "utf-8";



.col3 {
	clear: both;
	width: 1160px;
	margin-right: -20px;
	margin-bottom: 40px;
}
.col3 li {
	float: left;
	margin-right: 20px;
}

.col4 {
	clear: both;
	margin-right: -40px;
	width: 1180px;
}
.col4 li {float: left;
	margin-right: 40px;
	margin-bottom: 40px;}

.col3:after,.col4:after {
height: 0;
visibility: hidden ;
content: ".";
display: block ;
clear: both ;
}
@media screen and (max-width: 768px) {
	
	.col3 {
	clear: both;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 0px;
}
.col3 li {
	float: left;
	margin-right: 0px;
	width: 33.33333%;
}
	.col3 li img {width: 100%;}
.col4 {
	clear: both;
	margin-right: 0px;
	width: 100%;
}
.col4 li {float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 25%;}
.col4 li img {width: 100%;}	
	
}