.width-wrapper{
	width: 960px;
	margin: 0 auto;
	padding: 0 15px;
	overflow: hidden;
}

.boxes {
	display:block;
	overflow: hidden;
	zoom: 1;
	margin: 0 -15px;
}
/*

At 960px:

Massive = 1/2 = 465px
Large = 1/3 = 300px
Medium = 1/4 = 217px
Small = 1/5 = 168px

Fat = 2/3 = 630px
Thin = 1/3 = 300px

*/
.box {
	margin: 15px;
	float: left;
	box-sizing: border-box;
}
.boxes.full .box{
	float: none;
}
.boxes.massive .box{
	width: 465px;
}
.boxes.large .box,
.boxes.large .box.thin{
	width: 300px;
}
.boxes.large.clients .box{
	background-color: #F00;
	height: 300px;
}
.boxes.large .box.fat {
	width: 630px;
	height: auto;
}
.boxes.large .box:nth-child(3n + 1){
	clear: left;
}
.boxes.medium .box {
	width: 217px;
}
.boxes.medium .box.fat {
	width: 464px;
}

.boxes.large .box.fat {
	width: 630px;
}
.boxes.small .box {
	width: 168px;
	
}
.boxes.small .box:nth-child(5n + 1){
	clear: left;
}

@media (max-width:989px) {
	/*
	
	At 720px:
	
	Massive = 1/2 = 345px
	Large = 1/3 = 220px
	Medium = 1/3 = 220px
	Small = 1/4 = 157px
	
	Fat = 2/3 = 470px
	Thin = 1/3 = 220px
	
	*/
	.width-wrapper {
		width: 720px;
	}
	.boxes.massive .box{
		width: 345px;
	}
	.boxes.large .box,
	.boxes.medium .box,
	.boxes.large .box.thin{
		width: 220px;
	}
	.boxes.small .box {
		width: 157px;
	}
	.boxes.large .box.fat{
		width: 470px;
	}
	.boxes.small .box:nth-child(5n + 1){
		clear: none;
	}
	.boxes.small .box:nth-child(4n + 1){
		clear: left;
	}

}
@media (max-width:749px) {	
	/*
	
	At 460px:
	
	Massive = 1 = 460px
	Large = 1/2 = 220px
	Medium = 1/2 = 220px
	Small = 1/3 = 140px
	
	Fat = 1 = 229px
	Thin = 1 = 220px
	
	*/
	.width-wrapper {
		width: 460px;
		padding: 0 10px;
	}
	.boxes {
		margin: 0 -10px;
	}
	.box {
		margin: 10px;
	}
	.boxes.massive .box,
	.boxes.large .box.fat,
	.boxes.large .box.thin{
		width: 460px;
	}
	.boxes.large .box:nth-child(3n + 1){
		clear: none;
	}
	.boxes.large .box:nth-child(2n + 1){
		clear: left;
	}
	.boxes.large .box,
	.boxes.medium .box{
		width: 220px;
	}
	.boxes.small .box {
		width: 140px;
	}
	.boxes.small .box:nth-child(4n + 1){
		clear: none;
	}
	.boxes.small .box:nth-child(3n + 1){
		clear: left;
	}
}
@media (max-width:479px) {
	/*
	
	At 300px:
	
	Massive = 1 = 300px
	Large = 1 = 300px
	Medium = 1 = 300px
	Small = 1/2 = 140px
	
	Fat = 1 = 300px
	Thin = 1 = 300px
	
	*/
	.width-wrapper {
		width: 300px;
	}
	.boxes.massive .box,
	.boxes.large .box,
	.boxes.medium .box,
	.boxes.medium .box.fat,
	.boxes.medium .box.thin,
	.boxes.large .box.fat,
	.boxes.large .box.thin{
		width: 300px;
	}
	.boxes.small .box:nth-child(3n + 1){
		clear: none;
	}
	.boxes.small .box:nth-child(2n + 1){
		clear: left;
	}
}

@media (min-width:1050px) {
	/*
	
	At 1000px:
	
	Massive = 1/2 = 475px
	Large = 1/3 = 300px
	Medium = 1/4 = 212px
	Small = 1/5 = 160px
	
	Fat = 2/3 = 650px
	Thin = 1/3 = 300px
	
	*/
	.width-wrapper {
		width: 1000px;
		padding: 0 25px;
	}
	.boxes {
		margin: 0 -25px;
	}
	.box {
		margin: 25px;
	}
	.boxes.massive .box{
		width: 475px;
	}
	.boxes.large .box,
	.boxes.large .box.thin {
		width: 300px;
	}
	.boxes.medium .box {
		width: 212px;
	}
	.boxes.medium .box.fat {
		width: 475px;
	}
	.boxes.small .box {
		width: 160px;
	}
	.boxes.large .box.fat {
		width: 650px;
	}
}

@media (min-width:1400px) {
	/*
	
	At 1350px:
	
	Massive = 1/2 = 475px
	Large = 1/3 = 300px
	Medium = 1/4 = 212px
	Small = 1/5 = 160px
	
	Fat = 2/3 = 650px
	Thin = 1/3 = 300px
	
	*/
	/*
	.width-wrapper {
		width: 1350px;
		padding: 0 25px;
	}
	.boxes {
		margin: 0 -25px;
	}
	.box {
		margin: 25px;
	}
	.boxes.massive .box{
		width: 650px;
	}
	.boxes.large .box,
	.boxes.large .box.thin {
		width: 300px;
	}
	.boxes.massive .box.thin {
		width: 418px;
	}
	.boxes.medium .box {
		width: 230px;
	}
	.boxes.small .box {
		width: 183px;
	}
	.boxes.large .box.fat {
		width: 975px;
	}
	.boxes.massive .box.fat{
		width: 882px;
	}
	
	.boxes.large .box:nth-child(3n + 1){
		clear: none;
	}
	.boxes.large .box:nth-child(4n + 1){
		clear: left;
	}
	.boxes.small .box:nth-child(5n + 1){
		clear: none;
	}
	.boxes.small .box:nth-child(6n + 1){
		clear: left;
	}
	*/
}