@media only screen and (min-width: 942px) and (max-width: 1170px) {
	
	.container { width:940px; }
	#main.sidebar { width:610px; }
	#sidebar { width:300px; }
	
	/** Featured Area **/
	.featured-area {
		height:480px;
	}
	
	.feat-item.small.wide .feat-overlay h2 a {
		font-size:26px;
	}
	.feat-item.small.wide .feat-overlay h2 {
		line-height:32px;
	}
	.feat-item.small .feat-overlay h2 a {
		font-size:18px;
	}
	.feat-item.small .feat-overlay h2 {
		line-height: 21px;
	}
	.feat-item.big .feat-overlay h2 {
		line-height:38px;
	}
	
	
	/** post ***/
	.post-share a {
		font-size:12px;
	}
	
	.item-related {
		width:190px;
	}
	.pagi-content h4 {
		font-size:13px;
	}
	
	
	
	/** Post grid **/
	.post-grid > li {
		width:285px;
	}
	
	.post-grid.grid-3-columns > li {
	    width: 177px;
	    float: none;
	}	
	
	/** Widgets **/
	.social-widget a {
		margin-bottom:5px;
	}
	
	/** footer **/
	.footer-widget-area {
		width:290px;
		margin-right:35px;
	}
	.footer-widget-area.footer-widget-2-columns {
	    width: 451px;
	}	
	.footer-widget-area.footer-widget-3-columns {
	    width: 290px;
	}

	.footer-widget-area.footer-widget-4-columns {
	    width: 208px;
	}	
	
	/* Review */
	.review-summary {
		width:380px;
	}
	
	.post-img.fullwidth {
		height:520px;
	}
	
}

@media only screen and (min-width: 768px) and (max-width: 960px) { 

	.container { width:726px; }
	#main.sidebar { width:100%; }
	#sidebar {
		width:500px;
		margin:0 auto;
		float:none;
		overflow:hidden;
	}
	.slicknav_menu {
		display:block;
	}
	#nav-wrapper {
		display:none;
	}
	#top-menu-wrapper {
		display:none;
	}
	
	#top-social {
		display:none;
	}
	#mobile-top-social {
		display:block;
	}
	#top-search {
		position:absolute;
		right:20px;
		top:1px;
		float:none;
	}
	
	#header-leaderboard {
		display:none;
	}
	
	.page-title {
		height:auto;
		padding:30px 0;
	}
	.page-title h1 {
		float:none;
		line-height:50px;
	}
	.page-title .breadcrumb {
		float:none;
		line-height:30px;
		margin-bottom:0;
	}
	
	/** Featured Area **/
	.featured-area {
		height:440px;
	}
	
	.feat-item.small.wide .feat-overlay h2 a {
		font-size:26px;
	}
	.feat-item.small.wide .feat-overlay h2 {
		line-height:32px;
	}
	.feat-item.small .feat-overlay h2 a {
		font-size:18px;
	}
	.feat-item.small .feat-overlay h2 {
		line-height: 21px;
	}
	.feat-item.big .feat-overlay h2 {
		line-height:38px;
	}
	
	.feat-meta .feat-author, .feat-meta .seperator {
		display:none;
	}
	
	
	/** post **/
	.item-related {
		width:228px;
		margin-right:21px;
	}
	
	.post-img.fullwidth {
		height:480px;
	}
	
	/** Post grid **/
	.post-grid > li {
		width:343px;
	}
	.post-grid.grid-3-columns > li {
	    width: 216px;
	    float: none;
	}		
	/** Footer **/
	.footer-widget-area {
		width:480px!important;
		margin:0 auto;
		float:none;
		overflow:hidden;
	}
	.footer-widget-area:last-child {
		margin-right:auto;
	}

}

