/*-- #Mobile (Portrait) ------------------------------------------------------- */
/* Note: Design for a width of 320px */

@media only screen and (max-width: 479px) {
	/* Banner */
	#banner{width:320px;}
	.banner-wrapper{height:155px;}
		#banner .banner-caption{top:35px; left:10px;}
			#banner .banner-caption .banner-button{font-size:10px; line-height:12px;}
	
	/* Twitter */
	#before-content .twitter ul li {font-size:14px; line-height:18px;}
	
	/*-- Portfolio -----------------------------------------------------*/
	#gallery .portfolio li {width:100%; float:none; margin-right:0;}
		#gallery .portfolio li.nomargin{margin-right:0 !important;}
		#gallery .portfolio li a.image-wrap {height:194px;}
	#gallery.one_column .portfolio li a.image-wrap {height:142px;}
	#gallery.two_columns .portfolio li a.image-wrap {height:158px;}
	#gallery.four_columns .portfolio li {width:140px; float:left; margin-right:20px;}
		#gallery.four_columns .portfolio li a.image-wrap {height:103px;}
	/* Gallery post format */
	.gallery_post .g_item {width:300px;}
	.slides_container_slideshow {height:148px; width:300px;}
	.grid_gallery .gallery_item{width:130px;}
	/* Audio Single */
	.single-audio-holder .audiojs .scrubber {width:130px;}

	/*-- Blog -----------------------------------------------------------------*/
	.featured-thumbnail.fleft, .featured-thumbnail.right{max-width:none; float:none; margin:0 0 15px;}
		.featured-thumbnail.fleft img{width:100%;}
	
	/*-- 404 ------------------------------------------------------------------*/
	.error404-num {font-size:170px; line-height: 170px;}
	
	/*-- Widgets --------------------------------------------------------------*/
	.latestpost .featured-thumbnail.fleft{float:left; margin:0 12px 0 0;}
	
	/*-- Shortcodes -----------------------------------------------------------*/
	.recent-posts.recent-news .featured-thumbnail{float:none; margin:0 0 20px; max-width:none;}
	.popular_posts .featured-thumbnail.fleft {float:left; margin:0 20px 10px 0;}
	
	/*-- Forms ----------------------------------------------------------------*/
	#commentform label{width:auto; text-align:left; padding-top:0; margin-bottom:5px;}
	#commentform input[type="text"], #commentform textarea {display:block; width:276px;}
	.wpcf7-form p.field input[type="text"], .wpcf7-form p.field textarea{width:276px;}
	li.comment  #respond textarea{width:256px;}
}