col-mxs-* BOOTSTRAP STYLE GRIND BETWEEN COL-XS-* AND COL-SM-*

mxs-grid.css

// col-sxs-* BOOTSTRAP STYLE GRIND BETWEEN COL-XS AND COL-SM
  @media (min-width:460px) and (max-width:767px)  { 
      .col-mxs-1,  .col-mxs-2, .col-mxs-3,  .col-mxs-4,  .col-mxs-5,  .col-mxs-6,  .col-mxs-7,  .col-mxs-8,  .col-mxs-9,  .col-mxs-10,  .col-mxs-11,  .col-mxs-12,  {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
      }
      .col-mxs-1, .col-mxs-2, .col-mxs-3, .col-mxs-4, .col-mxs-5, .col-mxs-6, .col-mxs-7, .col-mxs-8, .col-mxs-9, .col-mxs-10, .col-mxs-11, .col-mxs-12 {
        float: left;
      }
      .col-mxs-12 {
        width: 100%;
      }
      .col-mxs-11 {
        width: 91.66666667%;
      }
      .col-mxs-10 {
        width: 83.33333333%;
      }
      .col-mxs-9 {
        width: 75%;
      }
      .col-mxs-8 {
        width: 66.66666667%;
      }
      .col-mxs-7 {
        width: 58.33333333%;
      }
      .col-mxs-6 {
        width: 50%;
      }
      .col-mxs-5 {
        width: 41.66666667%;
      }
      .col-mxs-4 {
        width: 33.33333333%;
      }
      .col-mxs-3 {
        width: 25%;
      }
      .col-mxs-2 {
        width: 16.66666667%;
      }
      .col-mxs-1 {
        width: 8.33333333%;
      }
      .col-mxs-pull-12 {
        right: 100%;
      }
      .col-mxs-pull-11 {
        right: 91.66666667%;
      }
      .col-mxs-pull-10 {
        right: 83.33333333%;
      }
      .col-mxs-pull-9 {
        right: 75%;
      }
      .col-mxs-pull-8 {
        right: 66.66666667%;
      }
      .col-mxs-pull-7 {
        right: 58.33333333%;
      }
      .col-mxs-pull-6 {
        right: 50%;
      }
      .col-mxs-pull-5 {
        right: 41.66666667%;
      }
      .col-mxs-pull-4 {
        right: 33.33333333%;
      }
      .col-mxs-pull-3 {
        right: 25%;
      }
      .col-mxs-pull-2 {
        right: 16.66666667%;
      }
      .col-mxs-pull-1 {
        right: 8.33333333%;
      }
      .col-mxs-pull-0 {
        right: auto;
      }
      .col-mxs-push-12 {
        left: 100%;
      }
      .col-mxs-push-11 {
        left: 91.66666667%;
      }
      .col-mxs-push-10 {
        left: 83.33333333%;
      }
      .col-mxs-push-9 {
        left: 75%;
      }
      .col-mxs-push-8 {
        left: 66.66666667%;
      }
      .col-mxs-push-7 {
        left: 58.33333333%;
      }
      .col-mxs-push-6 {
        left: 50%;
      }
      .col-mxs-push-5 {
        left: 41.66666667%;
      }
      .col-mxs-push-4 {
        left: 33.33333333%;
      }
      .col-mxs-push-3 {
        left: 25%;
      }
      .col-mxs-push-2 {
        left: 16.66666667%;
      }
      .col-mxs-push-1 {
        left: 8.33333333%;
      }
      .col-mxs-push-0 {
        left: auto;
      }
      .col-mxs-offset-12 {
        margin-left: 100%;
      }
      .col-mxs-offset-11 {
        margin-left: 91.66666667%;
      }
      .col-mxs-offset-10 {
        margin-left: 83.33333333%;
      }
      .col-mxs-offset-9 {
        margin-left: 75%;
      }
      .col-mxs-offset-8 {
        margin-left: 66.66666667%;
      }
      .col-mxs-offset-7 {
        margin-left: 58.33333333%;
      }
      .col-mxs-offset-6 {
        margin-left: 50%;
      }
      .col-mxs-offset-5 {
        margin-left: 41.66666667%;
      }
      .col-mxs-offset-4 {
        margin-left: 33.33333333%;
      }
      .col-mxs-offset-3 {
        margin-left: 25%;
      }
      .col-mxs-offset-2 {
        margin-left: 16.66666667%;
      }
      .col-mxs-offset-1 {
        margin-left: 8.33333333%;
      }
      .col-mxs-offset-0 {
        margin-left: 0;
      }
}