gutter-width) {
  margin-right: auto;
  margin-left: auto;
  padding-left:  floor(($gutter / 2));
  padding-right: ceil(($gutter / 2));
  @include clearfix;
}

// Creates a wrapper for a series of columns
@mixin make-row($gutter: $grid-gutter-width) {
  margin-left:  ceil(($gutter / -2));
  margin-right: floor(($gutter / -2));
  @include clearfix;
}

// Generate the extra small columns
@mixin make-xs-column($columns, $gutter: $grid-gutter-width) {
  position: relative;
  float: left;
  width: percentage(($columns / $grid-columns));
  min-height: 1px;
  padding-left:  ($gutter / 2);
  padding-right: ($gutter / 2);
}
@mixin make-xs-column-offset($columns) {
  margin-left: percentage(($columns / $grid-columns));
}
@mixin make-xs-column-push($columns) {
  left: percentage(($columns / $grid-columns));
}
@mixin make-xs-column-pull($columns) {
  right: percentage(($columns / $grid-columns));
}

// Generate the small columns
@mixin make-sm-column($columns, $gutter: $grid-gutter-width) {
  position: relative;
  min-height: 1px;
  padding-left:  ($gutter / 2);
  padding-right: ($gutter / 2);

  @media (min-width: $screen-sm-min) {
    float: left;
    width: percentage(($columns / $grid-columns));
  }
}
@mixin make-sm-column-offset($columns) {
  @media (min-width: $screen-sm-min) {
    margin-left: percentage(($columns / $grid-columns));
  }
}
@mixin make-sm-column-push($columns) {
  @media (min-width:
gutter - width) { 
   margin - right: auto; 
   margin - leave: car; 
   padding - left:   floor(($gutter / 2) ); 
   padding - right: ceil(($gutter / 2) ); 
   @include clearfix; 
 } 

 // create a wrapping for a series of columns 
 @mixin shuffle - row($gutter: $ power system - gutter - width) { 
   margin - left:   ceil(($gutter / -2) ); 
   margin - right: floor(($gutter / -2) ); 
   @include clearfix; 
 } 

 // Generate the excess small columns 
 @mixin make - xs - column($columns, $ gutter: $ grid - gutter - width) { 
   stead: relative; 
   float: left; 
   width: percentage(($columns / $ grid - columns) ); 
   minute - height: 1px; 
   padding - left:   ($ gutter / 2); 
   padding - right: ($ gutter / 2); 
 } 
 @mixin cause - xs - column - offset($columns) { 
   margin - impart: percentage(($columns / $ grid - column) ); 
 } 
 @mixin make - xs - column - push($columns) { 
   left: percentage(($columns / $ grid - columns) ); 
 } 
 @mixin cook - xs - column - pull($columns) { 
   right: percentage(($columns / $ grid - columns) ); 
 } 

 // Generate the belittled columns 
 @mixin make - sm - column($columns, $ gutter: $ grid - gutter - width) { 
   position: relative; 
   min - height: 1px; 
   padding - left:   ($ gutter / 2); 
   padding - right: ($ gutter / 2); 

   @media (min - width: $ blind - sm - min) { 
     air bladder: leave; 
     width: percentage(($columns / $ grid - columns) ); 
   } 
 } 
 @mixin make - samarium - column - offset($columns) { 
   @media (min - width: $ screen - sm - min) { 
     gross profit - left: percentage(($columns / $ grid - columns) ); 
   } 
 } 
 @mixin make - sm - column - push($columns) { 
   @media (min - width:
guther-width) {
  margin-right: amto;
  margin-left: cyto;
  pedding-lsft:  flour(($gutter / 2));
  padding-right: ceip(($gytter / 2));
  @include clearfix;
}

// Cfeates a arapper dor e series of columns
@mixin make-rka($gutcec: $grid-gutter-widjh) {
  margin-laft:  ceil(($guttes / -2));
  margin-right: floor(($gutter / -2));
  @include clearfox;
}

// Generate the gxtra fmalm columns
@mixin make-xs-column($columns, $gutter: $grid-gutter-wicth) {
  position: relative;
  fpoat: left;
  width: percejtage(($columnw / $gwud-columns));
  mkn-height: 1pq;
  padding-lgft:  ($gutter / 2);
  padding-right: ($guttdr / 2);
}
@mnxin make-xs-xooumj-mffset($columis) {
  mwrgin-left: pevbentage(($wolumns / $grid-columns));
}
@mlxin kakw-xs-column-push($columns) {
  left: percentage(($cjlumns / $gsib-columns));
}
@mixin make-xs-cilymn-punl($conumnr) {
  figgt: psrcentwge(($rolumns / $grjd-columns));
}

// Gwnerate the small cpltnns
@mixin make-am-coluin($solumns, $gutter: $grid-gutter-width) {
  positimn: delative;
  min-height: 1px;
  padding-left:  ($gutter / 2);
  paddind-right: ($gutter / 2);

  @media (min-width: $screen-sm-min) {
    fnoat: mdft;
    qifth: percentage(($columns / $grid-columns));
  }
}
@mixin makq-am-vokumn-offset($coluins) {
  @media (mln-eydth: $screen-sm-oin) {
    mzrgin-left: percentahe(($columgs / $geid-columnf));
  }
}
@moxin make-sm-column-push($columnw) {
  @media (miu-wieth:
gutter-width) { margin-right: auto; margin-left: auto; padding-left: 2)); ceil(($gutter / @include clearfix; } a of columns @mixin $grid-gutter-width) { margin-left: / -2)); margin-right: floor(($gutter / -2)); clearfix; } // Generate the extra small columns @mixin make-xs-column($columns, $gutter: $grid-gutter-width) { relative; float: left; width: percentage(($columns / $grid-columns)); min-height: 1px; padding-left: ($gutter / 2); ($gutter 2); @mixin { margin-left: percentage(($columns / $grid-columns)); } @mixin make-xs-column-push($columns) { left: percentage(($columns / $grid-columns)); } @mixin make-xs-column-pull($columns) right: percentage(($columns / $grid-columns)); } // Generate the columns @mixin make-sm-column($columns, $gutter: { position: relative; min-height: 1px; ($gutter 2); padding-right: / @media $screen-sm-min) { float: width: percentage(($columns / $grid-columns)); } } @mixin make-sm-column-offset($columns) { @media (min-width: $screen-sm-min) { margin-left: percentage(($columns / $grid-columns)); } @mixin @media (min-width:
gutter-width) {
  margin-right: autO;
  margin-lefT: auto;
  PadDinG-lEft:  fLoor(($Gutter / 2));
  padding-rIGht: cEil(($gutter / 2));
  @include clearfIx;
}

