/*  #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;
	height: 61px;
}

.logo img, .colorscheme1 .logo img {
  width: 100px;
}

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

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

#wrap_top_header, .colorscheme1 #wrap_top_header {
  background-position: -335px top;
  -webkit-background-size: 1000px auto;
  background-size: 1000px auto;
  height: 59px;
}
.colorscheme2 #wrap_top_header {
  background-position: -335px -59px;
  -webkit-background-size: 1000px auto;
  background-size: 1000px auto;
}
.colorscheme3 #wrap_top_header,
.colorscheme4 #wrap_top_header,
.colorscheme5 #wrap_top_header,
.colorscheme6 #wrap_top_header,
.colorscheme7 #wrap_top_header {
  background-position: -335px top;
-webkit-background-size: 1000px auto;
  background-size: 1000px auto;
  height: 59px;
}




/*  **************************************************/
/* Primary navigation */

/* Navigation select styling */


nav.primary {
  background: none repeat scroll 0 0 transparent;
  height: 47px;
  top: 5px;
  left: 59%;
}
	nav.primary .responds {
	  color: #FFFFFF;
	  cursor: pointer;
	  display: block;
	  font-family: 'Raleway',serif;
	  font-size: 26px;
	  height: 44px;
	  line-height: 44px;
	  text-align: center;
	}

	#topnav {
	  display: none;
	  left: -70px;
	  min-width: 200px;
	  position: absolute;
	  background: #57A1D6;
	}
		.colorscheme2 #topnav {
		  background-color: #875959;
		}
		.colorscheme3 #topnav {
		  background-color: #6c9a30;
		}
		.colorscheme4 #topnav {
		  background-color: #ed581e;
		}
		.colorscheme5 #topnav {
		  background-color: #323232;
		}
		.colorscheme6 #topnav {
		  background-color: #a99d80;
		}
		.colorscheme7 #topnav {
		  background-color: #225494;
		}

		#topnav li {
			background: url("../images/bg_primary_nav_li2.png") repeat-x left top;
			height: 18px;
			padding: 15px 0;
		}
		.sf-menu li {
		  display: block;
		  float: left;
		  width: 100%;
		  background: url("../images/bg_primary_nav_li2.png") repeat-x left top;
		}
			.sf-menu li:first-child {
			  border-top: none;
			}
			.sf-menu > li > a {
				margin-left: 0;
				text-align: center;
			}
			#topnav li a {
			  color: #FFFFFF;
			  font: 15px/18px "Open Sans";
			  padding: 0 18px;
			  transition: all 0.3s ease-out 0s;
			}
				.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, .colorscheme1 .sf-menu ul {
			  right: 0;
			  width: 160px;
			}
				.colorscheme2 .sf-menu ul {
				  background-color: #875959;
				}
				.colorscheme3 .sf-menu ul {
				  background-color: #6c9a30;
				}
				.colorscheme4 .sf-menu ul {
				  background-color: #ed581e;
				}
				.colorscheme5 .sf-menu ul {
				  background-color: #323232;
				}
				.colorscheme6 .sf-menu ul {
				  background-color: #a99d80;
				}
				.colorscheme7 .sf-menu ul {
				  background-color: #225494;
				}

			#topnav .sub-menu li{
				height: 22px;
				padding: 10px 0;
			}
				#topnav .sub-menu li a{
					line-height: 14px;
				}



				.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, .sf-menu li a{
	position: static;
}
.sf-menu .sub-menu li, .sf-menu .sub-menu li a{
	position: relative;
}



			.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 ******************/
#wrap_section_slider.on #slider-wrapper {
  background-position: center -32px;
  background-size: 875px auto;
  height: 250px;
}
#wrap_section_slider #slider-wrapper {
  background-position: center -32px;
  background-size: 875px auto;
  height: 250px;
}
	#wrap_section_slider #sliderCaption{
		  top: 90px;
	}
		#wrap_section_slider.on #sliderCaption {
			top: 75px;
		}

		#wrap_section_slider #sliderCaption h1 {
		  font-size: 15px;
		  line-height: 18px;
		}
		#wrap_section_slider #sliderCaption h2 {
		  font-size: 20px;
		  line-height: 24px;
		  padding-bottom: 0;
		}
		#wrap_section_slider #sliderCaption p {
		  font-size: 12px;
		  line-height: 14px;
		} 

.flexslider-holder {
	margin: 0 auto;
	width: 320px;
}
.flexslider {
  width: 320px;
}
.flex-direction-nav li {
  top: 48px;
}
.flex-direction-nav li a.prev {
		left: 230px;
	}
	.flex-direction-nav li a.next {
	 	left: 275px;
	}

#wrap_section_slider.on .flexslider .slides img {
  padding-top: 35px;
}
/*  *************************** HEADER_BOTTOM ***********************/

#header_bottom, .colorscheme1 #header_bottom {
  background-position: center -105px;
  background-size: 1000px auto;
  height: 104px;
  margin-top: -105px;
}
	.colorscheme3 #header_bottom,
	.colorscheme4 #header_bottom,
	.colorscheme5 #header_bottom,
	.colorscheme6 #header_bottom,
	.colorscheme7 #header_bottom {
		background-position: center 0;
	  background-size: 1000px auto;
	  height: 104px;
	  margin-top: -105px;
	}

	#phone_info {
		display: none;
	}

#wrap_section_slider + .container_12 {
  display: none;
}
/*  **************************************************/

	
#searchform input[type="text"] {
  width: 225px;
}	
	


	/* 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;
  margin-bottom: 15px;
  width: 96%;
}


#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;
		}
	/* .single-team .extra-wrap {
		display:inline;
		} */

	/* 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;
			}

/*  **************************************************/			
.blog .header-title {
margin: 0 0 15px;
}			
/*  **************************************************/

