/* Joomando-Grid-System */

/* Grids Mobile
-------------------------------------------------------------------*/

.grid_100 {
	float: left;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.grid_80 {
	float: left;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.grid_70 {
	float: left;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.grid_60 {
	float: left;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.grid_66 {
	float: left;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.grid_50 {
	float: left;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.grid_40 {
	float: left;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}


.grid_33 {
	float: left;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.grid_30 {
	float: left;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.grid_20 {
	float: left;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* Grids Desktop
-------------------------------------------------------------------*/

@media screen and (min-width:960px) {
.grid_100 {
	width: 100%;
}

.grid_80 {
	width: 80%;
}

.grid_70 {
	width: 70%;
}

.grid_66 {
	width: 66.66666%;
}

.grid_60 {
	width: 60%;
}

.grid_50 {
	width: 50%;
}

.grid_40 {
	width: 40%;
}

.grid_33 {
	width: 33.33333%;
}

.grid_30 {
	width: 30%;
}

.grid_20 {
	width: 20%;
}
}