[class^="col-"] {
	float: left;
	position: relative;
	min-height: 1px;
	box-sizing: border-box;
	z-index: auto;
	white-space: nowrap;
}

.col-hide { display: none; }
.col-1 { width: 8.333333% }
.col-2 { width: 16.666666% }
.col-3 { width: 25% }
.col-4 { width: 33.3333333% }
.col-5 { width: 41.666666% }
.col-6 { width: 50% }
.col-7 { width: 58.333333% }
.col-8 { width: 66.666666% }
.col-9 { width: 75% }
.col-10 { width: 83.333333% }
.col-11 { width: 91.666666% }
.col-12 { width: 100% }

@media only screen and (max-width: 1024px) {
	.col-m-hide { display: none; }
	.col-m-1 { width: 8.333333% }
	.col-m-2 { width: 16.666666% }
	.col-m-3 { width: 25% }
	.col-m-4 { width: 33.3333333% }
	.col-m-5 { width: 41.666666% }
	.col-m-6 { width: 50% }
	.col-m-7 { width: 58.333333% }
	.col-m-8 { width: 66.666666% }
	.col-m-9 { width: 75% }
	.col-m-10 { width: 83.333333% }
	.col-m-11 { width: 91.666666% }
	.col-m-12 { width: 100% }
}

@media only screen and (max-width: 640px) {
	.col-s-hide { display: none; }
	.col-s-1 { width: 8.333333% }
	.col-s-2 { width: 16.666666% }
	.col-s-3 { width: 25% }
	.col-s-4 { width: 33.3333333% }
	.col-s-5 { width: 41.666666% }
	.col-s-6 { width: 50% }
	.col-s-7 { width: 58.333333% }
	.col-s-8 { width: 66.666666% }
	.col-s-9 { width: 75% }
	.col-s-10 { width: 83.333333% }
	.col-s-11 { width: 91.666666% }
	.col-s-12 { width: 100% }
}

.row {
	overflow: hidden;
	*zoom:1;
}