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

@media only screen and (max-width: 479px) {
.container {
	width:300px !important;
	}

#slider-wrapper .grid_12,
#before-block_page .grid_12,
#header .grid_12,
#after_menu_area .grid_12{
	margin-bottom: 0
}	

html,
body {
	min-width:300px;
}

/* Header
---------------------------------------- */
#top-header {
	height:87px;
	}

#header {
  min-height: 180px;
  position: relative;
  z-index: 99999;

}

/* --------- Logo ------ */
.logo{
	background: none;
}
.logo h1,
.logo h2 {
	text-align:left;
	font-size: 21px;
	}
	.logo span {
	  margin-right: 11px;
	}
	.logo .tagline {
		display:block;
	}
	.logo h2 em {
	  font-size: 9px;
	  display: block;
	}

/*----------------------- TOP --------------*/

.responds {
  display: block;
}
#switch_slider{
	display: none;
}
#top{
	height: 125px;
}
	#top #searchform {
	  float: none;
	  margin: 0 auto;
	  top: 18px;
	}


/* Primary navigation */

/* Navigation select styling */


nav.primary {
	background: none;
	height: 47px;
}
	nav.primary .responds {
	  background: none repeat scroll 0 0 #83786E;
	  border: 1px solid #A79E98;
	  color: #FFFFFF;
	  cursor: pointer;
	  display: block;
	  font-family: 'Merriweather',serif;
	  font-size: 26px;
	  height: 44px;
	  line-height: 41px;
	  text-align: center;
	}

	#topnav {
	  position: absolute;
	  width: 90%;
	  display: none;
	  background: #463d33;
	}
		.sf-menu li {
		  background: none;
		  display: block;
		  float: left;
		  margin: 0;
		  width: 100%;
		  border-top: 1px solid #696158;
		}
			.sf-menu li:first-child {
			  border-top: none;
			}
			.sf-menu > li > a {
				margin-left: 0;
				text-align: center;
				padding: 5px 0;
				background: none;
				font-size: 20px;
				line-height: 36px;
				color: #ece8e1;
			}
				.sf-menu > li:hover > a {
					color: #a0988b;
				}
				.sf-menu > li > a > span {
					color: #a47a5d;
				}
				.sf-menu > li.current-menu-item > a > span, 
				.sf-menu > li:hover > a > span{
				  	color: #ffddb9;
				}
				
			.sf-menu ul {
			  background: none repeat scroll 0 0 #534b41;
			  border-top: 1px solid #3B2115;
			  border-bottom: 1px solid #3B2115;
			  padding: 0;
			  right: 0;
			  width: 100%;
			}
				.sf-menu ul li li {
				  min-width: 113px
				}
				.sf-menu ul li a,
				.sf-menu ul li ul li a{
					text-align: center;
					min-width: 113px;
					font-size: 16px;
					padding: 12px 13px;
				}

			.sf-menu li:hover ul,
			.sf-menu li.sfHover ul {
				left:			0%;
				top:			35px; /* match top ul list item height */
				z-index:		99;
			}

		.sf-menu .sub-menu .sub-menu {
		  left: 0;
		}
			.sf-menu .sub-menu .sub-menu li {
			  border-top: 1px solid #726d67;
			}
				.sf-menu .sub-menu .sub-menu li:first-child {
				  border-top: none;
				}

	
	/* Top search */
	#widget-header #searchform .searching {
	  width: 254px;
	}
	
	
	/* Header widget */
	#widget-header {
		padding:15px 0 15px 0;
		font-size:10px;
		text-align:center;
		width: 100%;
		}
		.widget-header{
			margin-left: 0;
			float: none
		}
		.widget-header li {
			padding:0 0 0 2px;
			}
