/*-- #Tablet (Portrait) ------------------------------------------------- */
/* Note: Design for a width of 768px */

@media only screen and (max-width: 959px) {
	/*Images*/
	.logo img{width:auto;}
	
	.featured-thumbnail.fleft, .featured-thumbnail.fright{max-width:45%;}
	.featured-thumbnail a, .featured-thumbnail .img-box{display:block;}
	.post_list li .featured-thumbnail a, .post_list li .featured-thumbnail .img-box{display:inline-block;}
	.featured-thumbnail img{width: 100%;}
	
	/*Indents*/
	h2, p, .testimonials {margin-bottom:20px;}
	.widgets-indent-bottom, .post-holder, .widget, .related-posts, .commentlist {margin-bottom:30px;}
	.single-post .post-holder {margin-bottom:30px !important;}
	
	.primary_content_wrap, .home .primary_content_wrap, #footer-widgets {padding:35px 0;}
	.commentlist ul.children {margin:0 0 0 20px;}
	
	.pagenavi {padding:30px 0 0;}
	
	/*------------------------------------------------------------------*/
	
	/* Menu */
	.sf-menu > li{margin:0 5px 0 0;}
		.sf-menu > li > a{padding:6px 8px 8px;}
	
	/* Banner */
	#banner{width:768px; margin:0 auto; left:0;}
	.banner-wrapper{height:370px;}
		#banner img{height:100%; width:auto;}
		#banner .banner-caption{
			font-size:12px;
			line-height:18px;
			top:50px;
			left:10px;
			width:285px;
		}
		#banner .banner-caption h2{
			font-size:45px;
			line-height:45px;
			margin-bottom:15px;
		}
			#banner .banner-caption h2 strong{
				font-size:56px;
				line-height:56px;
				margin-top:-2px;
				letter-spacing:-2px;
			}
		#banner .banner-caption .text{margin-bottom:20px;}
		#banner .banner-caption .banner-button{padding:9px 23px 10px;}
	
	/* Twitter */
	#before-content .twitter_update_list {width:530px; padding-right:50px;}
			#before-content .twitter ul li {padding:5px 0 5px 82px;}
		#before-content .twitter .profileLink {margin:20px 0 0 50px;}
		#before-content .twitter .preloader{left:82px;}
	
	.content-widget .box-text {padding:20px; background-position:right center;}
		.content-widget h2{font-size:20px;}
			.content-widget h2 strong{font-size:36px; line-height:36px;}
	
	
	/*-- Portfolio -----------------------------------------------------*/
	#gallery .portfolio li {width:236px;}
		#gallery .portfolio li a.image-wrap {height:152px;}
	#gallery.one_column .portfolio .featured-thumbnail{max-width:45%;}
		#gallery.one_column .portfolio li a.image-wrap {height:158px; width:333px;}
	#gallery.two_columns .portfolio li {width:364px;}
		#gallery.two_columns .portfolio li a.image-wrap {height:193px;}
	#gallery.four_columns .portfolio li {width:172px;}
		#gallery.four_columns .portfolio li a.image-wrap {height:128px;}
	/* Gallery post format */
	.gallery_post .g_item {width:424px;}
	.slides_container_slideshow {height:210px; width:424px;}
	/* Audio Single */
	.single-audio-holder .audiojs .scrubber {width:260px;}
	
	/*-- 404 -----------------------------------------------------------*/
	.error404-num {font-size:235px; line-height: 235px;}
	
	/*-- Blog ----------------------------------------------------------*/
	.pagenavi a.first-page, .pagenavi a.prev-page, .pagenavi a.next-page, .pagenavi a.last-page{display:none;}
	
	
	/*-- Widgets -------------------------------------------------------*/
	/* Flickr widget */
	.flickrImages a {width:60px; height:60px;}
	
	/* SlidesJS */
	.slides_container {width:224px;}
	
	/* RSS */
	.rsswidget img, .social-networks img{width:auto;}
	
	/*-- Shortcodes ---------------------------------------------------*/
	/* Address */
	.address dt {float:none; width:auto; margin-right:0; margin-bottom:10px;}
	.address dd {float:none; width:auto;}
	/* Border-left*/
	.border-left{background-position:22px 0; padding-left:64px;}
	#content.left + #sidebar .border-left{background-position:278px 0; padding-left:0; padding-right:64px;}
	
	/* Recent Posts */
	.recent-posts li {margin:0 0 20px;}
	/* Recent News */
	.recent-posts.recent-news{margin-bottom:20px;}
		.recent-posts.recent-news .featured-thumbnail{max-width:45%;}
	
	/* Spacer */
	.spacer{height:30px;}
	
	/*-- Forms ---------------------------------------------------------*/
	#commentform input[type="text"], #commentform textarea {width:320px;}
	.wpcf7-form .submit-wrap img{width:auto;}
	.wpcf7-form p.field input[type="text"], .wpcf7-form p.field textarea{width:212px;}
	li.comment  #respond textarea{width:300px;}
	
	/*-- Footer --------------------------------------------------------*/
	.my-photo{max-width:45%;}
	
	#back-top {display:none !important;}

}

@media only screen and (min-width: 768px) and (max-width: 959px) {#sidebar #searchform input[type="text"]{width:133px;}}
