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

@media only screen and (max-width: 767px) {
/*---------------------------------------- 
				Headings
---------------------------------------- */	

.button {margin-top:0px;}
.spacer, .hr {height:0px;}
/*---------------------------------------- 
				Navigations
---------------------------------------- */

/* Primary navigation */
nav.primary {
	clear:both;
	width:100%;
	margin:0;
	text-align:center;
	padding:20px 0;
}
.select-menu {display: block !important;}
.sf-menu {display:none;}

/* Header */
#header {height:260px;}
.row-logo {
	height:110px;
	padding:18px 0 0 0;
}
.row-menu {
	height:75px;
	background:url(../images/bg-menu.png) center top no-repeat;
}
/* Logo */
.logo-left, 
.logo-right {background:none;}

.logo img{
	width:290px;
	height:auto;
}
	.logo h1,
	.logo h2 {
		font-size:60px;
		line-height:60px;
		width:290px;
	}
	.logo .tagline {display:none;}

/* Header widget */
#widget-header #widget_nav_menu ul li {margin:0 5px 0 0;}

body.home .primary_content_wrap {padding: 30px 0 20px;}
.primary_content_wrap {padding: 30px 0 20px;}

.home-widget {margin-top:30px;}
.home-widget:first-child {margin-top:0px;}

/* Carousel */
.before-content-area {margin-bottom:17px;}
.before-content-area .es-carousel ul li .inner {padding:15px 5px 10px 10px;}

.before-content-area .es-carousel.es ul li .inner,
.before-content-area .es-carousel.esportfolio ul li .inner {padding:5px 0;}

.before-content-area .es-carousel.es ul li,
.before-content-area .es-carousel.esportfolio ul li {background:none; box-shadow:none;}

.before-content-area .es-carousel.es ul li .featured-thumbnail img,
.before-content-area .es-carousel.esportfolio ul li .featured-thumbnail img{
	width:87px;
	height:50px;
}
.es-carousel ul li h5 {
	font-size:12px;
	line-height:18px;
}
.before-content-area .es-carousel ul li h3,
.after-content-area .es-carousel ul li h3 {
	font-size:13px;
	line-height:18px;
	margin:0;
}
.es-carousel ul li .excerpt {display:none;}
.es-carousel ul li .link, 
.before-content-area .es-carousel ul li .link  {
	display:none;
}
.es-carousel.esintro ul li .featured-thumbnail {margin:0 0 10px 0;}



.before-content-area .es-nav span {
	top:-20px;
	right:20px;
	left:auto;
	background:url(../images/controls.png) no-repeat 0 0;
	width:13px;
	height:14px;
}
		.before-content-area .es-nav span.es-nav-next{
			right:0px;
			left:auto;
			background-position:-13px 0px;
		}

	.before-content-area .es-nav span.es-nav-next span, 
	.before-content-area .es-nav span.es-nav-prev span {background:url(../images/controls.png) no-repeat 0 -14px;}
	.before-content-area .es-nav span.es-nav-next span {background-position:-13px -14px;}
	.before-content-area .es-nav span.es-nav-prev span {background-position:0px -14px;}

/*my-vcard*/
.content-area {margin-bottom:20px;}
.message {
	float:none;
	width:60%;
	display:block;
	font-size:17px;
	line-height:26px;
	background:url(../images/phone-icon.png) 18px 12px no-repeat;
	padding:5px 10px 10px 100px;
	margin-bottom:5px;
}
.contact-info {
	float:none;
	width:85%;
	font-size:20px;
	line-height:26px;
	padding:10px 5px 10px 30px;
}

.box {
	padding:10px 10px 10px 10px;
	font-size:15px;
	line-height:20px;
}
	.box .extra-wrap {overflow:visible;}

/* Post */
.post-holder .featured-thumbnail.large,
.post-holder .featured-thumbnail.large img {
	width:286px;
	height:97px;
}

/* Comment Form */
.commentlist {padding:0;}
.commentlist ul.children {margin-left:0px;}
#commentform input[type="text"],
#commentform textarea {
	width:100%;
}
.comment-body .extra-wrap {overflow:visible;}


/* Team */
.recent-posts.team li {
	float:none;
	width:auto;
	margin:0 0 30px 0;
}
	.recent-posts.team li .featured-thumbnail {
		width:120px;
		height:auto;
		overflow:hidden;
		float:left;
		margin:0 20px 0 0;
	}