#widget-header #searchform .searching {
	  width: 205px;
	}
	#widget-header .social-networks li {
	  margin: 5px 0 0 0 ;
	  text-align: left;
	}
	/* Social Network */
	#widget-header .social-networks li {
	  display: inline-block;
	  margin: 24px 0 0;
	  text-align: center;
	}	
	.widget-header li:first-child {
	  margin-left: 13px !important;
	}	

	
	
	/* Slider
	---------------------------------------- */
#slider-wrapper {
  display: none;
}
	/* Excerpt */
	#excerpt h2 {
	  font-size: 19px;
	  line-height: 24px;
	  margin-bottom: 21px;
	  margin-top: 10px;
	  text-align: center;
	}
	.after_slider_box h2 {
	  font-size: 27px;
	  font-weight: 200;
	  line-height: 29px;
	  margin-bottom: 15px;
	}

/* Before Content Area */
#before_content_area .before_holder {
  background: none;
}

#before_content_area a.more {
  margin: 20px auto 0 110px;
}

/* Home Content area */
#home_content_area .indent_right {
  border: none;
  padding-left: 0px;
}	


#home_content_area .indent_right .caption {
  float: left;
  margin-bottom: 27px;
  width: 185px;
}

/* Post */
.featured-thumbnail {
  float: left;
  width: 98%;
}
	.home .box_2 .featured-thumbnail {
	  float: left;
	  width: 30%;
	}

#my_poststypewidget-2 {
  margin-right: 0;
  width: 100%;
}

.post_project li img.thumb {
  max-width: 96%;
}

	
	
	#content .indent {
		padding:0 25px 35px;
		}

	.indent_left {
	  padding: 0 25px;
	}	
	.indent_left > div h2 {
	  font-size: 30px;
	  line-height: 30px;
	}
	
	#before_content_area {
		margin:0;
		}
	#home_content_area .indent {
		padding:0;
		}
	.table_block {
	  display: block;
	}

	
	/* Flickr widget */
	.flickrImages a {
		width:49px;
		height:49px;
		}
	
	/* Request a quote */
	.box-text {
		width:100%;
		float:none;
		}
	.box-button {
		width:100%;
		float:none;
		text-align:center;
		padding-left:0;
		padding-right:0;
		}
		.box-button .button {
			float:none;
			}
	
	/* Post */

.blog .featured-thumbnail,
.archive .featured-thumbnail,
.search .featured-thumbnail {
  width: 97% !important;
}
	.single.single-portfolio .grid_gallery_inner .featured-thumbnail {
	  width: 97%!important;
	}
		.blog .featured-thumbnail img,
		.archive .featured-thumbnail img,
		.search .featured-thumbnail img,
		.single .featured-thumbnail img {
		  width: 100%!important;
		}

	.extra-wrap {
	  clear: both;
	  overflow: hidden;
	}	

	.featured-thumbnail .fright {
		float:none;
		clear:left;
	}
	.featured-thumbnail.large {
		width:auto;
		height:auto;
		margin:0 0 10px 0;
	}
	
	
	/* Single Team */
	.single-team .img-wrap img {
		width:auto;
		height:auto;
		float:left;
		margin:0 10px 5px 0;
		}

	/* Recent Post */
	.recent-posts.team li {
	  margin: 0 0 25px;
	  width: 100%;
	}	
	.recent-posts.team li .thumb-wrap {
	  width: 100%;
	}
	.recent-posts.team li .thumb-wrap img {
	  margin: 0;
	  width: 94%;
	  max-width: 94%
	}
	.teacher li {
	  margin-bottom: 25px;
	  padding-left: 0;
	  width: 94%;
	}
	ul.recent-posts li h5 {
	  padding: 0 0 0 150px;
	  clear: none;
	}
	ul.recent-posts li .excerpt{
		padding: 0 0 0 150px;
	}

	/* Fullwidth with sidebar */
	.fullwidth-sidebar .post-holder {
	  background: none repeat scroll 0 0 transparent;
	  padding: 25px 0 0 20px;
	  width: 100%;
	}
	.post_project li {
	  width: 98%;
	}
	
	/* Comments */
	.comment-meta {
		position:static;
		padding-bottom:1em;
		}
	.comment-author {
		padding-bottom:0;
		}
	
	#commentform input[type="text"], #commentform textarea {
	  max-width: 250px;
	  min-width: 198px;
	  width: 92%;
	}
	#commentform input[type="submit"] {
	  margin: 13px 0 0;
	}
	
	/* Images */
	.frame.alignleft,
	.frame.alignright,
	.frame.alignnone,
	.lightbox {
		margin-right:0;
		width:100%;
		height:auto;
		}
	.frame.alignleft img,
	.frame.alignright img,
	.frame.alignnone img,
	.lightbox img {
		width:100%;
		height:auto;
		}
	
	.lightbox i {
		right:22px;
		}
	
	
	.folio_cycle .folio_item figure.thumbnail img {
		width:100%;
		height:auto;
		}
	
	.post_list li .thumb-wrap {
		width:100%;
		height:auto;
		}
		.post_list li .thumb-wrap img {
			width:100%;
			height:auto;
			}


