[class*="grid-"] { display: block; padding: 0; margin: 0 -1%; *zoom: 1;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }

[class*="grid-"]:before, [class*="grid-"]:after { content: " "; display: table; }

[class*="grid-"]:after { clear: both; }

[class*="grid-"] > li { display: inline; height: auto; float: left; padding: 0 1% 15px 1%; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.grid-xs-1 > li { width: 100%; padding: 0 1% 15px 1%; }

.grid-xs-1 > li:nth-of-type(n) { clear: none; }

.grid-xs-1 > li:nth-of-type(1n+1) { clear: both; }

.grid-xs-2 > li { width: 50%; padding: 0 1% 15px 1%; }

.grid-xs-2 > li:nth-of-type(n) { clear: none; }

.grid-xs-2 > li:nth-of-type(2n+1) { clear: both; }

.grid-xs-3 > li { width: 33.33333%; padding: 0 1% 15px 1%; }

.grid-xs-3 > li:nth-of-type(n) { clear: none; }

.grid-xs-3 > li:nth-of-type(3n+1) { clear: both; }

.grid-xs-4 > li { width: 25%; padding: 0 1% 15px 1%; }

.grid-xs-4 > li:nth-of-type(n) { clear: none; }

.grid-xs-4 > li:nth-of-type(4n+1) { clear: both; }

.grid-xs-5 > li { width: 20%; padding: 0 1% 15px 1%; }

.grid-xs-5 > li:nth-of-type(n) { clear: none; }

.grid-xs-5 > li:nth-of-type(5n+1) { clear: both; }

.grid-xs-6 > li { width: 16.66667%; padding: 0 1% 15px 1%; }

.grid-xs-6 > li:nth-of-type(n) { clear: none; }

.grid-xs-6 > li:nth-of-type(6n+1) { clear: both; }

.grid-xs-7 > li { width: 14.28571%; padding: 0 1% 15px 1%; }

.grid-xs-7 > li:nth-of-type(n) { clear: none; }

.grid-xs-7 > li:nth-of-type(7n+1) { clear: both; }

.grid-xs-8 > li { width: 12.5%; padding: 0 1% 15px 1%; }

.grid-xs-8 > li:nth-of-type(n) { clear: none; }

.grid-xs-8 > li:nth-of-type(8n+1) { clear: both; }

.grid-xs-9 > li { width: 11.11111%; padding: 0 1% 15px 1%; }

.grid-xs-9 > li:nth-of-type(n) { clear: none; }

.grid-xs-9 > li:nth-of-type(9n+1) { clear: both; }

.grid-xs-10 > li { width: 10%; padding: 0 1% 15px 1%; }

.grid-xs-10 > li:nth-of-type(n) { clear: none; }

.grid-xs-10 > li:nth-of-type(10n+1) { clear: both; }

.grid-xs-11 > li { width: 9.09091%; padding: 0 1% 15px 1%; }

.grid-xs-11 > li:nth-of-type(n) { clear: none; }

.grid-xs-11 > li:nth-of-type(11n+1) { clear: both; }

.grid-xs-12 > li { width: 8.33333%; padding: 0 1% 15px 1%; }

.grid-xs-12 > li:nth-of-type(n) { clear: none; }

.grid-xs-12 > li:nth-of-type(12n+1) { clear: both; }

/* Small block grids */
@media only screen and (min-width: 768px) {

/* Remove sm grid clearing */
.grid-xs-1 > li:nth-of-type(1n+1) { clear: none; }

.grid-xs-2 > li:nth-of-type(2n+1) { clear: none; }

.grid-xs-3 > li:nth-of-type(3n+1) { clear: none; }

.grid-xs-4 > li:nth-of-type(4n+1) { clear: none; }

.grid-xs-5 > li:nth-of-type(5n+1) { clear: none; }

.grid-xs-6 > li:nth-of-type(6n+1) { clear: none; }

.grid-xs-7 > li:nth-of-type(7n+1) { clear: none; }

.grid-xs-8 > li:nth-of-type(8n+1) { clear: none; }

.grid-xs-9 > li:nth-of-type(9n+1) { clear: none; }

.grid-xs-10 > li:nth-of-type(10n+1) { clear: none; }

.grid-xs-11 > li:nth-of-type(11n+1) { clear: none; }

.grid-xs-12 > li:nth-of-type(12n+1) { clear: none; }

.grid-sm-1 > li { width: 100%; padding: 0 1% 15px 1%; }

.grid-sm-1 > li:nth-of-type(n) { clear: none; }

.grid-sm-1 > li:nth-of-type(1n+1) { clear: both; }

.grid-sm-2 > li { width: 50%; padding: 0 1% 15px 1%; }

.grid-sm-2 > li:nth-of-type(n) { clear: none; }

.grid-sm-2 > li:nth-of-type(2n+1) { clear: both; }

.grid-sm-3 > li { width: 33.33333%; padding: 0 1% 15px 1%; }

.grid-sm-3 > li:nth-of-type(n) { clear: none; }

.grid-sm-3 > li:nth-of-type(3n+1) { clear: both; }

.grid-sm-4 > li { width: 25%; padding: 0 1% 15px 1%; }

.grid-sm-4 > li:nth-of-type(n) { clear: none; }

.grid-sm-4 > li:nth-of-type(4n+1) { clear: both; }

.grid-sm-5 > li { width: 20%; padding: 0 1% 15px 1%; }

.grid-sm-5 > li:nth-of-type(n) { clear: none; }

.grid-sm-5 > li:nth-of-type(5n+1) { clear: both; }

.grid-sm-6 > li { width: 16.66667%; padding: 0 1% 15px 1%; }

.grid-sm-6 > li:nth-of-type(n) { clear: none; }

.grid-sm-6 > li:nth-of-type(6n+1) { clear: both; }

.grid-sm-7 > li { width: 14.28571%; padding: 0 1% 15px 1%; }

.grid-sm-7 > li:nth-of-type(n) { clear: none; }

.grid-sm-7 > li:nth-of-type(7n+1) { clear: both; }

.grid-sm-8 > li { width: 12.5%; padding: 0 1% 15px 1%; }

.grid-sm-8 > li:nth-of-type(n) { clear: none; }

.grid-sm-8 > li:nth-of-type(8n+1) { clear: both; }

.grid-sm-9 > li { width: 11.11111%; padding: 0 1% 15px 1%; }

.grid-sm-9 > li:nth-of-type(n) { clear: none; }

.grid-sm-9 > li:nth-of-type(9n+1) { clear: both; }

.grid-sm-10 > li { width: 10%; padding: 0 1% 15px 1%; }

.grid-sm-10 > li:nth-of-type(n) { clear: none; }

.grid-sm-10 > li:nth-of-type(10n+1) { clear: both; }

.grid-sm-11 > li { width: 9.09091%; padding: 0 1% 15px 1%; }

.grid-sm-11 > li:nth-of-type(n) { clear: none; }

.grid-sm-11 > li:nth-of-type(11n+1) { clear: both; }

.grid-sm-12 > li { width: 8.33333%; padding: 0 1% 15px 1%; }

.grid-sm-12 > li:nth-of-type(n) { clear: none; }

.grid-sm-12 > li:nth-of-type(12n+1) { clear: both; }
}

/* Medium block grids */
@media only screen and (min-width: 992px) {

.grid-md-1 > li { width: 100%; padding: 0 1% 15px 1%; }

.grid-md-1 > li:nth-of-type(n) { clear: none; }

.grid-md-1 > li:nth-of-type(1n+1) { clear: both; }

.grid-md-2 > li { width: 50%; padding: 0 1% 15px 1%; }

.grid-md-2 > li:nth-of-type(n) { clear: none; }

.grid-md-2 > li:nth-of-type(2n+1) { clear: both; }

.grid-md-3 > li { width: 33.33333%; padding: 0 1% 15px 1%; }

.grid-md-3 > li:nth-of-type(n) { clear: none; }

.grid-md-3 > li:nth-of-type(3n+1) { clear: both; }

.grid-md-4 > li { width: 25%; padding: 0 1% 15px 1%; }

.grid-md-4 > li:nth-of-type(n) { clear: none; }

.grid-md-4 > li:nth-of-type(4n+1) { clear: both; }

.grid-md-5 > li { width: 20%; padding: 0 1% 15px 1%; }

.grid-md-5 > li:nth-of-type(n) { clear: none; }

.grid-md-5 > li:nth-of-type(5n+1) { clear: both; }

.grid-md-6 > li { width: 16.66667%; padding: 0 1% 15px 1%; }

.grid-md-6 > li:nth-of-type(n) { clear: none; }

.grid-md-6 > li:nth-of-type(6n+1) { clear: both; }

.grid-md-7 > li { width: 14.28571%; padding: 0 1% 15px 1%; }

.grid-md-7 > li:nth-of-type(n) { clear: none; }

.grid-md-7 > li:nth-of-type(7n+1) { clear: both; }

.grid-md-8 > li { width: 12.5%; padding: 0 1% 15px 1%; }

.grid-md-8 > li:nth-of-type(n) { clear: none; }

.grid-md-8 > li:nth-of-type(8n+1) { clear: both; }

.grid-md-9 > li { width: 11.11111%; padding: 0 1% 15px 1%; }

.grid-md-9 > li:nth-of-type(n) { clear: none; }

.grid-md-9 > li:nth-of-type(9n+1) { clear: both; }

.grid-md-10 > li { width: 10%; padding: 0 1% 15px 1%; }

.grid-md-10 > li:nth-of-type(n) { clear: none; }

.grid-md-10 > li:nth-of-type(10n+1) { clear: both; }

.grid-md-11 > li { width: 9.09091%; padding: 0 1% 15px 1%; }

.grid-md-11 > li:nth-of-type(n) { clear: none; }

.grid-md-11 > li:nth-of-type(11n+1) { clear: both; }

.grid-md-12 > li { width: 8.33333%; padding: 0 1% 15px 1%; }

.grid-md-12 > li:nth-of-type(n) { clear: none; }

.grid-md-12 > li:nth-of-type(12n+1) { clear: both; }
}

/* Medium block grids */
@media only screen and (min-width: 1200px) {

.grid-lg-1 > li { width: 100%; padding: 0 1% 15px 1%; }

.grid-lg-1 > li:nth-of-type(n) { clear: none; }

.grid-lg-1 > li:nth-of-type(1n+1) { clear: both; }

.grid-lg-2 > li { width: 50%; padding: 0 1% 15px 1%; }

.grid-lg-2 > li:nth-of-type(n) { clear: none; }

.grid-lg-2 > li:nth-of-type(2n+1) { clear: both; }

.grid-lg-3 > li { width: 33.33333%; padding: 0 1% 15px 1%; }

.grid-lg-3 > li:nth-of-type(n) { clear: none; }

.grid-lg-3 > li:nth-of-type(3n+1) { clear: both; }

.grid-lg-4 > li { width: 25%; padding: 0 1% 15px 1%; }

.grid-lg-4 > li:nth-of-type(n) { clear: none; }

.grid-lg-4 > li:nth-of-type(4n+1) { clear: both; }

.grid-lg-5 > li { width: 20%; padding: 0 1% 15px 1%; }

.grid-lg-5 > li:nth-of-type(n) { clear: none; }

.grid-lg-5 > li:nth-of-type(5n+1) { clear: both; }

.grid-lg-6 > li { width: 16.66667%; padding: 0 1% 15px 1%; }

.grid-lg-6 > li:nth-of-type(n) { clear: none; }

.grid-lg-6 > li:nth-of-type(6n+1) { clear: both; }

.grid-lg-7 > li { width: 14.28571%; padding: 0 1% 15px 1%; }

.grid-lg-7 > li:nth-of-type(n) { clear: none; }

.grid-lg-7 > li:nth-of-type(7n+1) { clear: both; }

.grid-lg-8 > li { width: 12.5%; padding: 0 1% 15px 1%; }

.grid-lg-8 > li:nth-of-type(n) { clear: none; }

.grid-lg-8 > li:nth-of-type(8n+1) { clear: both; }

.grid-lg-9 > li { width: 11.11111%; padding: 0 1% 15px 1%; }

.grid-lg-9 > li:nth-of-type(n) { clear: none; }

.grid-lg-9 > li:nth-of-type(9n+1) { clear: both; }

.grid-lg-10 > li { width: 10%; padding: 0 1% 15px 1%; }

.grid-lg-10 > li:nth-of-type(n) { clear: none; }

.grid-lg-10 > li:nth-of-type(10n+1) { clear: both; }

.grid-lg-11 > li { width: 9.09091%; padding: 0 1% 15px 1%; }

.grid-lg-11 > li:nth-of-type(n) { clear: none; }

.grid-lg-11 > li:nth-of-type(11n+1) { clear: both; }

.grid-lg-12 > li { width: 8.33333%; padding: 0 1% 15px 1%; }

.grid-lg-12 > li:nth-of-type(n) { clear: none; }

.grid-lg-12 > li:nth-of-type(12n+1) { clear: both; }
}