/******************************************************
	Smaller than 1010px
*******************************************************/

@media screen and (max-width: 1010px) {
	
	.wrapper {
		width: 640px;
	}

	/*-------------------------------------------*\
		Main Header Styling
	\*-------------------------------------------*/

	#logo {
		float: none;
		text-align: center;	
	}

	#logo img {
		max-width: 100%;
	}

	#header-banner {
		display: none;
	}

	/*** Main Nav Styling ***/

	.stick-it {
		position: relative;
	}

	.stick-it #main-nav {
		width: 100%;
	}

	#main-nav {
		width: 640px;
	}

	#menu-icon {
		position: relative;
		z-index: 15;
		width: 46px;
		height: 46px;
		float: left;
		background: url(../images/menu-icon.png) no-repeat #333;
		cursor: pointer;
		transition: all .3s;
	}

	#menu-icon::after {
	    content: '';
	    display: inline-block;
	    width: 0;
	    height: 10px;
	    float: right;
	    margin-top: 17px;
	    line-height: 10px;
	    border-right: 1px solid #3A3A3A;
	    border-left: 1px solid #292929;
	}

	#main-nav
	.menu {
		position: absolute;
		left: 0;
		top: 46px;
		z-index: 400;
		display: none;
		width: 290px;
		padding-top: 12px;
    	padding-bottom: 16px;
		background-color: #2F2F2F;
	}

	#main-nav li {
		clear: both;
		line-height: 34px;
		border-right: none;
	}

	#main-nav li::after {
		display: none;
	}

	#main-nav li a {
		height: 34px;
		padding-left: 20px;
		border-right: none;
		font-size: 12px;
    	font-weight: 400;
	}

	#main-nav 
	.current-menu-item 
	> a::after {
		display: none;
	}

	/*** Main Nav Drop Down Menu ***/

	.drop-sign {
		display: none;
	}
	
	#main-nav .menu li ul {
		position: static;
		float: none;
		display: block !important;
		background-color: transparent;
		border: none;
		padding-left: 16px;
	}

	#main-nav .menu li ul li {
		border: none;
		line-height: 34px;
	}

	#main-nav ul li ul a {
		height: 34px;
	}

	/*-------------------------------------------*\
		Featured Slider Styling
	\*-------------------------------------------*/

	#featured-slider,
	#featured-slider 
	.slides > li {
		width: 640px;
		height: 300px;
	}

	.flex-direction-nav a {
		top: 128px;
	}

	.slide-cap,
	.flex-control-paging {
		bottom: 20px;
	}

	/*-------------------------------------------*\
		Content Styling
	\*-------------------------------------------*/

	#content {
		width: 600px;
	}

	#posts-wrap {
    	width: 600px;
    }

	/*** Large Posts Styling ***/

	.large-post {
    	width: 600px;
    }

    .large-post 
    .post-with-thumb {
    	width: 520px;
    }

    .large-post 
    .post-thumb {
    	height: 330px;
    }

    /*** Medium Posts Styling ***/

    .medium-post {
    	width: 285px;
    }

    .medium-post 
    .post-with-thumb {
    	width: 205px;
    }

    .medium-post 
    .post-thumb {
    	height: 230px;
    }

    .medium-post
    .share-post .google {
    	display: none;
    }

    /*** Main Sidebar Styling ***/

    #sidebar-margin,
    #main-sidebar {
    	width: 600px;
    	margin: 0 auto;
    	padding: 0;
    }

    .widget {
    	width: inherit;
    }

    .widget_molavid iframe {
    	height: 338px;
    }

    /*** Second Section Styling ***/

    .large-thumb,
    #second-section 
    .medium-thumb {
    	width: 298px;
    	height: 174px;
    }

    .large-thumb 
    .thumb-cap,
    .medium-thumb 
    .thumb-cap {
	    width: 268px;
	}

	#second-section 
	.post-title {
	    margin-bottom: 6px;
	    font-size: 22px;
	    line-height: 30px;
	}

	/*** Third Section Styling ***/

	.sec-small-post {
		width: 285px;
		float: left;
	}

	.sec-small-post 
	.post-thumb {
		width: 285px;
		height: 285px;
	}

	.sec-small-post:nth-child(odd) {
		margin-right: 30px;
	}

	.sec-small-post 
	.post-content {
    	width: 205px;
    }

	.sec-large-post {
    	width: 600px;
    	margin: 0 auto;
    }

    .sec-large-post 
    .post-content {
    	width: 520px;
    	margin-bottom: 30px;
    }

    /*-------------------------------------------*\
		Single Post Page Styling
	\*-------------------------------------------*/

	.single-thumb {
    	height: 260px;
    }

    /*-------------------------------------------*\
		Main Footer Styling
	\*-------------------------------------------*/

	#footer-social li {
		margin-left: 30px;
	}

	#main-footer 
	.wrapper {
		width: 600px;
	}

	#main-footer .widget {
		margin: 30px 0; 
		float: none;
	}

}

