.container{
	width: 1260px;
	margin: 0 auto;
}
@media (max-width: 1260px) {
	.container{
		width: 1060px;
	}
}
@media (max-width: 1060px) {
	.container{
		width: 768px;
	}
}
@media (max-width: 768px) {
	.container{
		width: 100%;
	}
}
.row:after{
	content: "";
		display: table;
		clear: both;
}
.row .col{
	float: left;
}
.col{
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding: 15px;
}
.s1{
	width: 8.33%;
}
.s2{
	width: 16.66%;
}
.s3{
	width: 25%;
}
.s4{
	width: 33.33%;
}
.s5{
	width: 41.66%;
}
.s6{
	width: 50%;
}
.s7{
	width: 58.33%;
}
.s8{
	width: 66.66%;
}
.s9{
	width: 75%;
}
.s10{
	width: 83.33%;
}
.s11{
	width: 91.66%;
}
.s12{
	width: 100%;
}