@media (max-width: 640px) {
  .col-xs-640-1, .col-xs-640-2, .col-xs-640-3, .col-xs-640-4, .col-xs-640-5, .col-xs-640-6, .col-xs-640-7, .col-xs-640-8, .col-xs-640-9, .col-xs-640-10, .col-xs-640-11, .col-xs-640-12 {
    float: left;
  }
  .col-xs-640-12 {
    width: 100%;
  }
  .col-xs-640-11 {
    width: 91.66666667%;
  }
  .col-xs-640-10 {
    width: 83.33333333%;
  }
  .col-xs-640-9 {
    width: 75%;
  }
  .col-xs-640-8 {
    width: 66.66666667%;
  }
  .col-xs-640-7 {
    width: 58.33333333%;
  }
  .col-xs-640-6 {
    width: 50%;
  }
  .col-xs-640-5 {
    width: 41.66666667%;
  }
  .col-xs-640-4 {
    width: 33.33333333%;
  }
  .col-xs-640-3 {
    width: 25%;
  }
  .col-xs-640-2 {
    width: 16.66666667%;
  }
  .col-xs-640-1 {
    width: 8.33333333%;
  }
  .col-xs-640-pull-12 {
    right: 100%;
  }
  .col-xs-640-pull-11 {
    right: 91.66666667%;
  }
  .col-xs-640-pull-10 {
    right: 83.33333333%;
  }
  .col-xs-640-pull-9 {
    right: 75%;
  }
  .col-xs-640-pull-8 {
    right: 66.66666667%;
  }
  .col-xs-640-pull-7 {
    right: 58.33333333%;
  }
  .col-xs-640-pull-6 {
    right: 50%;
  }
  .col-xs-640-pull-5 {
    right: 41.66666667%;
  }
  .col-xs-640-pull-4 {
    right: 33.33333333%;
  }
  .col-xs-640-pull-3 {
    right: 25%;
  }
  .col-xs-640-pull-2 {
    right: 16.66666667%;
  }
  .col-xs-640-pull-1 {
    right: 8.33333333%;
  }
  .col-xs-640-pull-0 {
    right: 0%;
  }
  .col-xs-640-push-12 {
    left: 100%;
  }
  .col-xs-640-push-11 {
    left: 91.66666667%;
  }
  .col-xs-640-push-10 {
    left: 83.33333333%;
  }
  .col-xs-640-push-9 {
    left: 75%;
  }
  .col-xs-640-push-8 {
    left: 66.66666667%;
  }
  .col-xs-640-push-7 {
    left: 58.33333333%;
  }
  .col-xs-640-push-6 {
    left: 50%;
  }
  .col-xs-640-push-5 {
    left: 41.66666667%;
  }
  .col-xs-640-push-4 {
    left: 33.33333333%;
  }
  .col-xs-640-push-3 {
    left: 25%;
  }
  .col-xs-640-push-2 {
    left: 16.66666667%;
  }
  .col-xs-640-push-1 {
    left: 8.33333333%;
  }
  .col-xs-640-push-0 {
    left: 0%;
  }
  .col-xs-640-offset-12 {
    margin-left: 100%;
  }
  .col-xs-640-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xs-640-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xs-640-offset-9 {
    margin-left: 75%;
  }
  .col-xs-640-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xs-640-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xs-640-offset-6 {
    margin-left: 50%;
  }
  .col-xs-640-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xs-640-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xs-640-offset-3 {
    margin-left: 25%;
  }
  .col-xs-640-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xs-640-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xs-640-offset-0 {
    margin-left: 0%;
  }
  
  .hidden-xs-640 {
    display: none;
  }
}