/******************************************************
	Smaller than 640px
*******************************************************/

@media screen and (max-width: 640px) {
	
	.wrapper {
		width: 320px;
	}

	#featured-slider {
		display: none;
	}

	/*-------------------------------------------*\
		Main Header Styling
	\*-------------------------------------------*/

    /*** Main Nav Styling ***/

	#main-nav {
		width: 320px;
	}

	/*-------------------------------------------*\
		Content Styling
	\*-------------------------------------------*/

	#content {
		width: 280px;
	}

	#posts-wrap {
    	width: 280px;
    }

    .section-subs {
    	height: auto;
    }

	/*** Large Posts Styling ***/

	.large-post {
    	width: 280px;
    }

    .large-post 
    .post-with-thumb {
    	width: 200px;
    }

    .large-post 
    .post-thumb {
    	height: 156px;
    }

    /*** Medium Posts Styling ***/

    .medium-post {
    	width: 280px;
    }

    .medium-post 
    .post-with-thumb {
    	width: 200px;
    }

    .medium-post 
    .post-thumb {
    	height: 220px;
    }

    /*** Main Sidebar Styling ***/

    #sidebar-margin,
    #main-sidebar {
    	width: 280px;
    }

    .widget_molavid iframe {
    	height: 158px;
    }

    /*** Second Section Styling ***/

    .first-row-sec {
    	margin-bottom: 0;
    }

    .large-thumb,
    #second-section 
    .medium-thumb {
    	width: 280px;
    	height: 164px;
    	margin-bottom: 4px;
    }

    .large-thumb 
    .thumb-cap,
    .medium-thumb 
    .thumb-cap {
	    width: 250px;
	}

	/*** Third Section Styling ***/

	.sec-small-post  {
		width: 280px;
	}

	.sec-small-post:nth-child(odd) {
		margin-right: 0;
	}

	.sec-small-post 
	.post-thumb {
		width: 280px;
		height: 280px;
	}

	.sec-small-post 
	.post-content {
    	width: 200px;
    }

	.sec-large-post {
    	width: 280px;
    	margin: 0 auto;
    }

    .sec-large-post 
    .post-thumb {
	    height: 280px;
	}

    .sec-large-post 
    .post-content {
    	width: 200px;
    	margin-bottom: 30px;
    }

    .sec-large-post
    .post-meta {
    	text-align: center;
    }

    .sec-large-post
    .post-meta li {
    	float: none;
    }

    /*-------------------------------------------*\
		Single Post Page Styling
	\*-------------------------------------------*/

	.single-thumb {
    	height: 132px;
    }

    .entry iframe, 
    .entry img {
    	height: auto;
    }

    #author, 
 	#email, 
 	#url {
 		width: 95%;
 	}

 	#comment {
  		width: 92.7%;
  	}

  	/*-------------------------------------------*\
		Page Template / Error Page Styling
	\*-------------------------------------------*/

	.page-temp-wrap {
		margin-bottom: 30px;
	}

  	.wpcf7-text,
 	.wpcf7-textarea {
 		width: 258px;
 	}

 	.entry
	.ajax-loader {
		width: auto;
	}

  	#error-wrap,
  	#error-wrap 
  	#searchform {
  		width: 280px;
  	}

  	#error-wrap #s {
  		width: 186px;
  	}

    /*-------------------------------------------*\
		Main Footer Styling
	\*-------------------------------------------*/

	#footer-social {
		height: auto;
		padding-bottom: 20px;
	}

	#footer-social li {
		clear: both;
		margin-left: 0;
	}

	#main-footer 
	.wrapper {
		width: 280px;
	}

	#copyright {
		height: auto;
		overflow: hidden;
	}

	#back-to-top {
		float: left;
	}

}