@media only screen and (max-width: 767px) {
	
	/* HOMEPAGE */
	
	.wrapper, .home-content{
		width: 100%;
		padding: 0;
	}
	
	.wrapper, .home-content{
		width: 100%;
	}
	
	.home-content{
		margin: 90px 0 0 0;
	}
	
	.home-post{
		margin: auto;
	}
	
	a.post, .post{
		width: 96%;
		padding: 0 2%;
		margin: 0;
		height: auto;
	}
	
	.post-title{
		width: 100%;
		padding: 0;
		margin: 0%;
		height: auto;
	}
	
	.post-thumb, .post-thumb img{
		width: 100%;
		padding: 0;
		margin: 0;
		height: auto;
	}
	
	/* HEADER & FOOTER */
	
	.header{
		
		margin: 0 auto;
		height: auto;
	}
	
	.logo-image{
		margin: auto;
		text-align: center;
		
	}
	
	.logo-image img{
		float: none;
	}
	
	.header-container, .footer-container{
		width: 96%;
		padding: 0 2%;
		margin: 0;
	}
	
	.header-nav, .header-right,.search-form ,.footer-nav{
		display: none;
	}
	
	.header-left{
		width: auto;
	}
	
	.header-right{
		width: 230px;
		float: right;
	}
	
	#category-select{
		display: block;
	}
	
	.fa-2x{
		width: 25px;
	}
	

	
	.search-field:focus{
		width: 300px;
	}
	
	/* POST */
	
	.post-content{
		width: 96%;
		margin: 10px 0 0 0;
		padding: 0 2%;
	}

	
	h1{
		font-size: 24px !important;
		line-height: 27px !important;
	}
	
	h2{
		font-size: 22px;
		line-height: 25px;
	}
	
	h3{
		font-size: 20px;
		line-height: 23px;
	}
	
	.single{
		margin-top: 0;
	}
	
	.single-info, .single-info a, .single-info-edit a, .single-info-bottom, .single-info-bottom a{
		line-height: 30px;
		font-size: 14px;
	}
	
	.single-title{
		margin: 10px 0 0 0;
	}
	
	.single img, .random-container-bottom h4{
		width: 100%;
	}
	
	.share-facebook{
		width: 100%;
		font-size: 20px;
		height: auto;
		margin: 5px 0;
	}
	
	.share-facebook:after{
		font-size: 24px;
	}
	
	.col-md-4 {
	    width: 100%;
	    padding: 0;
	    margin-bottom: 10px;
	}
	
	.post-pagination .page-nav-number{
		font-size: 20px;
		margin-top: 0px;
	}
	
	.col-md-8 {
	    width: 100%;
	    padding: 0;
	}
	
	.post-pagination .btn{
		padding: 15px 0;
		font-size: 20px;
	}
	
	/* SIDEBAR */
	
	.sidebar{
		width: 96%;
		margin: 0;
		padding: 0 2%;
		margin: 0;
	}
	
	.widget-title{
		width: auto;
		margin: 0;
	}
	
	.social-icons{
		width: 300px;
	}
	
	.social-icons li{
		margin: 0 11px 11px 0;
	}
	
	.random-posts-widget-sidebar, .post-thumb-medium{
		width: 100%;
	}
	
	.random-posts-widget-sidebar img{
		width: 100% !important;
		height: auto;
	}
	
	/* Disabled */
	
	.random-container-top, .random-container-bottom, .random-posts-widget-top, .random-posts-widget-bottom, .widget-title-top-bottom, .overlay, .after-content-ads, .scroll .fa{
		display: none;
	}
	
	.footer{
		margin: 120px 0 0 0;
		font-size: 11px;
	}
	
	.footer a{
		font-size: 11px;
	}
	
}

/**************** Tablets ****************/

@media only screen and (min-width: 768px) and (max-width: 1113px) {
	
	/* HOMEPAGE */
	
	.wrapper, .home-content{
		width: 100%;
	}
	
	
	/* Header & Footer */
	
	.header, .footer{
		margin: 0 auto;
	}
	
	.header-container, .footer-container{
		width: 98%;
		margin: 0 1%;
	}
	
	.header-nav, .footer-nav{
		display: none;
	}
	
	.header-left{
		width: 120px;
		background: #37a793;
	}
	
	#category-select{
		display: block;
	}

	/* POST */
	
	.post-content{
		width: 98%;
		margin: 10px 1% 0 1%;
	    padding: 0;
	    float: none;
	}
	
	.single img{
		width: 100%;
	}
	
	.post{
		width: 48%;
		padding: 1% 1% 40px 1%;
	}
	
	.post-thumb, .post-thumb img, .post-title{
		width: 100%;
		height: auto;
	}
		
	/* SIDEBAR */
	
	.sidebar{
		width: 98%;
		padding: 0 1%;
		margin: auto;
		float: none;
	}
	
	.widget-title, .subscribe-widget{
		width: 98%;
		padding: 15px 1%;
	}
	
	.widget-title{
		margin: 15px 0;
	}
	
	.social-icons{
		width: 100%;
		margin: 0;
	}
	
	.social-icons li{
		margin: 0 9px 9px 0;
	}
	
	.random-posts-widget-sidebar{
		width: 100%;
		margin: 30px 0;
	}
	
	.random-posts-widget-sidebar img, .post-thumb-medium{
		width: 100%;
		height: auto;
	}
	
		/* Disabled */
	
	.random-container-top, .random-container-bottom, .random-posts-widget-top, .random-posts-widget-bottom, .widget-title-top-bottom, .overlay, .after-content-ads{
		display: none;
	}
	
	.scroll .fa {
		font-size: 30px;
	}
	
	.footer{
		margin: 120px 0 0 0;
	}
	
}