.entry-header .wrap_h1{
	background: none;
} 
	
/* Comments */
	.commentlist ul.children {
		margin-left:0;
		}
	
	
	/* Aside Box */
	.box-holder {
		margin:0 -15px -57px -15px;
		padding:27px 15px 27px 15px;
		}
	
	.latestpost li .featured-thumbnail {
		margin:0 0 20px 0;
		float:none;
		width:100%;
		height:auto;
		}
		.latestpost li .featured-thumbnail img {
			width:100%;
			height:auto;
			}
			

/* 404 */
#error404 {
  float: left;
  padding: 30px 0 17px;
  width: 100%;
}
.error404-num {
  font-size: 60px;
}
.text-404 strong {
  font-size: 22px;
}
.globus {
  margin-bottom: 44px;
  margin-top: 0px;
  width: 90%;
}

#header #searchform input[type="text"] {
  color: #fff;
}

/* Portfolio
---------------------------------------- */
.zoom-icon {
  height: 135px;
  width: 269px;
}
	.single-portfolio .zoom-icon {
	  height: 183px;
	  width: 300px;
	}
	.blog .zoom-icon, .archive .zoom-icon, .single .zoom-icon, .search .zoom-icon {
	  height: 135px;
	  width: 269px;
	}
	.single .zoom-icon {
	  height: 183px;
	  width: 100%;
	}

ul.portfolio-meta-list li {
  font-size: 16px;
}
.single-oldernewer {
  font-size: 16px;
}
nav.oldernewer {
  font-size: 0;
  margin-bottom: 20px;
}
	.single-oldernewer a{
		font-size: 13px;
	}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
  float: none;
  margin-right: 0;
}
	.two_third {
	  width: 100%;
	}
		.grid_gallery_inner {
		  width: 100%;
		}
			.grid_gallery .gallery_item {
			  margin: 0 0 15px;
			  width: 100%;
			}

			
			
	.one_third {
	  width: 100%;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) /*----- Safari ------*/
{  
	.single-portfolio .zoom-icon:before {
		left: 48%;
		top: 50%;
	}
}


/* 1 column portfolio*/
#gallery.one_column .portfolio li {
	width:100%;
	margin-right:0;
	}
	#gallery.one_column .portfolio li a.image-wrap {
	  height: 100%;
	  width: 100%;
	}
	#gallery.one_column .portfolio li span.image-border {
	  height: 100%;
	  width: 100%;
	}
	#gallery.one_column .portfolio li a.image-wrap img {
	  margin-bottom: 0;
	  width: 97%;
	}
	#gallery.one_column .portfolio li a.image-wrap .zoom-icon {
		height: 143px;
		width: 270px;
	}
	#gallery.one_column .folio-desc {
	  margin: 15px 0 0 0;
	  width: 100%;
	}


