article {
	max-width:none;

}
.works {
	max-width:1300px;
	margin:10px auto;
}
.works li {
	margin:0px;
	padding:1%;
	padding-bottom:50px;
	width:23%;
	float:left;
}
.works li img{
	width:100%;
}

.works:after,.works ul:after{
	content:"";
	display:block;
	clear:both;
}


@media only screen and (max-width: 768px) {

.works li {
	width:100%;
	float:none;
	padding:0;
	padding-bottom:100px;
}

}

@media only screen and (max-width: 480px) {


}