.row:before, .row:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.row:after { clear: both; }
.row { zoom: 1; margin: 0 -20px; }
[class*="col-"] { float: left; padding-left: 20px; padding-right: 20px; }
.row.b-gutter { margin: 0 -60px; }
.row.b-gutter [class*="col-"] { padding-left: 60px; padding-right: 60px; }
.row.no-gutter { margin: 0; }
.row.no-gutter [class*="col-"] { padding-left: 0; padding-right: 0; }

.col-1  { width: 8.3333%; }
.col-2  { width: 16.6666%; }
.col-3  { width: 25%; }
.col-4  { width: 33.3333%; }
.col-5  { width: 41.6666%; }
.col-6  { width: 50%; }
.col-7  { width: 58.3333%; }
.col-8  { width: 66.6666%; }
.col-9  { width: 75%; }
.col-10 { width: 83.3333%; }
.col-11 { width: 91.6666%; }
.col-12 { width: 100%; }
.col-2-10 { width: 20%; }
.col-push-2-10 { margin-left: 20%; }
.col-push-4-10 { margin-left: 40%; }
.col-right { float: right; }

.col-push-1 { margin-left: 8.3333%; }
.col-push-2 { margin-left: 16.6666%; }
.col-push-3 { margin-left: 25%; }
.col-push-4 { margin-left: 33.3333%; }
.col-push-5 { margin-left: 41.6666%; }
.col-push-6 { margin-left: 50%; }

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

	.row.b-gutter { margin: 0 -10px; }
	.row.b-gutter [class*="col-"] { padding-left: 10px; padding-right: 10px; }

	.col-m-6  { width: 50%; }
}

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

	.row, .row.b-gutter { margin: 0!important; }
	[class*="col-"], .row.b-gutter [class*="col-"] { float: left; padding-left: 0!important; padding-right: 0!important; }
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
	.col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { width: 100%; padding: 0; }

	.col-2-10 { width: 50%; }
	.col-push-2-10, .col-push-4-10 { margin-left: 0; }

	.col-push-1, .col-push-2 , .col-push-3, .col-push-4 { margin-left: 0%; }

}