/* Services */
.recent-posts.services li {
	float:none;
	width:100%;
	margin:0 0 30px 0;
}
	.recent-posts.services li .featured-thumbnail {
		float:left;
		overflow:hidden;
		display:block;
		margin:0 15px 5px 0;
	}
	.recent-posts.services li .featured-thumbnail img {
		width:150px;
		height:auto;
	}
/* Testimonials list*/
article.testimonial, 
.single article.testimonial {padding:15px; background-position:173px 15px;}

article.testimonial .featured-thumbnail, 
.single article.testimonial .featured-thumbnail,
article.testimonial .featured-thumbnail img, 
.single article.testimonial .featured-thumbnail img {
	width:130px;
	height:100px;
}
article.testimonial .featured-thumbnail, 
.single article.testimonial .featured-thumbnail {margin-right:20px;}

/* Images */
.frame.alignleft,
.frame.alignright,
.frame.alignnone {
	margin-right:0;
	width:284px;
}
.frame.alignleft img,
.frame.alignright img,
.frame.alignnone img	{
	width:100%;
	height:auto;
}
	

/* Related Posts */
.related-posts li {
	width:100%;
	float:none;
	display:block;
	margin:0 0 6px 0;
}
.related-posts li:first-child {margin-left:0;}
.related-posts li .featured-thumbnail {display:none;}


/* Address */
.address dt {
	width:auto;
	margin:0 0 20px 0;
	padding:0 0 0 55px;
	font-size:12px;
	float:none;
}
.address dd {
	float:none;
	width:auto;
	padding:0 0 0 55px;
	margin:0 0 20px 0;
}
	.address dd span {width:100px;}

/*----------------------------------------
				Portfolio
---------------------------------------- */
/* Default layout 3 columns */
#gallery .portfolio li {
	width:300px;
	margin:0 0px 30px 0;
	float:none;
}
	#gallery .portfolio li a.image-wrap {
		width:287px;
		height:165px;
	}
		#gallery .portfolio li a.image-wrap img {
			width:100%;
			height:auto;
		}
/* 1 column portfolio*/
#gallery.one_column .portfolio li {
	width:300px;
	margin:0 0px 30px 0;
	float:none;
}
#gallery.one_column .portfolio li a.image-wrap {
	width:287px;
	height:161px;
	float:none;
	margin-left:0px;
	margin-bottom:20px;
}



/* 2 columns portfolio*/
#gallery.two_columns .portfolio li {
	width:300px;
	margin:0 0 30px 0;
	float:none;
}
	#gallery.two_columns .portfolio li a.image-wrap {
		width:287px;
		height:177px;
	}
	
/* 4 columns portfolio*/
#gallery.four_columns .portfolio li {
	width:300px;
	margin:0 0 30px 0;
	float:none;
}
	#gallery.four_columns .portfolio li a.image-wrap {
		width:287px;
		height:186px;
	}


.post_list .featured-thumbnail {
	float:left;
	margin:0 20px 0 0;
}

.latestpost .featured-thumbnail {
	float:left;
	margin:0 20px 0 0;
}

/*----------------------------------------
				Post Formats
---------------------------------------- */

/* Image Post Format */
.image-post-format img {
	width:100%;
	overflow:hidden;
}

/* Gallery Post Format */
.slides_container_gallery {
	width:287px;
	height:97px;
}
	.slides_container_gallery .g_item {width:287px;}	

/* Audio Format Type */
.audiojs .scrubber {
	width:130px;
}

	
	
/* Google Map */
.google-map {
	position: relative;
	padding-bottom: 46.25%;
	height: 0;
	overflow: hidden;
	margin:0 0 2% 0;
}
.google-map iframe,  
.google-map object,  
.google-map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
/*---------------------------------------
				 404
---------------------------------------- */
.error404-num {font-size:170px;}
	
/*----------------------------------------
				 Sidebar
---------------------------------------- */
#sidebar.left {padding-left:0px; padding-right:0px;}		
	
/*---------------------------------------- 
				Footer
---------------------------------------- */
.footer-bot {margin:23px 0px 0;}
nav.footer {
	float:none;
	text-align:center;
	padding:0 0 10px 0;
}
	nav.footer ul li {
		float:none;
		display:inline-block;
		font-size:11px;
		line-height:15px;
		margin:0 2px 0 2px;
	}

#footer-text {
	width:auto;
	float:none;
	text-align:center;
}
/*flickr-widget*/
.flickrImages a,
.flickrImages a:hover {
	width:70px;
	height:auto;
}
	.flickrImages a,
	.flickrImages a.nomargin {margin:0 5px 5px 0px;}
	


}