/******************************************************
	smaller than 1000px
*******************************************************/

@media screen and (max-width: 1000px) {
	
	.wrapper,
	#content {
		width: 675px;
	}
	
	#featured-posts,
	#carousel-wrap {
		display: none;
	}
	
	/*** Header Styling ***/
	
	#logo {
		float: none;
		text-align: center;
	}
	
	#header-ad {
		display: none;
	}
	
	/*** Menu Styling ***/
	
	#menu-icon {
		display: block;
		width: 40px;
		height: 60px;
		background: url(../images/menu-icon.png) no-repeat center center;
		cursor: pointer;
		float: left;
	}
	
	#menu-icon + div {
		position: relative;
	}
	
	#main-nav
	.sf-menu {
		display: none;
		width: 290px;
		padding: 5px;
		background-color: rgba(44, 44, 44);
		background-color: rgba(44, 44, 44, 0.9);
		position: absolute;
		left: 0;
		top: 61px;
		z-index: 1000;
	}
	
	#main-nav
	.sf-menu li {
		margin: 0;
		line-height: normal;
		clear: both;
	}
	
	#main-nav
	.sf-menu a {
		padding: 10px 14px;
	}
	
	#main-nav a:hover,
	#main-nav .current-menu-item a,
	#main-nav li:hover a {
		border-bottom: none;
	}
	
	/*** Drop Down Menu ***/
	
	#main-nav
	.sub-menu {
		position: static;
		padding: 0 0 0 25px;
		display: block !important;
		visibility: visible !important;
		background: none;
	}
	
	#main-nav
	li .sub-menu li a {
		border: none;
	}
	
	/*** Main Sidebar Styling ***/
	
	#main-sidebar {
		margin-right: auto;
		margin-left: auto;
		float: none;
		overflow: hidden;
	}
	
	#main-sidebar
	.widget:first-child {
		margin-top: 0;
	}
	
	/*** Main Footer Styling ***/
	
	#main-footer .widget {
		margin-right: auto;
		margin-left: auto !important;
		float: none;
	}
	
	#copyright {
		height: auto;
	}
	
	#copyright p,
	#copyright ul {
		float: none;
		text-align: center;
		clear: both;
	}
	
	#copyright li {
		float: none;
		margin-bottom: 20px;
		margin-left: 0;
	}
	
	.back-to-top {
		left: 46%;
	}
	
}

/******************************************************
	smaller than 700px
*******************************************************/

@media screen and (max-width: 700px) {
	
	.wrapper,
	#content,
	#comments {
		width: 325px;
	}
	
	.error404 #content {
		width: 305px;
	}
	
	.back-to-top {
		left: 44%;
	}
	
	/*** Header Styling ***/
	
	#main-nav .nav-social li {
		margin-left: 16px;
	}
	
	/*-------------------------------------------*\
		Single  / Page Template Styling
	\*-------------------------------------------*/
	
	.single .post,
	#about-author,
	.comment-form,
	.type-page {
		width: 315px;
	}
	
	.single
	.post-thumb img {
		width: 100%;
		height: auto;
	}
	
	#contact-map iframe {
		width: 100%;
		height: 350px;
	}
	
	.entry iframe,
	.entry object,
	.entry embed,
	.entry video {
		width: 100%;
		height: 170px;
		float: left;
	}
	
	.entry img {
		width: 100%;
		height: auto;
	}
	
	#author, #email, #url {
		width: 60%;
	}
	
	#comment {
		width: 93%;
	}
	
	.wpcf7-text,
	.wpcf7-textarea {
		width: 96%;
	}
	
}

/******************************************************
	smaller than 342px
*******************************************************/

@media screen and (max-width: 342px) {
	
	.wrapper,
	#content,
	#comments {
		width: 280px;
		margin-right: auto;
		margin-left: auto;
	}
	
	#posts .post,
	#posts .post-thumb {
		width: 270px;
	}
	
	.error404 #content,
	.post-content {
		width: 260px;
	}
	
	#main-nav
	.nav-social li {
		margin-left: 10px;
	}
	
	.back-to-top {
		left: 38%;
	}
	
	/*** Main Sidebar Styling ***/
	
	#main-sidebar {
		width: 280px;
	}
	
	#main-sidebar .widget {
		width: 270px;
	}
	
	.widget_molaads img {
		width: 100%;
		height: auto;
	}
	
	#main-sidebar #s {
		width: 216px;
	}
	
	/*-------------------------------------------*\
		Single Post Page Styling
	\*-------------------------------------------*/
	
	.single .post,
	#about-author,
	.comment-form,
	.type-page {
		width: 270px;
	}
	
	#comment {
		width: 92%;
	}
	
}