/* ==================================================================
   MAMAKPLAY mini-grid — Bootstrap-3-compatible class contract
   (container / row / col-{xs,sm,md,lg}-{1..12}) implemented from
   scratch so we keep the familiar markup without Bootstrap's
   global styles fighting our theme. PHP-free, dependency-free.
   ================================================================== */
.container, .container-fluid { margin: 0 auto; padding: 0 15px; width: 100%; }
.container { max-width: 1170px; }
.container-fluid { max-width: none; }
.row { margin: 0 -10px; }
.row::before, .row::after, .clearfix::before, .clearfix::after { content: " "; display: table; }
.row::after, .clearfix::after { clear: both; }
[class*="col-"] { position: relative; min-height: 1px; padding: 0 10px; }

/* xs: always inline */
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,
.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 { float: left; }
.col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; }

@media (min-width: 768px) {
  .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,
  .col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 { float: left; }
  .col-sm-12 { width: 100%; } .col-sm-6 { width: 50%; }
  .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; }
  .col-sm-8 { width: 66.66666667%; } .col-sm-9 { width: 75%; }
}
@media (min-width: 992px) {
  .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,
  .col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 { float: left; }
  .col-md-12 { width: 100%; } .col-md-6 { width: 50%; }
  .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; }
  .col-md-8 { width: 66.66666667%; } .col-md-9 { width: 75%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
}
@media (min-width: 1200px) {
  .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,
  .col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 { float: left; }
  .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; }
  .col-lg-6 { width: 50%; } .col-lg-12 { width: 100%; }
}
.text-center { text-align: center; }