/* @override http://agi-digitalconsoles.dev/css/tk-responsive.css */

/*==============  ROWS  =============== */
.row {
	padding: 0px;
	margin: 0px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }

.cf { *zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/*==============  COLS  =============== */
.col {
	margin-left: 2.12766%; 
	min-height: 1px;
	float:left;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.col:first-child { margin-left: 0px; }

/*=============  WIDTHS  ============== */
.w1 { width: 6.38298%; }
.w2 { width: 14.89362%; }
.w3 { width: 23.40426%; }
.w4 { width: 31.91489%; }
.w5 { width: 40.42553%; }
.w6 { width: 48.93617%; }
.w7 { width: 57.44681%; }
.w8 { width: 65.95745%; }
.w9 { width: 74.46809%; }
.w10 { width: 82.97872%; }
.w11 { width: 91.48936%; }
.w12 { width: 100%; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.w1 { width: 100%; }
	.w2 { width: 100%; }
	.w3 { width: 100%; }
	.w4 { width: 100%; }
	.w5 { width: 100%; }
	.w6 { width: 100%; }
	.w7 { width: 100%; }
	.w8 { width: 100%; }
	.w9 { width: 100%; }
	.w10 { width: 100%; }
	.w11 { width: 100%; }
	.w12 { width: 100%; }
	
	/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
	.col {
	margin: 0;
}
}