/*  **************************************************/
#testi-cycle .testi_item {
  width: 280px !important;
}
/*  **************************************************/


/* 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 span.image-border {
	  height: 143px;
	  width: 268px;
	}
		#gallery.one_column .portfolio li a.image-wrap {
		  height: 143px;
		  width: 268px;
		}
		#gallery.one_column .portfolio li a.image-wrap img {
		  width: 96.5%;
		}
		#gallery.one_column .portfolio li a.image-wrap .zoom-icon {
		  height: 143px;
		  width: 268px;
		}
	#gallery.one_column .folio-desc {
	  margin: 15px 0 0 0;
	  width: 100%;
	}

/*  **************************************************/

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

/*  **************************************************/

/* 3 columns portfolio*/
#gallery.three_columns .portfolio li {
	width:100%;
	margin:0 0 30px 0;
	float:none;
	}
	#gallery.three_columns .portfolio li span.image-border {
	  height: 187px;
	  width: 268px;
	}
		#gallery.three_columns .portfolio li a.image-wrap {
		  height: 189px;
		  width: 268px;
		}
			#gallery.three_columns .portfolio li a.image-wrap img {
			  margin-bottom: 0;
			  width: 96.5%;
			}
			#gallery.three_columns .portfolio li a.image-wrap .zoom-icon {
			  height: 189px;
			  width: 268px;
			}	

/*  **************************************************/

/* 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: 143px;
	   width: 269px;
	}
		#gallery.four_columns .portfolio li a.image-wrap {
			width: 269px;
			height: 143px;
		}
		#gallery.four_columns .portfolio li a img {
			width:96.5%;
		}
		#gallery.four_columns .zoom-icon {
			width: 269px;
			height: 143px;
		}

/*  **************************************************/



/* 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;
 }
}		

.page-template-page-fullwidth_withLeftSidebar-php aside#sidebar2 + div.grid_9 {
	margin-bottom: 0 !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 {
  padding: 0 15px 0;
  margin: 0!important;
  border-bottom: 1px solid #EBEDEE;
}
	aside#sidebar2 {
	  padding: 30px 15px 0;
	  margin: 0!important;
	}

	.wrap_content {
		padding-top: 30px;
	}
		.page-template-page-fullwidth_withTwoSidebar-php .wrap_content {
			padding-top: 0;
		}

	#wrap_sidebar {
	  padding: 0;
	}


#primary {
  padding-top: 25px;
}
.post-content {
  padding-left: 0;
}


#have_posts{
	display: none;
}



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;
}


/*  **************************************************/
#home-content .content {
  width: 300px;
}
	#home-content .content:first-child {
	  padding: 37px 0 0;
	}
	#home-content .content.wrap_toggle .grid_3 {
		margin-bottom: 0 !important;
	}
/*  **************************************************/	

/*  **************************************************/
#home-content .news_list .featured-thumbnail {
  padding-bottom: 5px;
}
	#home-content .news_list li {
	  margin-top: 20px;
	}
		#home-content .news_list li:first-child {
		  margin-top: 0;
		}
/*  **************************************************/

.home .alignnone {
  height: auto;
}

/* .wrap_content {
  padding-bottom: 30px;
}
	 */
	.page-template-page-fullwidth-php .wrap_content {
	  padding-bottom: 0;
	}
		.page-template-page-fullwidth-php .wrap_content #content article:last-child {
		
		  margin-bottom: 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;
}


/*  **************************************************/
#middle-blocks .grid_12 {
  border-bottom: 1px solid #EBEDEE;
  padding: 0;
}
/*  **************************************************/




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

#footer {
  padding-bottom: 0;
  height: auto;	
}
	.footer_info {
	  float: left;
	  padding-top: 0;
	}
		.footer_info  #footer-text a:first-child {
		  display: inline-block;
		  margin: 0 10px 0 0;
		}
	#footer p.phone {
	  margin-bottom: 3px;
	}

	#footer h4,  #footer .colorscheme1 h4 {
		color: #fff;
	}
	#footer .grid_3.alpha h4, #footer .colorscheme1 .grid_3.alpha h4 {
	    	color: #478EC1;
	}
	#footer .grid_6, #footer .colorscheme1 .grid_6 {
	    	color: #E3E6E8;
	}
	#footer .grid_6 a, #footer .colorscheme1 .grid_6 a {
	    	color: #E3E6E8;
	}
		#footer .grid_6.f_area4 h4 {
		  text-align: left;
		}
#footer #social_links li {
	  float: left;
	  margin: 0 10px 5px 0;
	}

	#footer-text {
	  margin-left: 0;
	  margin-bottom: 15px;
	}
	#footer ul {
	  padding-bottom: 0;
	}

	#footer .grid_2,
	#footer .grid_3,
	#footer .grid_4,
	#footer .grid_6 {
	  margin-bottom: 30px;
	}
		#footer .container_12 .grid_12 div[class*="grid"]:last-child {
			margin-bottom: 0;
		}

	#footer .wpcf7-not-valid-tip {
	  font-size: 15px !important;
	  line-height: 20px;
	  padding: 8px 6px 2px !important;
	  width: 88% !important;
	}
		#footer textarea + span.wpcf7-not-valid-tip {
		  width: 96% !important;
		}

	#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;
	}

#footer #searchform input[type='text'] {
	box-shadow: none;
	border: 1px solid #5593C1;
}	
#footer #searchform input[type='submit'] {
	background: url(../images/bg_SF_btn_submit2.png) 0 0 no-repeat;
}

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

}