@-ms-viewport {
  width: device-width;
}

@media (min-width: 1200px) {
  
  .span12 {
    width: 1260px;
  }
  .span11 {
    width: 1155px;
  }
  .span10 {
    width: 1050px;
  }
  .span9 {
    width: 945px;
  }
  .span8 {
    width: 840px;
  }
  .span7 {
    width: 735px;
  }
  .span6 {
    width: 630px;
  }
  .span5 {
    width: 525px;
  }
  .span4 {
    width: 420px;
  }
  .span3 {
    width: 315px;
  }
  .span2 {
    width: 210px;
  }
  .span1 {
    width: 105px;
  }
  .offset1 {
    margin-left: 80px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
  }
  .row-fluid .span12 {
    width: 100%;
  }
  .row-fluid .span11 {
    width: 91%;
    *width: 91.39979996362975%;
  }
  .row-fluid .span10 {
    width: 83%;
    *width: 82.8527914166212%;
  }
  .row-fluid .span9 {
    width: 75%;
    *width: 74.30578286961266%;
  }
  .row-fluid .span8 {
    width: 66%;
    *width: 65.75877432260411%;
  }
  .row-fluid .span7 {
    width: 58%;
    *width: 57.21176577559556%;
  }
  .row-fluid .span6 {
    width: 50%;
    *width: 48.664757228587014%;
  }
  .row-fluid .span5 {
    width: 41%;
    *width: 40.11774868157847%;
  }
  .row-fluid .span4 {
    width: 33%;
    *width: 31.570740134569924%;
  }
  .row-fluid .span3 {
    width: 25%;
    *width: 23.023731587561375%;
  }
  .row-fluid .span2 {
    width: 16%;
    *width: 14.476723040552828%;
  }
  .row-fluid .span1 {
    width: 8%;
    *width: 5.929714493544281%;
  }
 
  .row-fluid .offset1 {
     margin-left: 8%;
  }
  .row-fluid .span1_5 {
	  width: 12%;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  
  [class*="span"] {
    float: left;
    min-height: 1px;
  }
  
  .span12 {
    width: 768px;
  }
  .span11 {
    width: 704px;
  }
  .span10 {
    width: 640px;
  }
  .span9 {
    width: 576px;
  }
  .span8 {
    width: 512px;
  }
  .span7 {
    width: 448px;
  }
  .span6 {
    width: 384px;
  }
  .span5 {
    width: 320px;
  }
  .span4 {
    width: 256px;
  }
  .span3 {
    width: 192px;
  }
  .span2 {
    width: 128px;
  }
  .span1 {
    width: 64px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91%;
    *width: 91.39979996362975%;
  }
  .row-fluid .span10 {
    width: 83%;
    *width: 82.8527914166212%;
  }
  .row-fluid .span9 {
    width: 75%;
    *width: 74.30578286961266%;
  }
  .row-fluid .span8 {
    width: 66%;
    *width: 65.75877432260411%;
  }
  .row-fluid .span7 {
    width: 58%;
    *width: 57.21176577559556%;
  }
  .row-fluid .span6 {
    width: 50%;
    *width: 48.664757228587014%;
  }
  .row-fluid .span5 {
    width: 41%;
    *width: 40.11774868157847%;
  }
  .row-fluid .span4 {
    width: 33%;
    *width: 31.570740134569924%;
  }
  .row-fluid .span3 {
    width: 25%;
    *width: 23.023731587561375%;
  }
  .row-fluid .span2 {
    width: 16%;
    *width: 14.476723040552828%;
  }
  .row-fluid .span1 {
    width: 8%;
    *width: 5.929714493544281%;
  }
 
  .row-fluid .offset1 {
     margin-left: 8%;
    *margin-left: 11.004728132387708%;
  }
 
}
@media (max-width: 767px) {

  .row-fluid {
    width: 100%;
  }

  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .row-fluid .offset1 {
     margin-left: 0%;
  }
  
}