.row { display: block; width: 100%; max-width: 1440px; margin: auto; padding: 0; position: relative; box-sizing: border-box; }
.row.fullwidth { max-width: none; }
.row::before, .row::after { content: ' '; display: block; clear: both; }
.row.table { display: table; }
.row.table > * { float: none; display: table-cell; vertical-align: middle; }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 { display: block; margin: auto; box-sizing: border-box; width: 100%; float: left; position: relative; min-height: 1px; }

.col-1 { width: 8.33333333%; width: calc(100% * (1 / 12)); }
.col-2 { width: 16.66666666%; width: calc(100% * (6 / 12)); }
.col-3 { width: 25%; }
.col-4 { width: 33.33333333%; width: calc(100% * (4 / 12)); }
.col-5 { width: 41.66666666%; width: calc(100% * (5 / 12)); }
.col-6 { width: 50%; }
.col-7 { width: 58.33333333%; width: calc(100% * (7 / 12)); }
.col-8 { width: 66.66666666%; width: calc(100% * (8 / 12)); }
.col-9 { width: 75%; }
.col-10 { width: 83.33333333%; width: calc(100% * (10 / 12)); }
.col-11 { width: 91.66666666%; width: calc(100% * (11 / 12)); }
.col-12 { width: 100%;  }

@media (max-width: 1480px) {
	.row { max-width: 1280px; }
}


@media (max-width: 1280px) {
	.row { padding: 0 30px; }
	.row .row { padding: 0; }
}

@media (max-width: 767px) {
	.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%; }

	.row.table { display: block; }
	.row.table > * { display: block; }
}