@media screen and (-webkit-min-device-pixel-ratio:0) /*----- Safari ------*/
{
	#gallery.one_column .portfolio li span.image-border {
		height: 143px;
	}
	#gallery.one_column .portfolio li a.image-wrap {
		height: 143px;
		width: 100%;
	}
	#gallery.one_column .portfolio li a.image-wrap .zoom-icon {
		height: 143px;
		width: 269px;
	}
	#gallery.one_column .portfolio li a.image-wrap img {
		height: auto;
	}
}

/*  ----------------- 3 columns portfolio ---------------- */


#gallery.three_columns .portfolio li {
	width:100%;
	margin:0 0 30px 0;
	float:none;
	}
		#gallery.three_columns .portfolio li a img {
			width:100%;
			height:auto;
			}
	#gallery.three_columns .zoom-icon {
		width:100%;
		height:148px;
		}
	#gallery.three_columns .portfolio li span.image-border {
	  height: 190px;
	  width: 100%;
	}
		#gallery.three_columns .portfolio li a.image-wrap {
		  height: 190px;
		  width: 100%;
		}
			#gallery.three_columns .portfolio li a.image-wrap .zoom-icon {
			  height: 188px;
			  width: 269px;
			}

@media screen and (-webkit-min-device-pixel-ratio:0) /*----- Safari ------*/
{  
	#gallery.three_columns .portfolio li span.image-border {
		height: 187px;
		width: 100%;
	}
	#gallery.three_columns .portfolio li a.image-wrap {
		height: 187px;
		width: 99%;
	}
	#gallery.three_columns .portfolio li a.image-wrap .zoom-icon {
		height: 187px;
		width: 267px;
	}
}	

/* 4 columns portfolio*/
#gallery.four_columns .portfolio li {
	width:100%;
	margin:0 0 30px 0;
	float:none;
}
	#gallery.four_columns .portfolio li span.image-border {
	   height: 142px;
	   width: 269px;
	}
	#gallery.four_columns .portfolio li a.image-wrap {
		width: 100%;
		height: 142px;
		}
		#gallery.four_columns .portfolio li a img {
			width:97%;
			height: auto;
		}
	#gallery.four_columns .zoom-icon {
	  height: 142px;
	  width: 268px;
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) /*----- Safari ------*/
	{  
		#gallery.four_columns .zoom-icon {
		  height: 142px;
		  width: 269px;
		}
		
	}

/* 2 columns portfolio*/
#gallery.two_columns .portfolio li {
	width:100%;
	margin-right:0;
	}
	#gallery.two_columns .portfolio li a.image-wrap {
	  height: 100%;
	  width: 100%;
	}
	#gallery.two_columns .portfolio li span.image-border {
	  height: 100%;
	  width: 100%;
	}
	#gallery.two_columns .portfolio li a.image-wrap img {
	  margin-bottom: 0;
	  width: 97%;
	}
	#gallery.two_columns .portfolio li a.image-wrap .zoom-icon {
	  height: 160px;
	  width: 270px;
	}	

@media screen and (-webkit-min-device-pixel-ratio:0) /*----- Safari ------*/
{
	#gallery.two_columns .portfolio li span.image-border {
		height: 160px;
	}
	#gallery.two_columns .portfolio li a.image-wrap {
		height: 160px;
		width: 100%;
	}
	#gallery.two_columns .portfolio li a.image-wrap .zoom-icon {
		height: 160px;
	}
}


/* 3 columns portfolio*/

.gallery_post .g_item .featured-thumbnail img {
  float: none;
  width: 97% !important;
}

	/* Page navi */
	.wp-pagenavi {
	  margin-bottom: 10px;
	}	

/* Carousel */
.es-carousel ul li h4 {
	display:none;
	}
.es-carousel ul li .excerpt {
	display:none;
	}
.es-carousel ul li .link {
	display:none;
	}	

	
