.innerGridWrapper{
  margin-left: -17px;
  margin-right: -17px;
}

.content{
  width:1200px;
  margin:0px auto;
}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
  display:inline-block; *display: inline; zoom:1;
  box-sizing: border-box; 
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin:0 15px;
  vertical-align: top;
  font-size:14px;
}
.center{
  margin:0 auto;
}
.grid_1 {width: 70px;}
.grid_2 {width: 170px;}
.grid_3 {width: 267px;}
.grid_4 {width: 367px;}
.grid_5 {width: 467px;}
.grid_6 {width: 567px;}
.grid_7 {width: 670px;}
.grid_8 {width: 770px;}
.grid_9 {width: 870px;}
.grid_10 {width: 970px;}
.grid_11 {width: 1070px;}
.grid_12 {width: 1170px;}

.prefix_1 {padding-left: 100px;}
.prefix_2 {padding-left: 200px;}
.prefix_3 {padding-left: 300px;}
.prefix_4 {padding-left: 400px;}
.prefix_5 {padding-left: 500px;}
.prefix_6 {padding-left: 600px;}
.prefix_7 {padding-left: 700px;}
.prefix_8 {padding-left: 800px;}
.prefix_9 {padding-left: 900px;}
.prefix_10 {padding-left: 1000px;}
.prefix_11 {padding-left: 1100px;}

.suffix_1 {padding-right: 100px;}
.suffix_2 {padding-right: 200px;}
.suffix_3 {padding-right: 300px;}
.suffix_4 {padding-right: 400px;}
.suffix_5 {padding-right: 500px;}
.suffix_6 {padding-right: 600px;}
.suffix_7 {padding-right: 700px;}
.suffix_8 {padding-right: 800px;}
.suffix_9 {padding-right: 900px;}
.suffix_10 {padding-right: 1000px;}
.suffix_11 {padding-right: 1100px;}





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

  .content{
    width:960px;
    margin:0px auto;
  }
  .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
    margin:0 10px;
  }
  .grid_1 {width: 60px;}
  .grid_2 {width: 140px;}
  .grid_3 {width: 220px;}
  .grid_4 {width: 300px;}
  .grid_5 {width: 380px;}
  .grid_6 {width: 460px;}
  .grid_7 {width: 540px;}
  .grid_8 {width: 620px;}
  .grid_9 {width: 700px;}
  .grid_10 {width: 780px;}
  .grid_11 {width: 860px;}
  .grid_12 {width: 940px;}
}


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

  .content{
    width: 100%;
    padding:0 2%;
  }
  .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
    width:100%;
    margin:10px 0;
  }
  
  img{
    max-width: 100%;
  }

}