/******************************************************
	Smaller than 1020px
*******************************************************/

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

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

	#header-search {
		width: 210px;
	}

	#header-search #s {
		width: 118px;
		padding: 0 14px;
	}

	/*** Main Nav Styling ***/

	#main-nav {
		width: 690px;
	}

	#main-nav.stick-it {
		position: relative;
		opacity: 1;
	}

	.stick-it {
    	animation-name: none;
    }

	#menu-icon {
		position: relative;
		z-index: 15;
		width: 46px;
		height: 48px;
		float: left;
		margin-left: 1px;
		border-bottom: 2px solid #F34E4E;
		background: url(http://www.joystick101.org/ODdmYzI0ZT/themes/joystick101/images/menu-icon.png) no-repeat rgba(255,255,255,0.05);
		cursor: pointer;
		transition: background .3s;
	}

	#menu-icon:hover {
		background-color: rgba(255,255,255,0.03);
	}

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

	#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: 13px;
    	font-weight: 400;
	}

	#main-nav li a:hover,
	#main-nav ul li ul 
	.current-menu-item a:hover {
		color: #ccc;
		background-color: transparent;
	}

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

	.drop-sign,
	#main-nav 
	ul li ul 
	.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;
	}

	/*-------------------------------------------*\
		Main Sidebar Styling
	\*-------------------------------------------*/

	#main-sidebar {
		width: 690px;
		float: none;
	}

	#main-sidebar
	.widget {
		width: 670px;
	}

	#main-sidebar
	.widget-title {
		width: 690px;
	}

	.widget_molabout img {
		width: 100%;
	}

	.video-widget-wrap,
	.widget_molavid iframe {
		height: 372px;
	}

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

	#main-footer .widget {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
		margin-left: 0;
	}

	.widget-divider {
		display: none;
	}

}

/******************************************************
	Smaller than 690px
*******************************************************/

@media screen and (max-width: 690px) {
	
	.wrapper,
	#content {
		width: 320px;
	}

	#header-elements,
	#featured-slider {
		display: none;
	}

	#main-nav {
	    width: 320px;
	}

	#posts-wrap,
	#posts-wrap .post {
    	width: 320px;
    }

    img,
    iframe {
    	max-width: 320px;
    }

    /*-------------------------------------------*\
		Main Sidebar Styling
	\*-------------------------------------------*/

    #main-sidebar,
    #main-sidebar
 	.widget-title {
    	width: 320px;
    }

    #main-sidebar
 	.widget {
 		width: 300px;
 	}

 	.video-widget-wrap,
	.widget_molavid iframe {
		height: 169px;
	}

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

	.single-thumb {
	    width: 320px;
	    height: 180px;
	}

	#page-wrap .post-media {
    	width: 320px;
    	height: 189px;
    }

	.post-tags {
	    margin-bottom: 15px;
	}

	#single-share {
	    float: left;
	}

	#related-posts .small-post {
    	width: 300px;
    	margin-right: 0;
    }

    #related-posts 
    .small-post:last-child {
    	margin-top: 20px;
    }

    #comment {
    	width: 96%;
    }

    /*-------------------------------------------*\
		Contact Page / Error Page Styling
	\*-------------------------------------------*/

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

    /*** Error Page Styling ***/

    #error-wrap #searchform {
    	width: 300px;
    }

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

}