.m-grid {
  display: table;
  width: 100%;
  table-layout: fixed; }
  .m-grid.m-grid-auto {
    width: auto; }
  .m-grid.m-grid-full-height {
    height: 100%; }
    .m-grid.m-grid-full-height > .m-grid-row {
      height: 100%;
      position: static; }
      .m-grid.m-grid-full-height > .m-grid-row > .m-grid-col {
        height: 100%; }
    .m-grid.m-grid-full-height > .m-grid-col {
      height: 100%; }
  .m-grid .m-grid-row {
    display: table-row; }
    .m-grid .m-grid-row.m-grid-row-full-height {
      height: 100%;
      position: static; }
    .m-grid .m-grid-row.m-grid-row-auto-height {
      height: auto; }
      .m-grid .m-grid-row.m-grid-row-auto-height > .m-grid-col {
        height: auto; }
  .m-grid .m-grid-col {
    display: table-cell;
    text-align: left;
    vertical-align: top; }
    .m-grid .m-grid-col.m-grid-col-full-width {
      width: 100%; }
    .m-grid .m-grid-col.m-grid-col-full-height {
      height: 100%; }
    .m-grid .m-grid-col.m-grid-col-auto-height {
      height: auto; }
    .m-grid .m-grid-col.m-grid-col-top {
      vertical-align: top; }
    .m-grid .m-grid-col.m-grid-col-middle {
      vertical-align: middle; }
    .m-grid .m-grid-col.m-grid-col-bottom {
      vertical-align: bottom; }
    .m-grid .m-grid-col.m-grid-col-left {
      text-align: left; }
    .m-grid .m-grid-col.m-grid-col-center {
      text-align: center; }
    .m-grid .m-grid-col.m-grid-col-right {
      text-align: right; }
    .m-grid .m-grid-col:not(.m-grid-col-middle):not(.m-grid-col-bottom) {
      vertical-align: top; }
    .m-grid .m-grid-col.m-grid-col-xs, .m-grid .m-grid-col.m-grid-col-sm, .m-grid .m-grid-col.m-grid-col-md, .m-grid .m-grid-col.m-grid-col-lg {
      width: 100%;
      display: block; }

.m-grid.m-grid-demo .m-grid-col {
  height: 100px; }

.m-grid-col-xs-1 {
  width: 8.33333%; }

.m-grid-col-xs-2 {
  width: 16.66667%; }

.m-grid-col-xs-3 {
  width: 25%; }

.m-grid-col-xs-4 {
  width: 33.33333%; }

.m-grid-col-xs-5 {
  width: 41.66667%; }

.m-grid-col-xs-6 {
  width: 50%; }

.m-grid-col-xs-7 {
  width: 58.33333%; }

.m-grid-col-xs-8 {
  width: 66.66667%; }

.m-grid-col-xs-9 {
  width: 75%; }

.m-grid-col-xs-10 {
  width: 83.33333%; }

.m-grid-col-xs-11 {
  width: 91.66667%; }

.m-grid-col-xs-12 {
  width: 100%; }

@media (min-width: 767px) {
  .m-grid-col-sm-1 {
    width: 8.33333%; }
  .m-grid-col-sm-2 {
    width: 16.66667%; }
  .m-grid-col-sm-3 {
    width: 25%; }
  .m-grid-col-sm-4 {
    width: 33.33333%; }
  .m-grid-col-sm-5 {
    width: 41.66667%; }
  .m-grid-col-sm-6 {
    width: 50%; }
  .m-grid-col-sm-7 {
    width: 58.33333%; }
  .m-grid-col-sm-8 {
    width: 66.66667%; }
  .m-grid-col-sm-9 {
    width: 75%; }
  .m-grid-col-sm-10 {
    width: 83.33333%; }
  .m-grid-col-sm-11 {
    width: 91.66667%; }
  .m-grid-col-sm-12 {
    width: 100%; } }

@media (min-width: 991px) {
  .m-grid-col-md-1 {
    width: 8.33333%; }
  .m-grid-col-md-2 {
    width: 16.66667%; }
  .m-grid-col-md-3 {
    width: 25%; }
  .m-grid-col-md-4 {
    width: 33.33333%; }
  .m-grid-col-md-5 {
    width: 41.66667%; }
  .m-grid-col-md-6 {
    width: 50%; }
  .m-grid-col-md-7 {
    width: 58.33333%; }
  .m-grid-col-md-8 {
    width: 66.66667%; }
  .m-grid-col-md-9 {
    width: 75%; }
  .m-grid-col-md-10 {
    width: 83.33333%; }
  .m-grid-col-md-11 {
    width: 91.66667%; }
  .m-grid-col-md-12 {
    width: 100%; } }