/* Contact Page */
#page-content .grid_7 {
  width: 220px;
  margin: 0 
}

.info {
  float: right;
  width: 100%;
}	
	
/* Contact form */
.wpcf7 p {
  width: 100%;
}
.wrap_cf .wpcf7-form input[type="text"],
.wrap_cf .wpcf7-form input[type="email"],
.wrap_cf .wpcf7-form textarea {
  width: 92%;
}

span.wpcf7-not-valid-tip {
  height: 19px !important;
  left: 0 !important;
  padding: 9px 0 8px 15px !important;
  top: -101% !important;
  width: 253px !important;
}
	.wpcf7 input[type="submit"] {
	  margin: 20px 0 0;
	}
@media screen and (-webkit-min-device-pixel-ratio:0) /*----- Safari ------*/
{  
 span.wpcf7-not-valid-tip {
 	top: -23%!important;
 }
}		
	
/* Secondary Sidebar
---------------------------------------- */
#secondary-sidebar {
  width: 100%;
}

/* ================================= CONTENT ===================== */

.home .container_12 div[class*="grid"] div[class*="grid"]{
  margin-left: 0;
  margin-bottom: 30px;
}
.wrap_block div[class*="grid"] p:last-child{
	margin-bottom: 30px!important;
}
	.wrap_block div[class*="grid"]:last-child p:last-child{
		margin-bottom: 10px!important;
	}

aside#sidebar {
  background: none repeat scroll 0 0 #EBEBE9;
  padding: 25px 15px 30px;
  margin: 0!important;
}
	.page-template-page-blog_with_twoSidebar-php #page_inner #sidebar2 #wrap_sidebar {
	  padding: 0;
	}
	aside#sidebar2 {
	  background: none repeat scroll 0 0 #EBEBE9;
	  padding: 50px 15px 20px; 
	  margin: 0!important;
	}

	#wrap_sidebar {
	  padding: 0;
	}
		.page-template-page-blog_with_leftSidebar-php #page_inner #wrap_sidebar {
		  padding: 0;
		}

h1 {
  font-size: 26px !important;
  line-height: 29px !important;
  padding-top: 7px;
}
#primary {
  padding-top: 25px;
}


.blog .header-title {
  margin: 0 0 35px;
}
	.archive .header-title {
	  margin: 0 0 40px;
	}

#have_posts{
	display: none;
}

.alignleft {
  width: 97% !important;
}

ul.recent-posts li {
  margin-left: 0!important;
}

.primary_content_wrap .container_12 .grid_12 {
	margin-bottom:0;
}

.entry-header h2.entry-title a {
  font-size: 18px;
  line-height: 18px;
}
.entry-header b {
  float: left;
  margin-top: 15px !important;
  position: inherit;
}
.post-meta {
  font-size: 10px;
  line-height: 12px;
}
	.post-meta time {
	  padding: 0 0 0 5px;
	}

iframe {
  width: 97%;
  height: 200px;
}

.audiojs {
  width: 100%;
}
	.audiojs .scrubber {
	  width: 38%;
	}
#page_inner,
.page-template-page-blog_with_leftSidebar-php #page_inner,
.page-template-page-blog_with_rightSidebar-php #page_inner,
.page-template-page-blog_with_twoSidebar-php #page_inner {
	background: #fff;
	width: 300px;
	top: 0;
}

#after-slider {
  margin-top: 0;
  width: 300px;
  height: 350px;
}
	#after-slider a.button {
	  right: 62px;
	  top: 98%;
	  padding: 0 10px;
	}

	#after-slider .box_1 .text,
	#after-slider .box_1 h2 {
	  width: 100%;
	  font-size: 17px;
	  padding-bottom: 0;
	}
		#after-slider .box_1 h2 {
			font-size: 25px;
		}

#middle-blocks {
  padding-bottom: 0;
}
	#middle-blocks h2 {
	  font-size: 15px;
	  line-height: 52px;
	  word-spacing: 10px;
	}

