/* ==========================================================================
   Column & Row Setup
   ========================================================================== */

.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
    position:relative;
}

/* Remove the margin on the first column. Works on all browsers incl. IE7+ */
.col:first-child { margin-left: 0; }

.row {
	clear: both;
	margin: 0 auto;
	*zoom: 1;
}

.row:before,
.row:after {
	content: "";
	display: table;
}

.row:after { clear: both; }


/* ==========================================================================
   Twelve Column Grid
   ========================================================================== */
.grid_12_of_12 { width: 100%; }
.grid_11_of_12 { width: 91.6666666667%; }
.grid_10_of_12 { width: 83.3333333333%; }
.grid_9_of_12  { width: 75.0%; }
.grid_8_of_12  { width: 66.6666666667%; }
.grid_7_of_12  { width: 58.3333333333%; }
.grid_6_of_12  { width: 50.0%; }
.grid_5_of_12  { width: 41.6666666667%; }
.grid_4_of_12  { width: 33.3333333333%; }
.grid_3_of_12  { width: 25.0%; }
.grid_2_of_12  { width: 16.6666666667%; }
.grid_1_of_12  { width: 8.33333333333%; }


@media only screen and (max-width: 961px) {
  .md_grid_12_of_12 { width: 100%; }
  .md_grid_11_of_12 { width: 91.53%; }
  .md_grid_10_of_12 { width: 83.06%; }
  .md_grid_9_of_12  { width: 74.6%; }
  .md_grid_8_of_12  { width: 66.13%; }
  .md_grid_7_of_12  { width: 57.66%; }
  .md_grid_6_of_12  { width: 49.2%; }
  .md_grid_5_of_12  { width: 40.73%; }
  .md_grid_4_of_12  { width: 32.26%; }
  .md_grid_3_of_12  { width: 23.8%; }
  .md_grid_2_of_12  { width: 15.33%; }
  .md_grid_1_of_12  { width: 6.866%; }

}


@media only screen and (max-width: 769px) {
  .sm_grid_12_of_12 { width: 100%; }
  .sm_grid_11_of_12 { width: 91.53%; }
  .sm_grid_10_of_12 { width: 83.06%; }
  .sm_grid_9_of_12  { width: 74.6%; }
  .sm_grid_8_of_12  { width: 66.13%; }
  .sm_grid_7_of_12  { width: 57.66%; }
  .sm_grid_6_of_12  { width: 49.2%; }
  .sm_grid_5_of_12  { width: 40.73%; }
  .sm_grid_4_of_12  { width: 32.26%; }
  .sm_grid_3_of_12  { width: 23.8%; }
  .sm_grid_2_of_12  { width: 15.33%; }
  .sm_grid_1_of_12  { width: 6.866%; }

}