/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (max-width: 479px) {

	html, body {
	  margin-top: 0 !important;
	  min-width: 320px;
	}
	
	body #main {
	}

	#breadcrumbs .breadcrumb li a { font-size: 9px; }

	
	.wrap_cf .wpcf7-form input[type="text"],
	.wrap_cf .wpcf7-form input[type="email"],
	.wrap_cf .wpcf7-form input[type="tel"],
	.wrap_cf .wpcf7-form input[type="number"],
	.wrap_cf .wpcf7-form textarea {
	  width: 260px;
	}
	div.wpcf7-response-output { width: 165px; }

	.search-results .post-content,
	.author .post-content,
	.blog .post-content {
	  clear: both;
	}

	ol.commentlist li.comment .comment-body { padding: 138px 30px 20px 20px; }
		li.comment .comment-body p { clear: both; }

	.error404-num { font-size: 100px; }

	#error404 h2 {
	  margin-top: 20px;
	}

	#main #sliderWrap .metaslider .caption-wrap h3 {
	  font-size: 21px;
	  line-height: 22px;
	  margin-bottom: 5px;
	}


	#error404 #searchform { width: 230px; }
		.search-no-results #wrap_all #searchform input[type="text"],
		.error404 #error404 #searchform input[type="text"] {
		  width: 190px !important;
		}
			
	
	.single #primaryWrapContent .featured-thumbnail img,
	.archive #primaryWrapContent .featured-thumbnail img,
	.blog #primaryWrapContent .featured-thumbnail img,
	.page-template-page-blog-php #primaryWrapContent .featured-thumbnail img,
	.search #primaryWrapContent .featured-thumbnail img {
	  width: 200px;
	  height: auto;	  
	}
	article.post-holder .featured-thumbnail { width: 100px; }
	
	#primaryWrapContent .span3 img.alignleft,
	#primaryWrapContent .span3 img.alignright {
	  float: none;
	}
	#primaryWrapContent .wrap_content .page .row .span3 {
	  margin-bottom: 20px;
	}


	#commentform input[type="text"], #commentform textarea {
	  width: 92%;
	  padding-right: 10px !important;
	}

	.list_carousel { width: 290px; }
		.list_carousel li { width: 290px; }
		
		.list_carousel li .caroItemBottom a { padding-left: 63px; }

	ul.related-posts { margin-left: -12px; }
	ul.related-posts li { margin: 0 0 10px 12px !important;	}

	.staffBox {
	  margin: 0 0 20px;
	  padding: 12px 6px;
	  width: 275px;
	  height: 174px;
	}
	#main .staffBox h5 { margin-bottom: 0; }

	.staffBox a {
	  background-position: right 0;
	  font-size: 12px;
	  line-height: 29px;
	  padding: 0 51px 0 0;
	}

	.span12.portfolio {
	  width: 300px;
	}

	.logo img { max-width: 80%;	}

	#footerBottom .span3 {
	  display: block;
	  width: 100%;
	}

	#footerBottom .span3 ul {
	  display: block;
	  margin-left: 15px;
	}

	#footerBottom .span3 h2 {
		text-align: left;		
		padding-left: 15px;
	}	

	#footer a {
	  border-left: none;
	  display: block;
	}


/*  *********************** END OF FILE *******************/
} 



@media screen and (max-width: 479px) and (-webkit-min-device-pixel-ratio:0) 
{  
	 
}	