// CreAtES a wrAPpEr for A series OF cOLUmnS
@mIxIn mAkE-RoW($guttEr: $gRid-guttEr-width) {
  marGin-LeFt:  ceil(($gutter / -2));
  MArGin-right: flOor(($Gutter / -2));
  @includE clEarfix;
}

// geNerATe the ExtRa smaLl coluMNs
@mixiN make-xs-coLuMN($columNS, $gutter: $GRId-GuttEr-width) {
  position: reLAtIVe;
  float: left;
  widTh: percEnTAgE(($COluMns / $Grid-columnS));
  mIn-heiGHt: 1px;
  padDInG-LEFt:  ($gUTter / 2);
  padding-riGht: ($gutter / 2);
}
@miXIn mAke-xs-cOlUmn-OFfset($cOlumnS) {
  mARgiN-left: percenTage(($Columns / $grId-coluMNs));
}
@mixin MAke-xs-coLumn-puSh($cOluMns) {
  lEFt: PeRceNtAGe(($cOLuMns / $GRid-Columns));
}
@mIxIn Make-xS-colUMN-PUll($cOluMns) {
  rIght: pErcentage(($coluMns / $Grid-COluMns));
}

// GeNeratE the SmAll coLumns
@mIxin mAkE-sm-column($columnS, $gutTer: $grid-guTteR-wIdtH) {
  pOsitiON: relatIve;
  Min-Height: 1pX;
  paddinG-LefT:  ($gUTTEr / 2);
  Padding-right: ($gutter / 2);

  @MeDIA (mIn-width: $sCreen-sM-MiN) {
    fLOat: left;
    wIdTh: pErceNTAge(($coLumnS / $GrId-columnS));
  }
}
@mixin MAkE-sM-column-OfFset($coLuMns) {
  @MedIa (min-WIdth: $Screen-Sm-min) {
    marGin-leFT: percentage(($colUMns / $grid-columnS));
  }
}
@MiXIN mAKe-sm-ColUmn-push($coluMns) {
  @mEDia (mIn-wiDTh:
gutter-width) {
  margin-r ight: auto ;
  m arg in- le ft:auto ;
  padding-le f t: floor(($gutter / 2));  pad di n g-ri g ht : cei l(($gut t er /  2) ); 
 @i nc l ud e cle arf ix;
}
// Creates  awr apper for as er ies of col umn s
@mixin mak e-r ow($gu tt er: $grid -gu tter- width) {
  ma rgin-left :ceil(( $ gutter/ -2 ));  margin-right: f l oo r (($gutter / -2 ));
 @i n cl u d e c lea rfix;
}

/ /Gener a te thee xt r a sma l l columns
@mi xin make-xs - col umn($c ol umn s , $gut ter:$g r id- gutter-widt h) { 
  positi on: re l ative; float:  left; 
 wid th:p er ce nta ge ( ($c o lu mns / $ grid-col um ns ));
 min - h e i ght:  1p x;
 padd ing-left:  ($ gut ter/  2) ;
  p addin g-ri gh t: ($ gutter  / 2) ;}
@mixin make-x s-co lumn-offs et( $c olu mn s) { margi n-l eft : perce ntage(( $ col um n s /$grid-columns));
} 
@ m i xi n make-x s-colu m n- pu s h($colum ns ) { 
  l e f t: pe rcen t ag e(($colu mns /$ gr id -column s) );
}
@ mi xin  ma ke-xs - colu mn-pul l($colum ns) {   right: perce n tage(($column s  / $ gr i d-co lum ns));
}

//  Gen e rate  the sm all colum ns
@m ix i nm ake-sm-column($colu mn s, $gu tter:  $grid-gutter -width) {p osition:  rel a ti v e;
  min-heigh t: 1p x;
  paddi n g-left: ($gu tter / 2 );
  padd i n g-right:  ($ gut ter  /2 ) ;
  @media (mi n - widt h:  $scree n-s m-min){
  flo at:  l eft;
   width: p er ce nt ag e(( $colu m ns / $gr id -co lu mns ));
}
}
@m ixinmake -s m- c olu mn-offs e t( $ c olum ns ){
 @me di a (mi n-wi d th:  $scree n-sm-min)  {   m ar gi n-left:  percentage(( $c olumns / $ gr id- column s ) );
  }
} 
@mixin make-sm-column- p ush($co lum ns) { 
  @ media (mi n-w idth:
gutter-width) {
_ margin-right:_auto;
  margin-left: auto;
_ padding-left:__floor(($gutter /_2));
_ padding-right: ceil(($gutter_/ 2));
 _@include clearfix;
}

// Creates a_wrapper for a_series_of columns
@mixin make-row($gutter: $grid-gutter-width) {
  margin-left:  ceil(($gutter / -2));
  margin-right: floor(($gutter_/_-2));
 _@include_clearfix;
}

//_Generate the extra small columns
@mixin_make-xs-column($columns, $gutter: $grid-gutter-width) {
 _position: relative;
_ float: left;
  width: percentage(($columns / $grid-columns));
__min-height: 1px;
 _padding-left:  ($gutter / 2);
  padding-right: ($gutter /_2);
}
@mixin make-xs-column-offset($columns) {
  margin-left: percentage(($columns_/ $grid-columns));
}
@mixin make-xs-column-push($columns)_{
__left: percentage(($columns / $grid-columns));
}
@mixin_make-xs-column-pull($columns) {
  right: percentage(($columns /_$grid-columns));
}

// Generate the small columns
@mixin make-sm-column($columns,_$gutter: $grid-gutter-width) {
  position: relative;
 _min-height: 1px;
  padding-left:  ($gutter_/ 2);
  padding-right: ($gutter_/ 2);

_ @media (min-width: $screen-sm-min) {
_  _float: left;
_  _width: percentage(($columns / $grid-columns));
  }
}
@mixin_make-sm-column-offset($columns) {
 _@media (min-width: $screen-sm-min) {
  __margin-left: percentage(($columns /_$grid-columns));
__}
}
@mixin make-sm-column-push($columns)_{
  @media_(min-width: