/* 
	12 COLUMN - RESPONSIVE GRID SYSTEM
	DEVELOPED BY DENIS LEBLANC
	URL - http://responsive.gs
	VERSION - 2.0
	LICENSED UNDER GPL & MIT
*/

/* 	SET ALL ELEMENTS BOX-SIZING TO BORDER-BOX
	If you need support for IE7 and lower use polyfill: https://github.com/Schepp/box-sizing-polyfill */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* MAIN CONTAINER */
.container {
	margin: 0 auto;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.container-fluid {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	padding-right: 20px;
}

/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row:after, .col:after, .clr:after, .group:after, .flex-direction-nav li:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* DEFAULT ROW STYLES */
.row {
	margin-bottom: 1.5em;
}

/* set according to preference*/

/* DEFAULT COLUMN STYLES */
.col {
	display: block;
	float: left;
	width: 100%;
}

@media ( min-width : 320px ) {
	.container {
		max-width: 90%;
		padding: 0;
	}
	
	.col {
		margin-left: 2%;
	}
}

@media only screen and ( min-width: 1239px ) {
	.container {
		max-width: 1240px;
	}
	
	.container-fluid {
		width: 100%;
	}
	
	.boxed .container {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.boxed .post-thumb-full-wrap .container {
		padding: 0;
	}
}

/* RESET MARGINS */
.col:first-child {
	margin-left: 0;
}

/* all browsers except IE6 and lower */

/* COLUMN WIDTH ON DISPLAYS +768px */
@media ( min-width : 768px ) {
	.span_1 {
		width: 6.5%;
	}
	
	.span_2 {
		width: 15%;
	}
	
	.span_3 {
		width: 23.5%;
	}
	
	.span_4 {
		width: 32%;
	}
	
	.span_5 {
		width: 40.5%;
	}
	
	.span_6 {
		width: 49%;
	}
	
	.span_7 {
		width: 57.5%;
	}
	
	.span_8 {
		width: 66%;
	}
	
	.span_9 {
		width: 74.5%;
	}
	
	.span_10 {
		width: 83%;
	}
	
	.span_11 {
		width: 91.5%;
	}
	
	.span_12 {
		width: 100%;
	}
}