@media only screen and (max-width: 959px) {
	#site-navigation ul { display: none; }
	#site-navigation select { display: block; }
}

@media only screen and (max-width: 767px) {
	.span_1, .span_2, .span_3, .span_4, .span_5, .span_6, .span_7, .span_8, .span_9, .span_10, .span_11, .span_12, .span_13, .span_14, .span_15, .span_16, .span_17, .span_18, .span_19, .span_20, .span_21, .span_22, .span_23, .span_24 { width: 100%; margin-left: 0; margin-right: 0; }
	.portfolio-entry.span_8 { width: 32.0%; margin-left: 2%; }
	.portfolio-entry.span_8.col-1 { margin-left: 0 }
	.sidebar-container { padding-left: 0; margin-top: 40px; padding-top: 40px; border-top: 5px solid #ddd; }
	.comment-author { position: inherit; margin-bottom: 10px; }
	.comment-details, .commentlist .children { margin-left: 0; }
}

@media only screen and (max-width: 600px) {
	#logo { float: none; }
	#site-navigation { position: inherit; top: auto; right: auto; margin: 30px 0 0; }
	#site-navigation select { width: 100%; }
	#portfolio-cats li { display: block; width: 100%; float: none; }
}

@media only screen and (max-width: 401px) { 
	.container { max-width: 90%; padding-left: 0; padding-right: 0; }
	.span_1, .span_2, .span_3, .span_4, .span_5, .span_6, .span_7, .span_8, .span_9, .span_10, .span_11, .span_12, .span_13, .span_14, .span_15, .span_16, .span_17, .span_18, .span_19, .span_20, .span_21, .span_22, .span_23, .span_24, .portfolio-entry.span_8 { width: 100%; margin-left: 0; margin-right: 0; }
}