@media (min-width: 1259px) {
  .m-grid-col-lg-1 {
    width: 8.33333%; }
  .m-grid-col-lg-2 {
    width: 16.66667%; }
  .m-grid-col-lg-3 {
    width: 25%; }
  .m-grid-col-lg-4 {
    width: 33.33333%; }
  .m-grid-col-lg-5 {
    width: 41.66667%; }
  .m-grid-col-lg-6 {
    width: 50%; }
  .m-grid-col-lg-7 {
    width: 58.33333%; }
  .m-grid-col-lg-8 {
    width: 66.66667%; }
  .m-grid-col-lg-9 {
    width: 75%; }
  .m-grid-col-lg-10 {
    width: 83.33333%; }
  .m-grid-col-lg-11 {
    width: 91.66667%; }
  .m-grid-col-lg-12 {
    width: 100%; } }

@media (max-width: 479px) {
  .m-grid.m-grid-responsive-xs {
    display: block;
    width: auto; }
    .m-grid.m-grid-responsive-xs > .m-grid-row,
    .m-grid.m-grid-responsive-xs > .m-grid-row > .m-grid-col,
    .m-grid.m-grid-responsive-xs > .m-grid-col {
      display: block;
      width: auto;
      height: auto; }
    .m-grid.m-grid-responsive-xs > .m-grid-row {
      display: flex;
      flex-flow: column; }
    .m-grid.m-grid-responsive-xs.m-grid-flex {
      display: flex;
      flex-flow: column; }
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-2,
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-2 {
        order: 2; }
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-3,
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-3 {
        order: 3; }
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-4,
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-4 {
        order: 4; }
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-5,
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-5 {
        order: 5; }
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-6,
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-6 {
        order: 6; }
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-7,
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-7 {
        order: 7; }
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-8,
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-8 {
        order: 8; }
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-9,
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-9 {
        order: 9; }
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-10,
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-10 {
        order: 10; }
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-11,
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-11 {
        order: 11; }
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-12,
      .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-12 {
        order: 12; } }

@media (max-width: 767px) {
  .m-grid.m-grid-responsive-sm {
    display: block;
    width: auto; }
    .m-grid.m-grid-responsive-sm > .m-grid-row,
    .m-grid.m-grid-responsive-sm > .m-grid-row > .m-grid-col,
    .m-grid.m-grid-responsive-sm > .m-grid-col {
      display: block;
      width: auto;
      height: auto; }
    .m-grid.m-grid-responsive-sm > .m-grid-row {
      display: flex;
      flex-flow: column; }
    .m-grid.m-grid-responsive-sm.m-grid-flex {
      display: flex;
      flex-flow: column; }
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-2,
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-2 {
        order: 2; }
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-3,
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-3 {
        order: 3; }
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-4,
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-4 {
        order: 4; }
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-5,
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-5 {
        order: 5; }
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-6,
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-6 {
        order: 6; }
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-7,
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-7 {
        order: 7; }
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-8,
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-8 {
        order: 8; }
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-9,
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-9 {
        order: 9; }
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-10,
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-10 {
        order: 10; }
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-11,
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-11 {
        order: 11; }
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-12,
      .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-12 {
        order: 12; } }

@media (max-width: 991px) {
  .m-grid.m-grid-responsive-md {
    display: block;
    width: auto; }
    .m-grid.m-grid-responsive-md > .m-grid-row,
    .m-grid.m-grid-responsive-md > .m-grid-row > .m-grid-col,
    .m-grid.m-grid-responsive-md > .m-grid-col {
      display: block;
      width: auto;
      height: auto; }
    .m-grid.m-grid-responsive-md > .m-grid-row {
      display: flex;
      flex-flow: column; }
    .m-grid.m-grid-responsive-md.m-grid-flex {
      display: flex;
      flex-flow: column; }
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-2,
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-2 {
        order: 2; }
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-3,
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-3 {
        order: 3; }
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-4,
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-4 {
        order: 4; }
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-5,
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-5 {
        order: 5; }
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-6,
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-6 {
        order: 6; }
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-7,
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-7 {
        order: 7; }
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-8,
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-8 {
        order: 8; }
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-9,
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-9 {
        order: 9; }
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-10,
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-10 {
        order: 10; }
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-11,
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-11 {
        order: 11; }
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-12,
      .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-12 {
        order: 12; } }

@media (max-width: 1259px) {
  .m-grid.m-grid-responsive-lg {
    display: block;
    width: auto; }
    .m-grid.m-grid-responsive-lg > .m-grid-row,
    .m-grid.m-grid-responsive-lg > .m-grid-row > .m-grid-col,
    .m-grid.m-grid-responsive-lg > .m-grid-col {
      display: block;
      width: auto;
      height: auto; }
    .m-grid.m-grid-responsive-lg > .m-grid-row {
      display: flex;
      flex-flow: column; }
    .m-grid.m-grid-responsive-lg.m-grid-flex {
      display: flex;
      flex-flow: column; }
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-2,
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-2 {
        order: 2; }
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-3,
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-3 {
        order: 3; }
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-4,
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-4 {
        order: 4; }
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-5,
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-5 {
        order: 5; }
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-6,
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-6 {
        order: 6; }
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-7,
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-7 {
        order: 7; }
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-8,
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-8 {
        order: 8; }
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-9,
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-9 {
        order: 9; }
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-10,
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-10 {
        order: 10; }
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-11,
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-11 {
        order: 11; }
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-12,
      .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-12 {
        order: 12; } }