/*
// =======================================================================
// < 955px
// =======================================================================
*/

@media screen and (max-width: 900px) {

	.entry img, .entry img:hover, .wp-caption.alignright, .wp-caption.alignleft  {max-width: 97.5%;}
	img[class*="align"], img[class*="wp-image-"] {height: auto;}
	img.size-full {max-width: 97.5%;width: auto;}
	.single .entry, .page .entry, #respond, .comment-stuff {width: auto; font-size: 1.15em;}
	.home .masthead { height: auto !important; }
	/* h1.logo, h2.description {padding-left: 2%;} */
	.toolbar {position: relative !important; margin-bottom:2%;}

	#content-wrapper {margin: 0 !important;}
	.single h1.posttitle, h1.pagetitle {font-size: 1.8em;}
	.main {margin: 0 2%;}
	textarea#comment {width:90%;}

	h1.logo { width:100%; }
	.home h1.logo {margin: 0 !important; font-size: 1.3em; text-align: left; }
	.home h2.description { margin:0; text-align: left; }
	.masthead .menu {margin: 20px 0 10px 0; text-align: right; float:right; width: 49%; }
	.branding { margin:20px 0 20px 0; float: left; text-align: left; width:49%; }

	.home .custom-logo-link, .home .site-logo-link, .site-logo-link { max-width: 60px; float:left; margin:5px 4%; }

	.toggles { display: none; }
	.cat-details {
		width:100%;
		padding: 0 2%;
		margin:0;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.cat-details .rn_select {
		width:100%;
	}

}



/*
// =======================================================================
// < 767px
// =======================================================================
*/

@media screen and (max-width: 767px) {

	/*Structure*/
	body {font-size: 1em;}
	.row, body {width: 100%;min-width: 0; padding:0; margin:0;}
	.row aside.fourcol {margin-top: 30px;}
	.container {padding: 0; margin: 0}
	footer .widget {display: block; width: auto; float: none;margin: 15px 3%;}
	.masonry-container article { width:47%; margin:1.5%; }
	.single article { padding: 10px 5%; margin:0; }
	.single article {width:auto; }
	.postnav {display: none;}

	.branding {text-align: center !important; width:100%; margin-bottom: 60px; }
	.home h1.logo, h1.logo, .home h2.description, h2.description { text-align:center; width:100%; padding:0; }
	.home h1.logo, h1.logo { font-size: 2em !important; width: 100%; }

	/*Reset*/
	.row .col-content, .row .col-sidebar,
	.postnav .right, .postnav .left, .gallery-item, .thumb-wrap, .excerpt-wrap {
		width: auto !important;
		float: none !important;
		margin-left: 3%;
		margin-right: 3%;
	}


	/*Nav*/
	#nav-mobile-pages {display: block;}
	#nav-mobile-pages select {width: 80%; font-size:2.5em; margin: 2% auto; display: block;}

	.branding { width:100%; }
	.masthead .menu { width:38%; margin-right:2%; }
	.postnav .right, .postnav .left, .thumb-wrap {text-align:center; margin:5px 0;}
	h1.posttitle, h1.pagetitle, h2.posttitle {font-size:1.4em;}
	.gallery .gallery-item, .gallery .gallery-caption {padding:0; margin:0;}
	#related-posts {text-align: center}
	#related-posts li {margin: 15px 0 25px; float: none; width:auto}
	#related-posts img {margin: 0 auto 10px;}


	/*Footer*/
	footer {
		padding: 2% 2% 0;
		margin: 0;
		font-size: .8em;
	}
	footer, .push {
		height: auto;
	}

	.wp-credit {
		display: block;
		line-height: 2.5em;
	}

	.sep {
		display: none;
	}

}




/*
// =======================================================================
// < 600px
// =======================================================================
*/

@media screen and (max-width: 600px) {

	.masonry-container article {
		width:97%;
	}

	  footer .widget {
		  float: none;
		  height: auto;
		  width: 100%;
		  position: relative
	  }

}

/*
// =======================================================================
// < 480px
// =======================================================================
*/

@media only screen and (max-width : 480px) {
	.single h1.posttitle, h1.pagetitle {font-size: 1.4em;}
	.masthead .menu {
		position: absolute;
		left: 2%;
		right:2%;
		bottom:15px;
		width:auto;
		padding:0;
		margin:0;
	}
	.rn_select {width:100%; margin: 0;}
	.home .custom-logo-link, .home .site-logo-link, .site-logo-link { float:none; margin:0 auto; }
}


/*
// =======================================================================
// < 320px
// =======================================================================
*/

@media only screen and (max-width : 320px) {

	.masonry-container article {
		width:100% !important;
		float: none;
	}

}