@media only screen and (min-width: 942px) and (max-width: 1170px) {
	.container {
		width: 940px;
	}
	#main {
		width: 550px;
		margin-right: 30px;
	}
	#header-banner {
		width: 468px;
		padding-top: 45px;
	}
	/* Featured slider */
	.feat-info h2 a {
		font-size: 20px;
		line-height: 30px;
	}
	.post-banner img {
		max-width: 100%;
	}
	/* Related Posts */
	.related-item {
		width: 170px;
		margin-right: 20px;
	}
	.fullwidth .related-item {
		width: 272px;
		margin-right: 32px;
	}
	.fullwidth .related-item:last-child {
		margin-right: 0;
	}
	/* Review */
	.review-summary {
		width: 380px;
	}
	/* List item */
	.list-item .post-image img {
		max-width: 200px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
	.container {
		width: 726px;
	}
	#main {
		width: 100%;
	}
	#sidebar {
		/* width:480px; */
		width: 100%;
		margin: 0 auto;
		float: none;
		overflow: hidden;
	}
	#header-banner {
		width: 468px;
		padding-top: 45px;
	}
	/* Responsive Menu */
	#navigation .menu {
		display: none;
	}
	.slicknav_menu {
		display: block;
	}
	/* Featured slider */
	.feat-info h2 a {
		font-size: 26px;
		line-height: 36px;
	}
	.post-banner img {
		max-width: 100%;
	}
	/* Related Posts */
	.related-item,
	.fullwidth .related-item {
		width: 208px;
		margin-right: 21px;
	}
	.fullwidth .related-item:last-child {
		margin-right: 0;
	}
	.post-reply textarea {
		box-sizing: border-box;
	}
	.search-wrapper input {
		width: 620px;
	}
}

@media only screen and (max-width: 768px) {
	.container {
		width: 100%;
	}
	#main {
		width: 100%;
	}
	#sidebar {
		width: 100%;
	}
	#content {
		padding: 20px;
	}
	#logo {
		float: none;
		text-align: center;
	}
	#header-banner {
		max-width: 100%;
		float: none;
		text-align: center;
	}
	/* Responsive Menu */
	#navigation .menu {
		display: none;
	}
	.slicknav_menu {
		display: block;
	}
	/** featured slider **/
	.feat-info h2 a {
		font-size: 20px;
		line-height: 30px;
	}
	.feat-info h2 {
		margin-bottom: 0;
	}
	.feat-info .meta {
		display: none;
	}
	.post-banner img {
		max-width: 100%;
	}
	.post-header h2 a,
	.post-header h1 {
		font-size: 26px;
		line-height: 36px;
	}
	/* Related Post */
	.related-item,
	.fullwidth .related-item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.comments .children {
		margin-left: 0!important;
	}
	.comment-avatar img {
		width: 40px;
		height: 40px;
	}
	.post-reply textarea {
		box-sizing: border-box;
	}
	.review-summary {
		width: 100%;
	}
	.review-score {
		float: none;
		text-align: center;
	}
	/* List item */
	.list-item .post-image {
		float: none;
		margin-right: 0;
		margin-bottom: 14px;
	}
	.list-item .post-image img {
		max-width: 100%;
		width: 100%;
	}
	.list-item p {
		margin-bottom: 0;
	}
	.search-wrapper input {
		width: 200px;
	}
	.search-wrapper button {
		float: none;
	}
	.pagination a {
		display: inline-block;
		margin-bottom: 10px;
	}
	.post-reply input {
		width: 95%;
	}
	/* footer */
	.footer-logo {
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}
	.footer-social {
		float: none;
		text-align: center;
	}
	.footer-social h4 {
		text-align: center;
	}
	#copyright {
		height: auto;
		text-align: center;
	}
	#copyright p.left {
		float: none;
	}
	.to-top {
		float: none;
	}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	.container {
		width: 480px;
	}
	#content {
		padding: 30px;
	}
	.review-summary {
		width: 260px;
	}
	.review-score {
		float: right;
		text-align: center;
	}
	.search-wrapper input {
		width: 375px;
	}
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}