.mobile {display:inline-block;min-width:300px;max-width:1152px;position:relative;margin:0 auto;padding:0px;}
.mobile:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;}

.mobile .f-right {float:right!important;margin:0px;padding:0px;}
.mobile .f-left {float:left!important;margin:0px;padding:0px;}

.mobile .row {margin:0px;padding:0px;}
.mobile .row:before, .row:after {content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.mobile .row:after {clear:both;}
.mobile .row {zoom:1;}

.mobile .margincol {margin:0px 2px 0px 2px;}

.mobile .col-1-2,
.mobile .col-1-3, 
.mobile .col-2-3, 
.mobile .col-1-4, 
.mobile .col-2-4, 
.mobile .col-3-4, 
.mobile .col-1-5, 
.mobile .col-2-5, 
.mobile .col-3-5, 
.mobile .col-4-5, 
.mobile .col-1-6, 
.mobile .col-2-6, 
.mobile .col-3-6, 
.mobile .col-4-6, 
.mobile .col-5-6 {float:left;display:inline-block;}

.mobile .col-full {width:100%;}

.mobile .col-1-2 {width:50%;}
.mobile .offset-1-2 {margin-left:50%;}

.mobile .col-1-3 {width:33.33%;}
.mobile .col-2-3 {width:66.66%;}
.mobile .offset-1-3 {margin-left:33.33%;}
.mobile .offset-2-3 {margin-left:66.66%;}

.mobile .col-1-4 {width:27%;}
.mobile .col-2-4 {width:50%;}
.mobile .col-3-4 {width:73%;}
.mobile .offset-1-4 {margin-left:27%;}
.mobile .offset-2-4 {margin-left:50%;}
.mobile .offset-3-4 {margin-left:73%;}

.mobile .col-1-5 {width:20%;}
.mobile .col-2-5 {width:40%;}
.mobile .col-3-5 {width:60%;}
.mobile .col-4-5 {width:80%;}
.mobile .offset-1-5 {margin-left:20%;}
.mobile .offset-2-5 {margin-left:40%;}
.mobile .offset-3-5 {margin-left:60%;}
.mobile .offset-4-5 {margin-left:80%;}

.mobile .col-1-6 {width:16.66%;}
.mobile .col-2-6 {width:33.33%;}
.mobile .col-3-6 {width:50%;}
.mobile .col-4-6 {width:66.66%;}
.mobile .col-5-6 {width:83.33%;}
.mobile .offset-1-6 {margin-left:16.66%;}
.mobile .offset-2-6 {margin-left:33.33%;}
.mobile .offset-3-6 {margin-left:50%;}
.mobile .offset-4-6 {margin-left:66.66%;}
.mobile .offset-5-6 {margin-left:83.33%;}

@media only screen and (min-width:1152px) and (max-width:1920px) {
.mobile {width:1152px;}}

@media only screen and (min-width:1080px) and (max-width:1151px) {
.mobile {width:1080px;}}

@media only screen and (min-width:1024px) and (max-width:1079px) {
.mobile {width:1024px;}}

@media only screen and (min-width:900px) and (max-width:1023px) {
.mobile {width:900px;}}

@media only screen and (min-width:800px) and (max-width:899px) {
.mobile {width:800px;}}

@media only screen and (min-width:768px) and (max-width:799px) {
.mobile {width:768px;}}

@media only screen and (min-width:300px) and (max-width:767px) {
.mobile, .mobile .col-1-2, 
.mobile .col-1-3, 
.mobile .col-2-3, 
.mobile .col-1-4, 
.mobile .col-2-4, 
.mobile .col-3-4, 
.mobile .col-1-5, 
.mobile .col-2-5, 
.mobile .col-3-5, 
.mobile .col-4-5, 
.mobile .col-1-6, 
.mobile .col-2-6, 
.mobile .col-3-6, 
.mobile .col-4-6, 
.mobile .col-5-6 {width:100%;}
.mobile .offset-1-2, 
.mobile .offset-1-3, 
.mobile .offset-2-3, 
.mobile .offset-1-4, 
.mobile .offset-2-4, 
.mobile .offset-3-4, 
.mobile .offset-1-5, 
.mobile .offset-2-5, 
.mobile .offset-3-5, 
.mobile .offset-4-5, 
.mobile .offset-1-6, 
.mobile .offset-2-6, 
.mobile .offset-3-6, 
.mobile .offset-4-6, 
.mobile .offset-5-6 {margin-left:0;}}