@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media screen and (min-width: 400px) {
	#header .logo {
		float: left;
	}
	#header .search {
		float: right;
		margin: 4px 0 0 0;
	}
	.search-wrap .search-text {
		width: 100px;
	}
	#header .socials {
		padding: 10px 0 0 0;
	}
	img.wp-post-image {
		margin: 0 20px 24px 0;
		float: left;
	}
	.entry h2,
	.entry-content h2,
	.comment-content h2 {
		margin: 30px -15px 15px -15px;
		padding: 10px 15px;
		color: #222;
		background: #f3f3f3;
		border-bottom: #e7620a 2px solid;
	}

	.advice .advice-item p img {
		display: block;
	}
}

@media screen and (min-width: 600px) {
	.search-wrap .search-text {
		vertical-align: top;
		display: inline-block;
		width: 200px;
	}
	#footer .counters {
		margin-left: 20px;
		float: right;
	}
	#footer .socials {
		margin-left: 20px;
		float: right;
	}
	.other-posts ul {
		margin: 0 -15px -8px -15px;
		padding-left: 15px;
	}
	.index_posts .index_posts_column {
		width: 220px;
		float: left;
		margin: 0 20px 20px 0;
	}
}

@media screen and (min-width: 780px) {
	body {
		background: #e6e6e9 url('images/bg.png');
	}
	#header .socials {
		float: right;
		margin: 6px 20px 0 0;
		padding: 0;
		clear: none;
	}
	#container {
		background: url('images/sidebar.png') right 0 repeat-y;
	}
	#wrapper {
		box-shadow: 0 0 8px #bbb;
	}
	.main {
		padding: 15px 0 20px 15px;
	}
	#wrapper, #footer {
		width: 780px;
	}
	.main {
		width: 480px;
		float: left;
	}
	.sidebar {
		width: 240px;
		float: right;
	}
}

@media screen and (min-width: 900px) {
	#wrapper, #footer {
		width: 900px;
	}
	.main {
		width: 600px;
	}
	body.attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
	.content-list {
		width: 325px;
		border-right: 1px solid #e6e6e6;
		margin-right: 20px;
		margin-bottom: 6px;
		float: left;
	}
}

@media screen and (min-width: 960px) {
	#wrapper, #footer {
		width: 960px;
	}
	.main {
		width: 660px;
	}
}

@media screen and (min-width: 1000px) {
	#wrapper, #footer {
		width: 1000px;
	}
	.main {
		width: 700px;
	}
}

@media screen and (min-width: 1100px) {
	#wrapper, #footer {
		width: 1010px;
	}
	#header, #footer .content {
		padding-left: 20px;
	}
	.main {
		width: 700px;
		padding: 15px 20px 20px 20px;
	}
	h2,
	.entry h2,
	.entry-content h2,
	.comment-content h2,
	.other-posts p,
	.other-posts ul,
	.content-list {
		padding-left: 20px;
		margin-left: -20px;
		margin-right: -20px;
	}
	#top_block {
		margin-left: 20px;
		margin-right: 20px;
	}
	.content-list {
		margin: 0 20px 6px -20px;
	}
}