@media only screen and (min-width: 942px) and (max-width: 1170px) {

	.container {
		width:940px;
	}

	#main {
		width:639.7px;
		float:left;
	}

	#sidebar {
		width:244px;
		float:right;
	}

}
@media only screen and (max-width: 941px) {
	#sidebar {
		width:100%;
		margin-top:80px;
	}
	.widget {
		width:480px;
		margin-left:auto;
		margin-right:auto;
	}

	#top-bar {
		background-color: #FFF;
		position: fixed;
		box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.36);
		-webkit-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.36);
		-moz-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.36);
	}
	#logo img {
		margin-top: 20px;
	}
	.slicknav_menu {
		display:block;
	}
	.menu_wrap, #sticky-wrapper {
		display: none;
	}
	#content {
		margin-top: 10px;
	}

}
@media only screen and (min-width: 768px) and (max-width: 941px) {

	.container { width:726px; }

	#main {
		width:100%;
		padding-right:0;
	}

	.item-related {
		width: 155px;
	}
}


@media only screen and (max-width: 767px) {
	.container {
		width:480px;
	}

	#main {
		width:100%;
		padding-right:0;
	}
	#respond #submit {
		width: 100%;
	}
	.pagination {
		padding:0 15px;
		margin-bottom:40px;
	}

	.footer_social {
		float:none;
		text-align:center;
		margin-bottom:20px;
		padding-bottom:25px;
		border-bottom:1px solid #EEE;
	}
		.footer_social a {
			margin: 0 10px;
		}
		.footer_social a:first-child {
			margin: 0 10px;
		}
	#footer {
		margin-top:30px;
	}
		#footer_meta h2 {
			float:none;
			text-align:center;
		}
	.post_grid {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 60px;
	}
		.post_grid .post-img {
			margin-bottom: 17px;
		}

	.post-share {
		float: none;
		margin-top: 17px;
	}
	.top-meta {
		float: none;
	}
	.by, .meta_author {
		display: none;
	}
	.item-related {
		margin-bottom: 30px;
		width: 48%;
		margin-right: 4%;
	}
	.item-related:nth-of-type(2n) {
		margin-right: 0;
	}
	.post-related {
		padding-bottom: 0;
	}
	#top-social a {
    font-size: 13px;
    margin-left: 9px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	#main {
		width:100%;
	}
}
@media only screen and (max-width: 479px) {
	.container {
		width: 95%;
	}
	.widget {
		width:100%;
	}

	#respond input {
		width: 100%;
		box-sizing:border-box;
	}

	#footer_meta h2 {
   		line-height: 24px;
   	}
   	.item-related {
		width: 100%;
		margin-right: 0;
	}

}