@media only screen and (max-width: 767px) { 

	.container { width:300px; }
	#main.sidebar { width:100%; }
	#sidebar {
		width:100%;
	}
	
	#nav-wrapper {
		display:none;
	}
	#top-menu-wrapper {
		display:none;
	}
	
	#top-social {
		display:none;
	}
	#mobile-top-social {
		display:block;
	}
	#top-search {
		position:absolute;
		right:20px;
		top:1px;
		float:none;
	}

	.slicknav_menu {
		display:block;
	}
	
	#header-leaderboard {
		display:none;
	}
	
	.page-title {
		height:auto;
		padding:30px 0;
	}
	.page-title h1 {
		float:none;
		line-height:50px;
	}
	.page-title .breadcrumb {
		float:none;
		line-height:30px;
		margin-bottom:0;
	}
	
	.featured-area {
		height:850px;
	}
	.feat-big-wrap {
		float:none;
		height:35%;
		width:100%;
	}
	.feat-item.big .feat-overlay {
		padding:60px 20px 20px;
	}
	.feat-item.big .feat-overlay h2 a {
		font-size:18px;
	}
	.feat-item.big .feat-overlay h2 {
		line-height:22px;
	}
	.feat-small-wrap {
		width:100%;
		height:65%;
		float:none;
	}
	.feat-item.small.wide {
		width:100%;
		height:33.3%;
		float:none;
	}
	.feat-item.small {
		width:100%;
		height:33.3%;
		float:none;
	}
	.feat-item.small.wide h2 a, .feat-item.small .feat-overlay h2 a {
		font-size:16px;
	}
	.feat-item.small.wide h2, .feat-item.small h2 {
		line-height:18px;
	}
	
	.feat-meta .feat-author, .feat-meta .seperator {
		/* display:none; */
	}
	
	/** Post **/
	.post-header h2 a {
		font-size:26px;
	}
	.post-header.full .post-title { font-size:32px; }
	.item-related {
		width:100%;
		margin-bottom:20px;
		float:none;
	}
	ul.children{
		margin-left: 0;
	}	
	.comment .avatar {
		text-align: center;
		float: none;
		margin: 0;
		margin-bottom: 5px;
	}
	.comment .comment-author-name {
	    text-align: center;
	    margin: 0;
	}	
	.post-share span {
		display:none;
	}
	.post-share a.comment-box i {
		display:none;
	}
	
	.prev-post {
		width:100%;
		border-bottom:1px solid #e5e5e5;
	}
	.next-post {
		width:100%;
	}
	.pagi-content h4 {
		font-size:12px;
	}
	
	.post-img.fullwidth {
		height:280px;
	}
	.post-header.overlay .post-title {
		font-size:24px;
	}
	
	.post-header.overlay {
		padding:50px 30px 35px;
	}
	
	/** Grid Post **/
	.post-grid > li {
		width:100%;
		float:none;
	}
	
	.post-grid.grid-3-columns > li {
	    width: 100%;
	    float: none;
	}	
	
	/** Footer **/
	#footer-bottom {
		height:auto;
		overflow:hidden;
		padding:8px 0;
	}
	#footer-bottom .back-top {
		float:none;
		line-height:32px;
	    padding: 10px;
	}
	#footer-bottom .copyright {
		line-height:22px;
		display:block;
		width:100%;
		padding: 10px;
	}
	
	/** Widgets **/
	.social-widget a {
		margin-bottom:5px;
	}
	
	.review-summary {
		width:100%;
	}
	
	.review-score {
	  float: none!important;
	  text-align: center;
	}
	
	.author-img{
		float: none;
		margin-right: 0;
		text-align: center;
	}	
	
	.author-content h5{
		text-align: center;
	}

	.author-social{
		text-align: center;
	}	
	
	.footer-widget-area{
		padding: 10px;
		width: 100%!important;
	}	
	
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	
	.container { width:480px; }
	
	
	.pagi-content h4 {
		font-size:14px;
	}
	
	.review-summary {
		width:260px;
	}
	
	.review-score {
	  float: none!important;
	  text-align: center;
	}
	
	.post-img.fullwidth {
		height:340px;
	}
	.post-header.overlay .post-title {
		font-size:32px;
	}
	
}