/*

 * 1440
 * 1366
 * 1280
 * 1080
 * 1050
 * 1024
 * 960
 * Default 
 */

/*
 * 600
 * 480
 * 320
 * 240
 */

@media (max-width: 600px) {
  .row {
    margin-left: -12px;
    *zoom: 1;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 576px;
  }
  .span12 {
    width: 576px;
  }
  .span11 {
    width: 527px;
  }
  .span10 {
    width: 478px;
  }
  .span9 {
    width: 429px;
  }
  .span8 {
    width: 380px;
  }
  .span7 {
    width: 331px;
  }
  .span6 {
    width: 282px;
  }
  .span5 {
    width: 233px;
  }
  .span4 {
    width: 184px;
  }
  .span3 {
    width: 135px;
  }
  .span2 {
    width: 86px;
  }
  .span1 {
    width: 37px;
  }
  .offset12 {
    margin-left: 600px;
  }
  .offset11 {
    margin-left: 551px;
  }
  .offset10 {
    margin-left: 502px;
  }
  .offset9 {
    margin-left: 453px;
  }
  .offset8 {
    margin-left: 404px;
  }
  .offset7 {
    margin-left: 355px;
  }
  .offset6 {
    margin-left: 306px;
  }
  .offset5 {
    margin-left: 257px;
  }
  .offset4 {
    margin-left: 208px;
  }
  .offset3 {
    margin-left: 159px;
  }
  .offset2 {
    margin-left: 110px;
  }
  .offset1 {
    margin-left: 61px;
  }
}

/*
 * 768
 * 640
 */

@media (min-width: 601px) and (max-width: 768px) {
  .row {
    margin-left: -16px;
    *zoom: 1;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 608px;
  }
  .span12 {
    width: 608px;
  }
  .span11 {
    width: 556px;
  }
  .span10 {
    width: 504px;
  }
  .span9 {
    width: 452px;
  }
  .span8 {
    width: 400px;
  }
  .span7 {
    width: 348px;
  }
  .span6 {
    width: 296px;
  }
  .span5 {
    width: 244px;
  }
  .span4 {
    width: 192px;
  }
  .span3 {
    width: 140px;
  }
  .span2 {
    width: 88px;
  }
  .span1 {
    width: 36px;
  }

  .offset12 {
    margin-left: 640px;
  }
  .offset11 {
    margin-left: 588px;
  }
  .offset10 {
    margin-left: 536px;
  }
  .offset9 {
    margin-left: 484px;
  }
  .offset8 {
    margin-left: 432px;
  }
  .offset7 {
    margin-left: 380px;
  }
  .offset6 {
    margin-left: 328px;
  }
  .offset5 {
    margin-left: 276px;
  }
  .offset4 {
    margin-left: 224px;
  }
  .offset3 {
    margin-left: 172px;
  }
  .offset2 {
    margin-left: 120px;
  }
  .offset1 {
    margin-left: 68px;
  }
}

/*
 * 800
 */

@media (min-width: 768px) and (max-width: 800px) {
  .row {
    margin-left: -12px;
    *zoom: 1;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 744px;
  }
  .span12 {
    width: 744px;
  }
  .span11 {
    width: 681px;
  }
  .span10 {
    width: 618px;
  }
  .span9 {
    width: 555px;
  }
  .span8 {
    width: 492px;
  }
  .span7 {
    width: 429px;
  }
  .span6 {
    width: 366px;
  }
  .span5 {
    width: 303px;
  }
  .span4 {
    width: 240px;
  }
  .span3 {
    width: 177px;
  }
  .span2 {
    width: 114px;
  }
  .span1 {
    width: 51px;
  }

  .offset12 {
    margin-left: 768px;
  }
  .offset11 {
    margin-left: 705px;
  }
  .offset10 {
    margin-left: 642px;
  }
  .offset9 {
    margin-left: 579px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 453px;
  }
  .offset6 {
    margin-left: 390px;
  }
  .offset5 {
    margin-left: 327px;
  }
  .offset4 {
    margin-left: 264px;
  }
  .offset3 {
    margin-left: 201px;
  }
  .offset2 {
    margin-left: 138px;
  }
  .offset1 {
    margin-left: 75px;
  }
}

/*
 * 900
 * 864
 */
852-864=-12 71
@media (min-width: 801px) and (max-width: 900px) {
  .row {
    margin-left: -12px;
    *zoom: 1;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 840px;
  }
  .span12 {
    width: 840px;
  }
  .span11 {
    width: 769px;
  }
  .span10 {
    width: 698px;
  }
  .span9 {
    width: 627px;
  }
  .span8 {
    width: 556px;
  }
  .span7 {
    width: 485px;
  }
  .span6 {
    width: 414px;
  }
  .span5 {
    width: 343px;
  }
  .span4 {
    width: 272px;
  }
  .span3 {
    width: 201px;
  }
  .span2 {
    width: 130px;
  }
  .span1 {
    width: 59px;
  }

  .offset12 {
    margin-left: 864px;
  }
  .offset11 {
    margin-left: 793px;
  }
  .offset10 {
    margin-left: 722px;
  }
  .offset9 {
    margin-left: 651px;
  }
  .offset8 {
    margin-left: 580px;
  }
  .offset7 {
    margin-left: 509px;
  }
  .offset6 {
    margin-left: 438px;
  }
  .offset5 {
    margin-left: 367px;
  }
  .offset4 {
    margin-left: 296px;
  }
  .offset3 {
    margin-left: 225px;
  }
  .offset2 {
    margin-left: 154px;
  }
  .offset1 {
    margin-left: 83px;
  }
}