.row_container_12{
  margin:0 auto;
  max-width:960px;	
  width:100%;
}
.clear {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
}
.row_container_12 > div{
  margin:0;
  padding-left:10px;
  padding-right:10px;
  float:left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box; 
}
.row_1col{width:8.3%;max-width:80px;}
.row_2col{width:16.6%;max-width:160px;}
.row_3col{width:25%;max-width:240px;}
.row_4col{width:33.3%;max-width:320px;}
.row_5col{width:41.7%;max-width:400px;}
.row_6col{width:50%;max-width:480px;}
.row_7col{width:58.3%;max-width:560px;}
.row_8col{width:66.7%;max-width:640px;}
.row_9col{width:75%;max-width:720px}
.row_10col{width:83.3%;max-width:800px;}
.row_11col{width:91.7%;max-width:880px;}
.row_12col{width:100%;max-width:960px;}
/* ==================================================
Design for 1280px
================================================== 
@media only screen and (min-width: 960px){
.row_container{
  max-width:1280px;
}
.row_1col{max-width:106px;background:#33AA00;}
.row_2col{max-width:212px;background:#33CC00;}
.row_3col{max-width:318px;background:#33EE00;}
.row_4col{max-width:424px;background:#66FF00;}
.row_5col{max-width:530px;background:#66DD00;}
.row_6col{max-width:636px;background:#66BB00;}
.row_7col{max-width:742px;background:#66CC00;}
.row_8col{max-width:848px;background:#66EE00;}
.row_9col{max-width:954px;background:#33FF00;}
.row_10col{max-width:1060px;background:#33DD00;}
.row_11col{max-width:1166px;background:#33BB00;}
.row_12col{max-width:1272px;background:#66CC00;}
}*/
/* ==================================================
Design for a width between 320px and the 480px
================================================== */
@media only screen and (min-width: 320px) and (max-width: 480px) {
.row_container{
  max-width:480px;	
  min-width:320px;
}
.row_1col,.row_2col,.row_3col,.row_4col,.row_5col,.row_6col,.row_7col,.row_8col,.row_9col,.row_10col,.row_11col,.row_12col{
  max-width:100%;
  width:100%;
}
}
/* ==================================================
Design for a width between 240px and the 320px
================================================== */
@media only screen and (min-width: 240px) and (max-width: 320px) {
.row_container{
  max-width:320px;	
  min-width:240px;
}
.row_1col,.row_2col,.row_3col,.row_4col,.row_5col,.row_6col,.row_7col,.row_8col,.row_9col,.row_10col,.row_11col,.row_12col{
  max-width:100%;
  width:100%;
}
}