/*-- #Mobile (Landscape) --------------------------------------------------- */
/* Note: Design for a width of 480px */

@media only screen and (max-width: 767px) {
	#header-widgets {padding: 17px 0 25px;}
		#header-widgets .grid_6{margin-bottom:15px;}
	#header-area2 .textwidget {margin-top: 0; text-align: left;}
	
	/* Logo */
	.logo {float:none; margin-bottom:20px;}
	
	/* Menu */
	nav.primary{float:none;}
	.sf-menu{display:none;}
	.select-menu {display:block !important;}
	
	/* Banner */
	#banner{width:460px;}
	.banner-wrapper{height:222px;}
		#banner .banner-caption{top:45px; left:20px; width:auto;}
		#banner .banner-caption h2, #banner .banner-caption .text{display:none;}
	
	/* Twitter */
	#before-content .twitter_update_list {width:100%; padding-right:0; padding-bottom:20px; margin-bottom:20px; background:none; border-bottom:1px solid #31343b;}
		#before-content .twitter .profileLink {margin:0;}
		#before-content .twitter .preloader{left:82px;}
	
	/*-- Portfolio -----------------------------------------------------*/
	#gallery .portfolio li {width:200px;}
		#gallery .portfolio li.nomargin{margin-right:20px !important;}
		#gallery .portfolio li.even{margin-right:0 !important;}
		#gallery .portfolio li a.image-wrap {height:128px;}
	#gallery.one_column .portfolio li .featured-thumbnail{max-width:none; float:none; margin-right:0; width:100%; margin-bottom:15px;}
		#gallery.one_column .portfolio li a.image-wrap {height:199px; width:100%;}
	#gallery.two_columns .portfolio li {width:100%; float:none; margin-right:0;}
		#gallery.two_columns .portfolio li a.image-wrap {height:223px;}
	#gallery.four_columns .portfolio li {width:200px;}
		#gallery.four_columns .portfolio li.even{margin-right:0;}
		#gallery.four_columns .portfolio li a.image-wrap {height:149px;}
	/* Gallery post format */
	.gallery_post .g_item {width:420px;}
	.slides_container_slideshow {height:208px; width:420px;}
	.grid_gallery .gallery_item{width:190px;}
	/* Audio Single */
	.single-audio-holder .audiojs .scrubber {width:250px;}

	/*-- 404 -----------------------------------------------------------*/
	#error404 {padding:20px 0;}
	
	/*-- Shortcodes -------------------------------------------------------*/
	.border-left{padding-left:0; padding-top:30px; background:none; border-top:1px solid #1f2229;}
	#content.left + #sidebar .border-left{adding-right:0;}
	
	/*-- Forms -----------------------------------------------------------*/
	#commentform input[type="text"], #commentform textarea {width:313px;}
	.wpcf7-form p.field input[type="text"], .wpcf7-form p.field textarea{width:396px;}
	li.comment  #respond textarea{width:292px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.es-carousel ul li{width:420px !important;}
}