/* grid-framework-12mf.css
======================================== */

*[class*="grid_"] {
  margin-left: 0 auto;
  width: auto;
}

/* Always apply clearfix to container */
*[class*="grid_"]::before,
*[class*="grid_"]::after {
  content:"";
  display:table;
}
*[class*="grid_"]::after {
  clear:both;
}

.row {
  clear: both;
  margin: 0 auto;
  max-width: 100%;
}

*[class*="col_"] {
  box-sizing: border-box;
  list-style: none;
  padding-left: 0;
  padding-right: 0;
}

*[class*="push_"],
*[class*="pull_"] {
  position: relative;
}

@media screen and ( min-width: 992px ) {

  *[class*="col_"] {
    float: left;
  }

  /* Grid >> Children (Alpha ~ First, Omega ~ Last) */

  .grid_12 *[class*="col_"] {
    padding-right: 24px;
    padding-left:  24px;
  }

  *[class*="grid_"] .alpha {
    padding-left: 0;
  }

  *[class*="grid_"] .omega {
    padding-right: 0;
  }

  /* Grid >> 12 Columns */

  .grid_12 .col_1 {
    width: 8.333333%;
  }

  .grid_12 .col_2 {
    width: 16.666667%;
  }

  .grid_12 .col_3 {
    width: 25%;
  }

  .grid_12 .col_4 {
    width: 33.333333%;
  }

  .grid_12 .col_5 {
    width: 41.666667%;
  }

  .grid_12 .col_6 {
    width: 50%;
  }

  .grid_12 .col_7 {
    width: 58.333333%;
  }

  .grid_12 .col_8 {
    width: 66.666667%;
  }

  .grid_12 .col_9 {
    width: 75%;
  }

  .grid_12 .col_10 {
    width: 83.333333%;
  }

  .grid_12 .col_11 {
    width: 91.666667%;
  }

  .grid_12 .col_12 {
    width: 100%;
  }

  /* Prefix Extra Space >> 12 Columns */

  .grid_12 .prefix_1 {
    margin-left: 8.333333%;
  }

  .grid_12 .prefix_2 {
    margin-left: 16.666667%;
  }

  .grid_12 .prefix_3 {
    margin-left:25%;
  }

  .grid_12 .prefix_4 {
    margin-left: 33.333333%;
  }

  .grid_12 .prefix_5 {
    margin-left: 41.666667%;
  }

  .grid_12 .prefix_6 {
    margin-left: 50%;
  }

  .grid_12 .prefix_7 {
    margin-left: 58.333333%;
  }

  .grid_12 .prefix_8 {
    margin-left: 66.666667%;
  }

  .grid_12 .prefix_9 {
    margin-left: 75%;
  }

  .grid_12 .prefix_10 {
    margin-left: 83.333333%;
  }

  .grid_12 .prefix_11 {
    margin-left: 91.666667%;
  }

  /* Suffix Extra Space >> 12 Columns */

  .grid_12 .suffix_1 {
    margin-right: 8.333333%;
  }

  .grid_12 .suffix_2 {
    margin-right: 16.666667%;
  }

  .grid_12 .suffix_3 {
    margin-right:25%;
  }

  .grid_12 .suffix_4 {
    margin-right: 33.333333%;
  }

  .grid_12 .suffix_5 {
    margin-right: 41.666667%;
  }

  .grid_12 .suffix_6 {
    margin-right: 50%;
  }

  .grid_12 .suffix_7 {
    margin-right: 58.333333%;
  }

  .grid_12 .suffix_8 {
    margin-right: 66.666667%;
  }

  .grid_12 .suffix_9 {
    margin-right: 75%;
  }

  .grid_12 .suffix_10 {
    margin-right: 83.333333%;
  }

  .grid_12 .suffix_11 {
    margin-right: 91.666667%;
  }

  /* Push Space >> 12 Columns */

  .grid_12 .push_1 {
    left: 8.333333%;
  }

  .grid_12 .push_2 {
    left: 16.666667%;
  }

  .grid_12 .push_3 {
    left: 25%;
  }

  .grid_12 .push_4 {
    left: 33.333333%;
  }

  .grid_12 .push_5 {
    left: 41.666667%;
  }

  .grid_12 .push_6 {
    left: 50%;
  }

  .grid_12 .push_7 {
    left: 58.333333%;
  }

  .grid_12 .push_8 {
    left: 66.666667%;
  }

  .grid_12 .push_9 {
    left: 75%;
  }

  .grid_12 .push_10 {
    left: 83.333333%;
  }

  .grid_12 .push_11 {
    left: 91.666667%;
  }

  /* Pull Space >> 12 Columns */

  .grid_12 .pull_1 {
    left: -8.333333%;
  }

  .grid_12 .pull_2 {
    left: -16.666667%;
  }

  .grid_12 .pull_3 {
    left: -25%;
  }

  .grid_12 .pull_4 {
    left: -33.333333%;
  }

  .grid_12 .pull_5 {
    left: -41.666667%;
  }

  .grid_12 .pull_6 {
    left: -50%;
  }

  .grid_12 .pull_7 {
    left: -58.333333%;
  }

  .grid_12 .pull_8 {
    left: -66.666667%;
  }

  .grid_12 .pull_9 {
    left: -75%;
  }

  .grid_12 .pull_10 {
    left: -83.333333%;
  }

  .grid_12 .pull_11 {
    left: -91.666667%;
  }

} /* min-width */