.row {
  margin-left:-20px;
  margin-right:-20px;
  *zoom: 1;
}
.col, .cols {
  padding-left:20px;
  padding-right:20px;
  position: relative;
}
.row, .col, .cols,  
.col:before, .col:after, 
.cols:before, .cols:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row:before, .row:after, 
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after, .clearfix:after {
  clear: both;
}

.md-only, .sm-only, .xs-only {display: none;}

@media only screen and (min-width: 1024px) {
  .twelve.cols, .eleven.cols,
  .ten.cols, .nine.cols,
  .eight.cols, .seven.cols,
  .six.cols, .five.cols,
  .four.cols, .three.cols,
  .two.cols, .one.col, .one.cols {float: left;min-height: 1px; }

  .twelve.cols {width: 100%;}
  .eleven.cols {width: 91.66666667%;}
  .ten.cols {width: 83.33333333%;}
  .nine.cols {width: 75%;}
  .eight.cols {width: 66.66666667%;}
  .seven.cols {width: 58.33333333%;}
  .six.cols {width: 50%;}
  .five.cols {width: 41.66666667%;}
  .four.cols {width: 33.33333333%;}
  .three.cols {width: 25%;}
  .two.cols {width: 16.66666667%;}
  .one.col, .one.cols {width: 8.33333333%;}
  
  .push-twelve {left: 100%;}
  .push-eleven {left: 91.66666667%;}
  .push-ten {left: 83.33333333%;}
  .push-nine {left: 75%;}
  .push-eight {left: 66.66666667%;}
  .push-seven {left: 58.33333333%;}
  .push-six {left: 50%;}
  .push-five {left: 41.66666667%;}
  .push-four {left: 33.33333333%;}
  .push-three {left: 25%;}
  .push-two {left: 16.66666667%;}
  .push-one {left: 8.33333333%;}
  .push-zero {left: 0;}

  .pull-twelve {left: -100%;}
  .pull-eleven {left: -91.66666667%;}
  .pull-ten {left: -83.33333333%;}
  .pull-nine {left: -75%;}
  .pull-eight {left: -66.66666667%;}
  .pull-seven {left: -58.33333333%;}
  .pull-six {left: -50%;}
  .pull-five {left: -41.66666667%;}
  .pull-four {left: -33.33333333%;}
  .pull-three {left: -25%;}
  .pull-two {left: -16.66666667%;}
  .pull-one {left: -8.33333333%;}
  .pull-zero {left: 0;}

  .offset-eleven {margin-left: 91.66666667%;}
  .offset-ten {margin-left: 83.33333333%;}
  .offset-nine {margin-left: 75%;}
  .offset-eight {margin-left: 66.66666667%;}
  .offset-seven {margin-left: 58.33333333%;}
  .offset-six {margin-left: 50%;}
  .offset-five {margin-left: 41.66666667%;}
  .offset-four {margin-left: 33.33333333%;}
  .offset-three {margin-left: 25%;}
  .offset-two {margin-left: 16.66666667%;}
  .offset-one {margin-left: 8.33333333%;}

  .hide-md {display: none !important;}
  .md-only {display: block;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .twelve-sm.cols, .eleven-sm.cols,
  .ten-sm.cols, .nine-sm.cols,
  .eight-sm.cols, .seven-sm.cols,
  .six-sm.cols, .five-sm.cols,
  .four-sm.cols, .three-sm.cols,
  .two-sm.cols, .one-sm.col, .one-sm.cols {float: left;min-height: 1px;}

  .twelve-sm.cols {width: 100%;}
  .eleven-sm.cols {width: 91.66666667%;}
  .ten-sm.cols {width: 83.33333333%;}
  .nine-sm.cols {width: 75%;}
  .eight-sm.cols {width: 66.66666667%;}
  .seven-sm.cols {width: 58.33333333%;}
  .six-sm.cols {width: 50%;}
  .five-sm.cols {width: 41.66666667%;}
  .four-sm.cols {width: 33.33333333%;}
  .three-sm.cols {width: 25%;}
  .two-sm.cols {width: 16.66666667%;}
  .one-sm.col, .one-sm.cols {width: 8.33333333%;}
  
  .push-twelve-sm {left: 100%;}
  .push-eleven-sm {left: 91.66666667%;}
  .push-ten-sm {left: 83.33333333%;}
  .push-nine-sm {left: 75%;}
  .push-eight-sm {left: 66.66666667%;}
  .push-seven-sm {left: 58.33333333%;}
  .push-six-sm {left: 50%;}
  .push-five-sm {left: 41.66666667%;}
  .push-four-sm {left: 33.33333333%;}
  .push-three-sm {left: 25%;}
  .push-two-sm {left: 16.66666667%;}
  .push-one-sm {left: 8.33333333%;}
  .push-zero-sm {left: 0;} 

  .pull-twelve-sm {left: -100%;}
  .pull.eleven-sm {left: -91.66666667%;}
  .pull-ten-sm {left: -83.33333333%;}
  .pull-nine-sm {left: -75%;}
  .pull-eight-sm {left: -66.66666667%;}
  .pull-seven-sm {left: -58.33333333%;}
  .pull-six-sm {left: -50%;}
  .pull-five-sm {left: -41.66666667%;}
  .pull-four-sm {left: -33.33333333%;}
  .pull-three-sm {left: -25%;}
  .pull-two-sm {left: -16.66666667%;}
  .pull-one-sm {left: -8.33333333%;}
  .pull-zero-sm {left: 0;}  

  .offset-eleven-sm {margin-left: 91.66666667%;}
  .offset-ten-sm {margin-left: 83.33333333%;}
  .offset-nine-sm {margin-left: 75%;}
  .offset-eight-sm {margin-left: 66.66666667%;}
  .offset-seven-sm {margin-left: 58.33333333%;}
  .offset-six-sm {margin-left: 50%;}
  .offset-five-sm {margin-left: 41.66666667%;}
  .offset-four-sm {margin-left: 33.33333333%;}
  .offset-three-sm {margin-left: 25%;}
  .offset-two-sm {margin-left: 16.66666667%;}
  .offset-one-sm {margin-left: 8.33333333%;}

  .hide-sm {display: none !important;}
  .sm-only {display: block;}
}

@media only screen and (max-width: 767px) {
  .hide-xs {display: none !important;}
  .xs-only {display: block;}
}

@media only screen and (min-width: 479px) and (max-width: 767px) {
  .row {margin: 0 -5px;}
  .col, .cols {padding: 0 5px;}

  .twelve-xs.cols, .eleven-xs.cols,
  .ten-xs.cols, .nine-xs.cols,
  .eight-xs.cols, .seven-xs.cols,
  .six-xs.cols, .five-xs.cols,
  .four-xs.cols, .three-xs.cols,
  .two-xs.cols, .one-xs.col, .one-xs.cols {float: left;min-height: 1px;}

  .twelve-xs.cols {width: 100%;}
  .eleven-xs.cols {width: 91.66666667%;}
  .ten-xs.cols {width: 83.33333333%;}
  .nine-xs.cols {width: 75%;}
  .eight-xs.cols {width: 66.66666667%;}
  .seven-xs.cols {width: 58.33333333%;}
  .six-xs.cols {width: 50%;}
  .five-xs.cols {width: 41.66666667%;}
  .four-xs.cols {width: 33.33333333%;}
  .three-xs.cols {width: 25%;}
  .two-xs.cols {width: 16.66666667%;}
  .one-xs.col, .one-xs.cols {width: 8.33333333%;}
  
  .push-twelve-xs {left: 100%;}
  .push.eleven-xs {left: 91.66666667%;}
  .push-ten-xs {left: 83.33333333%;}
  .push-nine-xs {left: 75%;}
  .push-eight-xs {left: 66.66666667%;}
  .push-seven-xs {left: 58.33333333%;}
  .push-six-xs {left: 50%;}
  .push-five-xs {left: 41.66666667%;}
  .push-four-xs {left: 33.33333333%;}
  .push-three-xs {left: 25%;}
  .push-two-xs {left: 16.66666667%;}
  .push-one-xs {left: 8.33333333%;}
  .push-zero-xs {left: 0;} 

  .pull-twelve-xs {left: -100%;}
  .pull.eleven-xs {left: -91.66666667%;}
  .pull-ten-xs {left: -83.33333333%;}
  .pull-nine-xs {left: -75%;}
  .pull-eight-xs {left: -66.66666667%;}
  .pull-seven-xs {left: -58.33333333%;}
  .pull-six-xs {left: -50%;}
  .pull-five-xs {left: -41.66666667%;}
  .pull-four-xs {left: -33.33333333%;}
  .pull-three-xs {left: -25%;}
  .pull-two-xs {left: -16.66666667%;}
  .pull-one-xs {left: -8.33333333%;}
  .pull-zero-xs {left: 0;}  

  .offset.eleven-xs {margin-left: 91.66666667%;}
  .offset-ten-xs {margin-left: 83.33333333%;}
  .offset-nine-xs {margin-left: 75%;}
  .offset-eight-xs {margin-left: 66.66666667%;}
  .offset-seven-xs {margin-left: 58.33333333%;}
  .offset-six-xs {margin-left: 50%;}
  .offset-five-xs {margin-left: 41.66666667%;}
  .offset-four-xs {margin-left: 33.33333333%;}
  .offset-three-xs {margin-left: 25%;}
  .offset-two-xs {margin-left: 16.66666667%;}
  .offset-one-xs {margin-left: 8.33333333%;}
}