@media (max-width: 480px) {
  .col-xs-480-1, .col-xs-480-2, .col-xs-480-3, .col-xs-480-4, .col-xs-480-5, .col-xs-480-6, .col-xs-480-7, .col-xs-480-8, .col-xs-480-9, .col-xs-480-10, .col-xs-480-11, .col-xs-480-12 {
    float: left;
  }
  .col-xs-480-12 {
    width: 100%;
  }
  .col-xs-480-11 {
    width: 91.66666667%;
  }
  .col-xs-480-10 {
    width: 83.33333333%;
  }
  .col-xs-480-9 {
    width: 75%;
  }
  .col-xs-480-8 {
    width: 66.66666667%;
  }
  .col-xs-480-7 {
    width: 58.33333333%;
  }
  .col-xs-480-6 {
    width: 50%;
  }
  .col-xs-480-5 {
    width: 41.66666667%;
  }
  .col-xs-480-4 {
    width: 33.33333333%;
  }
  .col-xs-480-3 {
    width: 25%;
  }
  .col-xs-480-2 {
    width: 16.66666667%;
  }
  .col-xs-480-1 {
    width: 8.33333333%;
  }
  .col-xs-480-pull-12 {
    right: 100%;
  }
  .col-xs-480-pull-11 {
    right: 91.66666667%;
  }
  .col-xs-480-pull-10 {
    right: 83.33333333%;
  }
  .col-xs-480-pull-9 {
    right: 75%;
  }
  .col-xs-480-pull-8 {
    right: 66.66666667%;
  }
  .col-xs-480-pull-7 {
    right: 58.33333333%;
  }
  .col-xs-480-pull-6 {
    right: 50%;
  }
  .col-xs-480-pull-5 {
    right: 41.66666667%;
  }
  .col-xs-480-pull-4 {
    right: 33.33333333%;
  }
  .col-xs-480-pull-3 {
    right: 25%;
  }
  .col-xs-480-pull-2 {
    right: 16.66666667%;
  }
  .col-xs-480-pull-1 {
    right: 8.33333333%;
  }
  .col-xs-480-pull-0 {
    right: 0%;
  }
  .col-xs-480-push-12 {
    left: 100%;
  }
  .col-xs-480-push-11 {
    left: 91.66666667%;
  }
  .col-xs-480-push-10 {
    left: 83.33333333%;
  }
  .col-xs-480-push-9 {
    left: 75%;
  }
  .col-xs-480-push-8 {
    left: 66.66666667%;
  }
  .col-xs-480-push-7 {
    left: 58.33333333%;
  }
  .col-xs-480-push-6 {
    left: 50%;
  }
  .col-xs-480-push-5 {
    left: 41.66666667%;
  }
  .col-xs-480-push-4 {
    left: 33.33333333%;
  }
  .col-xs-480-push-3 {
    left: 25%;
  }
  .col-xs-480-push-2 {
    left: 16.66666667%;
  }
  .col-xs-480-push-1 {
    left: 8.33333333%;
  }
  .col-xs-480-push-0 {
    left: 0%;
  }
  .col-xs-480-offset-12 {
    margin-left: 100%;
  }
  .col-xs-480-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xs-480-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xs-480-offset-9 {
    margin-left: 75%;
  }
  .col-xs-480-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xs-480-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xs-480-offset-6 {
    margin-left: 50%;
  }
  .col-xs-480-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xs-480-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xs-480-offset-3 {
    margin-left: 25%;
  }
  .col-xs-480-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xs-480-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xs-480-offset-0 {
    margin-left: 0%;
  }

  .hidden-xs-480 {
    display: none;
  }
}

@media (max-width: 320px) {
  .col-xs-320-1, .col-xs-320-2, .col-xs-320-3, .col-xs-320-4, .col-xs-320-5, .col-xs-320-6, .col-xs-320-7, .col-xs-320-8, .col-xs-320-9, .col-xs-320-10, .col-xs-320-11, .col-xs-320-12 {
    float: left;
  }
  .col-xs-320-12 {
    width: 100%;
  }
  .col-xs-320-11 {
    width: 91.66666667%;
  }
  .col-xs-320-10 {
    width: 83.33333333%;
  }
  .col-xs-320-9 {
    width: 75%;
  }
  .col-xs-320-8 {
    width: 66.66666667%;
  }
  .col-xs-320-7 {
    width: 58.33333333%;
  }
  .col-xs-320-6 {
    width: 50%;
  }
  .col-xs-320-5 {
    width: 41.66666667%;
  }
  .col-xs-320-4 {
    width: 33.33333333%;
  }
  .col-xs-320-3 {
    width: 25%;
  }
  .col-xs-320-2 {
    width: 16.66666667%;
  }
  .col-xs-320-1 {
    width: 8.33333333%;
  }
  .col-xs-320-pull-12 {
    right: 100%;
  }
  .col-xs-320-pull-11 {
    right: 91.66666667%;
  }
  .col-xs-320-pull-10 {
    right: 83.33333333%;
  }
  .col-xs-320-pull-9 {
    right: 75%;
  }
  .col-xs-320-pull-8 {
    right: 66.66666667%;
  }
  .col-xs-320-pull-7 {
    right: 58.33333333%;
  }
  .col-xs-320-pull-6 {
    right: 50%;
  }
  .col-xs-320-pull-5 {
    right: 41.66666667%;
  }
  .col-xs-320-pull-4 {
    right: 33.33333333%;
  }
  .col-xs-320-pull-3 {
    right: 25%;
  }
  .col-xs-320-pull-2 {
    right: 16.66666667%;
  }
  .col-xs-320-pull-1 {
    right: 8.33333333%;
  }
  .col-xs-320-pull-0 {
    right: 0%;
  }
  .col-xs-320-push-12 {
    left: 100%;
  }
  .col-xs-320-push-11 {
    left: 91.66666667%;
  }
  .col-xs-320-push-10 {
    left: 83.33333333%;
  }
  .col-xs-320-push-9 {
    left: 75%;
  }
  .col-xs-320-push-8 {
    left: 66.66666667%;
  }
  .col-xs-320-push-7 {
    left: 58.33333333%;
  }
  .col-xs-320-push-6 {
    left: 50%;
  }
  .col-xs-320-push-5 {
    left: 41.66666667%;
  }
  .col-xs-320-push-4 {
    left: 33.33333333%;
  }
  .col-xs-320-push-3 {
    left: 25%;
  }
  .col-xs-320-push-2 {
    left: 16.66666667%;
  }
  .col-xs-320-push-1 {
    left: 8.33333333%;
  }
  .col-xs-320-push-0 {
    left: 0%;
  }
  .col-xs-320-offset-12 {
    margin-left: 100%;
  }
  .col-xs-320-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xs-320-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xs-320-offset-9 {
    margin-left: 75%;
  }
  .col-xs-320-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xs-320-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xs-320-offset-6 {
    margin-left: 50%;
  }
  .col-xs-320-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xs-320-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xs-320-offset-3 {
    margin-left: 25%;
  }
  .col-xs-320-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xs-320-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xs-320-offset-0 {
    margin-left: 0%;
  }
  
  .hidden-xs-320 {
    display: none;
  }
}