.wrapper {
       max-width:1300px;
       margin:0 auto;
       display:block;
   }

   .dark {
      width: 100%;
      *zoom: 1;
    }

    .dark:before,
    .dark:after {
      display: table;
      line-height: 0;
      content: "";
      clear: both;
    }

    .dark:after {
      clear: both;
    }


    .dark [class*="column"] {
      display: block;
      float: left;
      width: 100%;
      min-height: 30px;
      margin-left: 2.127659574468085%;
      *margin-left: 2.074468085106383%;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
    }

    .dark [class*="column"]:first-child {
      margin-left: 0;
    }

    .dark .column12 {
      width: 100%;
      *width: 99.94680851063829%;
    }

    .dark .column11 {
      width: 91.48936170212765%;
      *width: 91.43617021276594%;
    }

    .dark .column10 {
      width: 82.97872340425532%;
      *width: 82.92553191489361%;
    }

    .dark .column9 {
      width: 74.46808510638297%;
      *width: 74.41489361702126%;
    }

    .dark .column8 {
      width: 65.95744680851064%;
      *width: 65.90425531914893%;
    }

    .dark .column7 {
      width: 57.44680851063829%;
      *width: 57.39361702127659%;
    }

    .dark .column6 {
      width: 48.93617021276595%;
      *width: 48.88297872340425%;
    }

    .dark .column5 {
      width: 40.42553191489362%;
      *width: 40.37234042553192%;
    }

    .dark .column4 {
      width: 31.914893617021278%;
      *width: 31.861702127659576%;
    }

    .dark .column3 {
      width: 23.404255319148934%;
      *width: 23.351063829787233%;
    }

    .dark .column2 {
      width: 14.893617021276595%;
      *width: 14.840425531914894%;
    }

    .dark .column1 {
      width: 6.382978723404255%;
      *width: 6.329787234042553%;
    }


@media screen and (max-width:1170px) {



}
/* for 980px or less */
@media screen and (max-width:991px) {

    
  .dark [class*="column"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 0%;
    *margin-left: 0%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }

  .dark [class*="column"]:first-child {
    margin-left: 0;
  }

  .dark .column12, .dark .column11, .dark .column10, .dark .column9, .dark .column8, 
  .dark .column7, .dark .column6, .dark .column5, .dark .column4, .dark .column3,
  .dark .column2, .dark .column1 {
    width: 100%;
    *width: 99.94680851063829%;
  }

 
}
/* for 700px or less */
@media screen and (max-width:700px) {





}
/* for 480px or less */
@media screen and (max-width:480px) {



}