@media (max-width: 1180px) {

	#primary-side .primary-main {
		width: auto;
	}

}

@media (max-width: 865px) {

	#comments #respond p input[type=text],
	#comments #respond p textarea,
	#ds-contact-form p input[type=text],
	#ds-contact-form p textarea {
		width: 100%;
	}

	#comments #respond p textarea,
	#ds-contact-form p textarea {
		height: 150px;
	}

}

@media (max-width: 800px) {

	body { background: #fff; }
	
	#secondary-side {
		position: static;
		width: 100%;
		float: left;
		padding: 73px 0 40px 0;
		background: #2c2f33 url("../images/dark-bg.png") repeat fixed;
	}

	#primary-side .primary-main { margin: 0 40px; }
	#secondary-side .secondary-main { padding: 0 40px; }


	#primary-side #footer { margin: 80px 40px 0 40px; }

	#primary-side { padding: 40px 0; }

	#secondary-side .section.main-menu,
	#secondary-side .section.widget { display: none; }
	#secondary-side .section.branding .toggle-menu { display: block; }
	
	#primary-side { 
		width: 100%;
		float: left;
		margin: 0; 
		padding: 40px 0;
	}
	
}

@media (max-width: 480px) {
	
	.hentry .post-title { 
		font-size: 20px; 
		letter-spacing: 0;
		line-height: 1.4em;
	}
	
	#comments .commentlist .bypostauthor .by-author { display: none; }
	
}

@media (max-width: 320px) {

	#primary-side .primary-main { margin: 0 10px; }
	#secondary-side .secondary-main { padding: 0 10px; }
	#primary-side #footer { margin: 80px 10px 0 10px; }

	#secondary-side .section.branding .toggle-menu-div { margin: 0 0 0 40px; }

	#comments .commentlist li.depth-2 .comment-entry,
	#comments .commentlist li.depth-3 .comment-entry,
	#comments .commentlist li.depth-4 .comment-entry,
	#comments .commentlist li.depth-5 .comment-entry { margin-left: 0; }
	
	#comments #respond-area,
	#comments .commentlist #respond { margin-left: 0; }
	
	#ds-contact-form p label { 
		display: block;  
		margin: 5px 0 0 0;
	}

}