/* The Grid
================================================== */
.row,
.col,
.row:after,
.col:after,
.row:before,
.col:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.row {
	*zoom: 1;
}
.row:before,
.row:after {
	display: table;
	content: "";
	line-height: 0;
}
.row:after {
	clear: both;
}
.row {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.row > .row {
	clear: none;
	float: left;
	margin: 0 !important;
}
.col,
.nested_col,
.nested_col_right {
	float: left;
	width: 100%;
}
/* Grid wrapper and padding
================================================== */
.wrapper {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 0 auto;
}

/* Add Gutter acroos all of page */
.row {
	padding: 0px;
	margin: 20px;
}

/* For Tablets
================================================== */
@media (min-width: 768px) {
	.main {
		width: 60%;
	}
	.submain {
		width: 70%;
	}
	.sidebar {
		width: 40%;
	}
	.subsidebar {
		width: 30%;
	}
	.col2 {
		width: 50%;
	}
	.col3 {
		width: 33.3%;
	}
	.col4 {
		width: 25%;
	}
	.row {
		margin: 0px;
	}
	.col {
		padding: 5px 20px;
	}
	/* Nested Cols */
	.nested_col {
		padding: 5px 0px;
	}
	.nested_col_right {
		padding: 5px 0 0 20px;
	}
	/* Swaps */
	.submain.swap {
		position: relative;
		left: -30%;
	}
	.subsidebar.swap {
		position: relative;
		left: 70%;
	}
}

/* Desktop
================================================== */
@media (min-width: 1200px) {
	.main {
		width: 60%;
	}
	.submain {
		width: 70%;
	}
	.sidebar {
		width: 40%;
	}
	.subsidebar {
		width: 30%;
	}
	.col2 {
		width: 50%;
	}
	.col3 {
		width: 33.3%;
	}
	.col4 {
		width: 25%;
	}
	.row {
		margin: 0px;
	}
	.col {
		padding: 5px 20px;
	}
	/* Nested Cols */
	.nested_col {
		padding: 5px 0px;
	}
	.nested_col_right {
		padding: 5px 0 0 20px;
	}
	/*  Swaps */
	.main.swap {
		position: relative;
		left: 40%;
	}
	.sidebar.swap {
		position: relative;
		left: -60%;
	}
	/* Trustees Swaps */
	.submain.swap {
		position: relative;
		left: -30%;
	}
	.subsidebar.swap {
		position: relative;
		left: 70%;
	}
}
