/* Desktop all browsers view view Grid css */
.gridrow { margin-left:-15px; margin-right:-15px; }
.gridrow:after { display:table; clear:both; content:''; }
.col { float: left; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:15px; padding-right:15px; }
.col-right { float: right; -moz-box-sizing: border-box; box-sizing: border-box; }
.col-1 { width: 8.333333333333332%; }
.col-2 { width: 16.666666666666664%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333333333333%; }
.col-5 { width: 41.66666666666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.333333333333336%; }
.col-8 { width: 66.66666666666666%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333333333334%; }
.col-11 { width: 91.66666666666666%; }
.col-12 { width: 100%; }

/* Mobile Potrait view Grid css */
@media (min-width: 10px) {
.xs-col-1 { width: 8.333333333333332%; }
.xs-col-2 { width: 16.666666666666664%; }
.xs-col-3 { width: 25%; }
.xs-col-4 { width: 33.33333333333333%; }
.xs-col-5 { width: 41.66666666666667%; }
.xs-col-6 { width: 50%; }
.xs-col-7 { width: 58.333333333333336%; }
.xs-col-8 { width: 66.66666666666666%; }
.xs-col-9 { width: 75%; }
.xs-col-10 { width: 83.33333333333334%; }
.xs-col-11 { width: 91.66666666666666%; }
.xs-col-12 { width: 100%; }
}

/* Mobile Landscape view Grid css */
@media (min-width: 480px) {
.sm-col-1 { width: 8.333333333333332%; }
.sm-col-2 { width: 16.666666666666664%; }
.sm-col-3 { width: 25%; }
.sm-col-4 { width: 33.33333333333333%; }
.sm-col-5 { width: 41.66666666666667%; }
.sm-col-6 { width: 50%; }
.sm-col-7 { width: 58.333333333333336%; }
.sm-col-8 { width: 66.66666666666666%; }
.sm-col-9 { width: 75%; }
.sm-col-10 { width: 83.33333333333334%; }
.sm-col-11 { width: 91.66666666666666%; }
.sm-col-12 { width: 100%; }
}


/* Ipad Potrait view Grid css */
@media (min-width: 768px) {
.md-col { float: left; -moz-box-sizing: border-box; box-sizing: border-box; }
.md-col-right { float: right; -moz-box-sizing: border-box; box-sizing: border-box; }
.md-col-1 { width: 8.333333333333332%; }
.md-col-2 { width: 16.666666666666664%; }
.md-col-3 { width: 25%; }
.md-col-4 { width: 33.33333333333333%; }
.md-col-5 { width: 41.66666666666667%; }
.md-col-6 { width: 50%; }
.md-col-7 { width: 58.333333333333336%; }
.md-col-8 { width: 66.66666666666666%; }
.md-col-9 { width: 75%; }
.md-col-10 { width: 83.33333333333334%; }
.md-col-11 { width: 91.66666666666666%; }
.md-col-12 { width: 100%; }
}

/* Ipad Landscape view and greater desktop Grid css */
@media (min-width: 1024px) {
.lg-col-1 { width: 8.333333333333332%; }
.lg-col-2 { width: 16.666666666666664%; }
.lg-col-3 { width: 25%; }
.lg-col-4 { width: 33.33333333333333%; }
.lg-col-5 { width: 41.66666666666667%; }
.lg-col-6 { width: 50%; }
.lg-col-7 { width: 58.333333333333336%; }
.lg-col-8 { width: 66.66666666666666%; }
.lg-col-9 { width: 75%; }
.lg-col-10 { width: 83.33333333333334%; }
.lg-col-11 { width: 91.66666666666666%; }
.lg-col-12 { width: 100%; }
}