/* NOT DESKTOP
/*-------------------------------------------------*/
@media only screen and (max-width: 1040px) {

	html, body {
		padding: 0 .665em;
	}
	
	/* HERO & SINGLE POST NAVIGATION */
	#featured-slides .flex-prev,
	#single-navigation .prev a {
		left: -2.25em;
	}
	#featured-slides .flex-next,
	#single-navigation .next a {
		right: -2.25em;
	}
	#featured-page .content {
	    overflow: visible;
	}
	
	#single-navigation .prev a {
		left: -2.25em;
	}
	#single-navigation .next a	 {
		right: 2.25em;
	}
	
}




/* DESKTOPS
/*-------------------------------------------------*/
@media only screen and (min-width: 960px) and (max-width: 1040px) {

}




/* TABLETS
/*-------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.grid-layout .entry-thumbnail a {
		max-height: 100px;
	}
}




/* MOBILE
/*-------------------------------------------------*/
@media only screen and (max-width: 767px) {

	body {
		font-size: 0.8125em;
	}
	
	.one-half,
	.one-third,
	.two-third,
	.three-fourth,
	.one-fourth {
		float: none;
		display: block;
		margin-right: 0;
		width: 100%;
	}
	
	#header .menu,
	.slide-content p,
	.slide-video {
	    display: none;
	    visibility: hidden;
	}
	
	.slide-content {
		width: auto;
		padding: 0.5em;
	}
	.slide-title {
		font-size: 1em;
	}
	
	#content,
	.has-sidebar #sidebar {
		width: 100%;
		margin: 0;
	}
	
	.has-sidebar .grid-layout .section-content {
		padding-left: 1.333em;
		padding-right: 1.333em;
	}
	
	#content .entry-side,
	#content .entry-main {
		float: none;
		width: 100%;
		padding: 0;
	}
	
	.filter-links {
		float: left;
		width: 100%;
		padding-bottom: 1.5em;
	}
	.filter-links li:first-child {
		padding-left: 0;
	}
	
	/* FOOTER */
	
	#footbar {
		padding-top: 2.667em;
		padding-bottom: 1.333em;
	}
	#footbar .column {
		width: 100%;
		margin: 0;
	}
	
	#networking {
		clear: both;
		float: left;
	}
	#networking li {
		margin-left: 0;
		margin-right: 0.667em;
	}
}


/* MOBILE (Landscape)
/*-------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
}


/* MOBILE (Small, Phones)
/*-------------------------------------------------*/
@media only screen and (max-width: 480px) {
	
	.grid-layout .entry,
	.has-sidebar .grid-layout .entry {
		width: 90%;
		margin: 0 5%;
	}
		
}