@charset "UTF-8";
/* CSS Document */
.grid > li{
	float: left;
	width: 25%;
	height: 400px;
	padding: 0 15px;
}
.grid-2-col > li{
	width: 50%;
	height: 650px;
}
.grid-3-col > li{
	width: 33.33%;
	height: 400px;
}
.grid-4-col > li{
	width: 25%;
	height: 400px;
}
.grid-5-col > li{
	width: 20%;
	height: 300px;
}
@media (max-width:1230px){
	.grid-5-col > li{
		width: 25%;
	}
}
@media (max-width:1024px){
	.grid > li{
		width: 33.333%;
	}
	.grid-2-col > li{
		width: 50%;
	}
}

@media (max-width:992px){
	.grid > li{
		width: 50%;
	}
}

@media (max-width:678px){
	.grid > li{
		width: 100%;
	}
}