#home-content .content {
  width: 300px;
}
	#home-content .box_1 {
	  margin: 0 10px;
	  width: 280px;
	}
	#home-content .box_2 {
	  margin: 30px 10px 0;
	  width: 280px;
	}
	#home-content .wrap {
	  display: block;
	}	
	.home #sidebar {
	  padding: 42px 10px 0;
	  width: 280px;
	}
	.home .alignnone {
	  height: auto;
	}

.wrap_content {
  padding-bottom: 30px;
}
	.page-template-page-fullwidth-php .wrap_content,
	.page-template-page-blog_with_leftSidebar-php .wrap_content,
	.page-template-page-blog_with_rightSidebar-php .wrap_content,
	.page-template-page-blog_with_twoSidebar-php .wrap_content {
	  padding-bottom: 0;
	}
		.page-template-page-fullwidth-php .wrap_content #content article:last-child,
		.page-template-page-blog_with_leftSidebar-php .wrap_content #content article:last-child,
		.page-template-page-blog_with_rightSidebar-php .wrap_content #content article:last-child,
		.page-template-page-blog_with_twoSidebar-php .wrap_content #content article:last-child,
		.page-template-page-blog_with_withoutSidebar-php .wrap_content #content article:last-child {
		  margin-bottom: 0;
		}


	.pagenavi {
	  padding: 0;
	}
		.author .pagenavi {
		  padding: 0 0 30px 0;
		} 

#recent-author-comments ul li {
  font-size: 12px;
}

#wrap_sidebar #searchform input[type="text"] {
  width: 83%;
}	

.wrap_block .block_info{
	margin-bottom: 20px;
}

.box_3 h2 {
  font-size: 13px;
}

.page-template-page-blog_with_twoSidebar-php .featured-thumbnail,
.page-template-page-blog_with_leftSidebar-php .featured-thumbnail,
.page-template-page-blog_with_rightSidebar-php .featured-thumbnail,
.page-template-page-blog_with_withoutSidebar-php .featured-thumbnail {
  width: 97% !important;
}
.page-template-page-blog_with_withoutSidebar-php .post-content {
  margin-left: 0;
}



/* ------------------ Footer ------------*/

#footer {
  padding-bottom: 0;
}
	#wrap_footer_navi #menu-footer_menu {
	  float: none;
	  right: 0;
	}
		#menu-footer_menu li, #menu-footer_menu li:first-child {
		  float: none;
		  margin: 0 0 5px 0;
		  left: 0;
		}
			#menu-footer_menu li a {
			  font-size: 20px;
			  line-height: 20px;
			}

	#social_networks-2 {
	  margin-left: 0;
	}
		.social-networks li:first-child {
		  padding: 0;
		}
			.social-networks li:first-child a img {
    			margin: 0;
			}

	.site-name {
	  margin-left: 95px;
	}

	#copyright .right_side {
	  margin: 15px 0 0;
	  width: 100%;
	}

	#newsletterwidget-2 input[type="text"], #newsletterwidget-2 input[type="email"] {
	  width: 94%;
	}
#footer ul {
  padding-bottom: 0;
}
#footer  .container_12 div[class*='grid'] {
  margin-bottom: 30px;
}
.footer_info {
  margin-bottom: 0;
  float: left;
}
#footer-text{
	font-size: 8px;
	padding-bottom: 20px;
}
	.footer_info a {
	  color: #6A615A;
	  margin: 0 8px;
	  text-decoration: underline;
	  text-transform: none;
	}
#footer .wpcf7-not-valid-tip {
  line-height: 20px;
  padding: 4px 6px !important;
  width: 88% !important;
}

.no-results #searchform,
#error404 #searchform {
  position: relative;
  width: auto;
}
	.no-results #searchform input[type="text"],
	#error404 #searchform input[type="text"] {
	  width: 83%;
	}




















}