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

	/* set img max-width */
	img {
		width: auto\9;
		max-width: 100%;
		height: auto;
	}

	/* pagewidth */
	.pagewidth {
		max-width: 94%;
	}
	
	
	/* post */
	.post {
		max-width: 23.125%;
		margin-left: 2.5%;
	}
	.clearleft {
		margin-left: 0;
	}

	/* single */
	.single .post {
		max-width: 100%;
		margin-left: 0;
	}
	
}

@media screen and (max-width: 800px) {
	
	/* buttons */
	.post .buttons {
		margin-top: -15px;
	}
	.post .buttons a {
		width: 30px;
		height: 30px;
	}
	
	/* reset elements */
	#header,
	#site-logo,
	#site-description,
	#main-nav,
	.header-banner {
		position: static;
		height: auto;
	}
	
	/* header */
	#site-logo {
		margin: 20px 0 10px;
	}
	#site-description {
		margin: 10px 0 20px;
	}
	#main-nav {
		margin: 0 0 20px;
	}
	.header-banner {
		margin: 0 0 10px;
	}
	
	/* comments */
	.commentlistwrap {
		float: none;
		width: 95%;
		clear: both;
	}
	.commentwrap .pagenav.top {
		position: static;
		margin: 10px 0 15px;
		text-align: left;
	}
	#respond {
		float: none;
		width: 95%;
		clear: both;
		margin: 30px 0 0;
	}
	#respond:after {
		display: none
	}
	.commentlist #respond {
		width: auto;
		float: none;
		position: relative;
		margin: 20px 0;
	}
	.commentlist .commententry {
		overflow: visible;
	}
	.commentlist #respond:after {
		display: block;
		position: absolute;
		content: ' ';
		width: 0;
		height: 0;
		top: -18px;
		left: 20px;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #000;
	}
	
}

@media screen and (max-width: 600px) {
	
	html {
		-webkit-text-size-adjust: none;
	}

	/* center header elements */
	#header,
	#site-logo,
	#site-description,
	#main-nav,
	.header-banner {
		text-align: center;
	}
	
	/* move search to new line */
	#main-nav .search {
		display: block;
		margin: 8px auto;
		width: 160px;
		text-align: center;
	}
	
	/* ads */
	.ad {
		display: none;
	}
	
	/* post */
	.post {
		max-width: 100%;
		margin: 0 auto 35px !important;
		float: none;
		clear: both;
	}

	/* buttons */
	.post .buttons {
		margin-top: -25px;
	}
	.post .buttons a {
		width: 50px;
		height: 50px;
	}
	.post .buttons .zoom {
		display: none !important;
	}
	
}