/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */

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


/*  ********************* GENERAL *****************************/

	html,
	body {
		min-width:440px;
		margin-top: 0 !important;
	}

	body {
		padding: 0 !important;
		overflow-x: hidden !important;
		
	}

	#our-process,
	#testimonials,
	#devider-contacts,
	#devider-blog,
	#topPhotoWrap {
		-webkit-background-size: auto 110% !important;
		background-size: auto 110% !important;

	}

	#main h1, #main h2, #main #home-content h1 {
	  font-size: 24px;
	  line-height: 28px;
	}

	#main .sidebar h2 {
		font-size: 22px;
		line-height: 24px;
	}

	.entry-header h2.entry-title a { font-size: 14px; line-height: 20px; }	

	#main h3 { font-size: 15px; line-height: 20px; margin-bottom: 7px; }
		#main h3 span { font-size: 11px; line-height: 15px; }

	.hr { margin: 0 0 30px; padding-top: 30px; }


	.alignnone, .alignright, .alignleft { display: block; } 

	.folio-desc a.read { margin-top: 0; } 

	.span1 { min-height: 20px; }

	#wrapTeam .wrapTeam-area .span3 {
	  position: relative;
	  width: 210px;
	  display: inline-block;
	  margin: 0 5px 25px;
	  vertical-align: top;
	}

	#wrapTeam .popUp { height: 210px; }

	#wrapTeam .popUp .exceprt {
	  margin: 0 18px 10px;
	  padding: 10px 0;
	}

	#wrapTeam p.nameCaption {
		font-size: 20px;
		line-height: 24px;
	}

	#our-process {
		padding: 50px 10px;
	}

	#what-we-do {
		padding: 50px 10px 20px;
	}

/*  *********************** END OF GENERAL ************************/




/*  ************************ HEADER ************************/

	#header {
	  height: auto;
	  text-align: center;
	  z-index: 99999;
	  position: relative;
	  top: 0;
	  left: 0;
	  width: 100%;
	  border: none;
	  -webkit-box-shadow: none;
	  	box-shadow: none;
	  	padding-bottom: 0;
	}

	#logo { text-align: center; }

	.logo.span4 {
	  margin: 0 auto 15px;
	  width: 100%;
	}

	#wrapTopInfo .wrapTopInfo-inner {
		text-align: center;
		margin-bottom: 15px;
	}
		
	#wrapTopInfo .wrapTopInfo-inner b + b {
	  display: block;
	  opacity: 0;
	  height: 10px;
	}	
	
	/*  ********************** Navigation ****************************/
		
		#mainMenu { float: none; }

		#navArea {
		  height: 46px;
		  left: 0;
		  margin: 0 auto;
		  position: relative;
		  top: 0;
		  z-index: 99999;
		}


		nav.primary {
		  	height: 46px;
		    margin-left: 0;
		    padding: 0;
		    width: 100%;
		    margin-top:0;	
		    margin-bottom: 0;
		    position: absolute;	
		    z-index: 999;
		    background: none;  
		    border: none;     			       			   		       				       		
		}


		nav.primary .responds {
		    display: none;
		    height: 40px;
		    margin: 0 0 0 -20px;
		    width: 40px;
		    overflow: hidden;
		    position: absolute;
		    top: 3px;
		    left: 50%;
		    text-indent: -9999px;
		    outline: none;
		    background: url(../images/btn-navbar.png) 0 0 no-repeat;
		}


		#mainMenu {
		  float: none;
		  position: relative;
		}

		#mainMenu ul { margin-top: 0; }

		.responds { display: block; margin-bottom: 6px; }
		
		.responds span {
			background: url(../images/bg_respond.png) 0 0 no-repeat;
			width: 25px;
			height: 17px;
			display: inline-block;			
			text-indent: -9999px;
		}
		
	#topnav {
		display: none;
		left: 0;
		min-width: 250px;
		position: absolute;
		height: auto;
		width: 100%;
		top: 26px;
		background: #5B5B5B;
	}
		#topnav li, #topnav .sub-menu li {
		  margin: 0;
		  padding: 0;
		  width: 100%;
		  float: none;
		  height: auto;
		  border: none !important;
		  /* border-top: 1px solid #7F5189 !important; */
		  border-radius: 0;
		  -webkit-border-radius: 0;
		  -o-border-radius: 0;
		  -ms-border-radius: 0;
		  background: none;
		  
		}

			#topnav > li > a {
				line-height: 26px;
				color: #e4e4e9;
				background: none !important;				
			}

		#topnav > li:hover > a, #topnav > li.current-menu-item:hover > a {
			color: #fff;
			background: #4C4C4C;
		}
			#topnav > li:hover, .home #topnav > li.current-menu-item:hover {
			  height: auto !important;
			  margin-top: 0 !important;
			}

			#topnav > li.current-menu-item > a {
				margin-top: 0;
				color: #fff;	
			}

		#topnav > li:before { display: none !important; }	

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

			.sf-menu ul, .sf-menu ul {
			  right: 0;
			  width: 100%;
			  background: #95989c;
			  padding: 0;
			}


		.sf-menu li {
		  display: block;
		  float: none;
		  width: 100%;
		}
			.sf-menu > li:first-child {
			  border-top: none;
			}
			.sf-menu > li > a {
				margin-left: 0;
				text-align: center;
			}

			.sf-menu li:hover ul,
			.sf-menu li.sfHover ul {
				left:	0;
				top:	0; /* match top ul list item height */
				z-index:		99;
				height: auto;
				position: relative;
			}
				#topnav .sub-menu { 
					padding: 0 15px;
					background: #383737;
					border: none;
					width: auto;
				}


				#topnav .sub-menu li {
					 /* border-top: 1px solid #733E7F !important;		 */		
				}

				#topnav .sub-menu li:hover > a,
				#topnav .sub-menu li li:hover > a,
				#topnav .sub-menu li.current-menu-item > a {
					color: #fff;
																			
				}

				#topnav .sub-menu li a, .sub-menu li li a { border: none !important; color: #CCCCCC; }


				ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
				  left: 0;
				  right: 0;
				  top: 40px;
				}


			#topnav .sub-menu li a:hover, #topnav .sub-menu li li a:hover {
			  color: #fff;
			}

			#topnav .sub-menu .sub-menu {
			  background: #707377;
			  margin-left: 0;  
			  top: 15px; 
			  width: 80%;
			  margin: 0 auto;
			}

			#topnav .sub-menu > li:hover > a:after, #topnav .sub-menu li li:hover > a:after, #topnav .sub-menu > li.current_page_item > a:after {
				display: none;				
			}


/*  ************************ HOME CONTENT ************************/

	
	.metaslider, .metaslider .slides {
	  height: auto;
	}

	#sliderWrap { height: auto; width: 100%;  position: relative; }

	#home-content { padding: 0 15px; }

	#sliderWrap .metaslider .caption-wrap {
	  bottom: 10px;
	  height: auto;
	  top: auto;
	  width: 100% !important;
	  left: 0;
	  margin-left: 0;
	}
		#sliderWrap .metaslider .caption {
		  padding: 0;
		  text-align: center;
		}

		#main #sliderWrap .metaslider .caption-wrap h3 {
		  font-size: 14px;
		  line-height: 6px;
		  margin-bottom: 5px;
		}
		#main #sliderWrap .metaslider .caption h2 {
		  font-size: 23px;
		  line-height: 1.2em;
		}

		#main #sliderWrap .metaslider .caption a {
			padding: 0 15px;
			margin-top: 15px;
			font-size: 11px;
			line-height: 31px; 
		}

	#sliderWrap .metaslider .slides img {
	  height: auto !important;
	  min-height: 100px !important;
	  width: 100% !important;
	  margin: 0 !important;
	}

	#wrapTeam {
		padding: 40px 10px;
	}

	#main h3, #main h3 a { text-align: left; }

	#primaryWrapContent a.read { margin-bottom: 20px; }	

	.spacer {
	  height: 30px;
	}
	.spacer2 {
	  height: 35px;
	}

	#wrapTeam p br, #what-we-do p br { display: none; }
	
	#blog-section {
		padding: 50px 10px 40px;
	}
/*  ***************************** SUBPAGES CONTENT ***************/

	#primaryWrapContent .wrap_content .page .row .span3 {
	  margin-left: 0;
	}
		
	#main #titleArea h3 { margin-top: 90px; }	


	#primaryWrapContent { position: relative; } 

	#sidebar #searchform input[type="text"] { width: 91%; }
	
	#sidebarLeft {  margin-top: 0; }

	#sidebar, #sidebarLeft { padding: 0 15px 10px !important; }

	.check-list li,
	#sidebarBlog .check-list li,
	#sidebarLeft .check-list li,
	#sidebarRight .check-list li {
	  margin: 0 0 10px;
	}
		#primaryWrapContent img { max-width: 50%; width: auto; }
			#primaryWrapContent .comment-author img { max-width: 100%; }
	
	#sidebarRight { margin-bottom: 0;}
	ul .recent-post-item:last-child { margin-bottom: 0 !important; }

	#primaryWrapContent { padding: 35px 15px 0; }

	.post-meta a, .post-meta time, .wrapMeta b a {
	  font-size: 11px;
	  line-height: 14px;
	}

	#primaryWrapContent  p.left img {
		max-width: 100%;
	}
	
	ul.related-posts li {
	  margin: 0 0 10px 12px;
	  width: 113px;
	}

	#main #devider-contacts h1 {
		font-size: 33px;
		line-height: 34px;
	}

	#main #devider-contacts h2 {
		font-size: 23px;
		line-height: 25px;
	}

	#devider-contacts { padding: 72px 0 40px; }

	#contacts { padding: 40px 10px 40px; }


	body #main img.alignleft.bordered,
	body #main img.alignright.bordered,
	body #main img.aligncenter.bordered,
	body #main img.alignnone.bordered {
	  max-width: 97%;
	}
	
	#before-footer-area {
		padding: 30px 20px;
	}
		#before-footer-area .span3 { margin-bottom: 25px; }

	#painterPen {
	  left: 20%;
	  margin-left: 0;
	}
			
	#painterSteps {
		right: 0;
	}

	#primaryWrapContent { padding: 35px 15px 0; }
		.home #primaryWrapContent { padding-top: 0; }

	.wpcf7-form {
	  clear: both;
	  margin: 0 0 20px;
	  overflow: hidden;
	}

	#contacts .wpcf7-form p, #contacts .wpcf7-form > div { width: 460px !important; margin: 0 auto;}
	
	#contacts .wpcf7-form p { margin: 0 auto 8px !important; }

	#contacts p input[type="text"],
	#contacts p input[type="email"],
	#contacts p input[type="tel"] {
	  width: 430px;
	}

	#contacts .span12 .span6 { width: 460px; }
	
	#contacts .wpcf7-form p.submit input[type="submit"] {
	  float: left;
	}

	
	#before-footer-area .span3 {
	  display: inline-block;
	  margin-bottom: 25px;
	  width: 43%;
	}





/*  **************************************************/
	.featured-thumbnail {
	  float: left;
	  /* width: 97%; */
	  margin-bottom: 15px;
	}
		#commentform input[type="text"], #commentform textarea {
		  width: 348px;
		}

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

	div.pp_pic_holder {
	  width: auto !important;
	}
		div.ppt {
		  width: 94%!important;
		}

		.pp_content {
		  width: 98.5% !important;
		}
			
			.pp_content_container .pp_details {
			  width: 100%!important;
			}

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

	.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, .one_third {
		  width: 100%;
		} 
			

	/*  ********************* sidebar ***********************/

	#sidebar, #sidebarLeft {
	  margin-top: 30px;
	  width: 100%;
	  padding: 0 !important;
	  margin-bottom: 30px;
	}
		#sidebarLeft {
			margin-left: 0;
			padding-top: 0;
			margin-top: 15px;
		} 
		.page-template-page-fullwidth_withTwoSidebar-php #sidebarLeft,
		.page-template-page-fullwidth_withTwoSidebar-php #sidebar {  padding: 0 15px 0 !important; margin-bottom: 0; }
		.page-template-page-fullwidth_withTwoSidebar-php .wrap_content { margin-top: 0;  }
		.page-template-page-painter_withRightSidebar-php .wrap_content { padding: 0 20px 10px; }

		#sidebar .recent-post-item { margin-left: 0; }		
		.toggle .box { height: 80px; }
	
	.recent-posts.news .recentInner li { margin-left: 0 !important; width: auto; }

	/*  ************************ search page **********************/
	
	.no-results #searchform, #searchform {
	  margin-bottom: 0;
	  max-width: 280px;	
	}
	/* #searchform input[type="text"] { width: 258px; } */
	
	.author #recent-author-posts .post-content .excerpt,
	.search-results #content .post-content .excerpt {
	  display: table;
	}

	/*  ********************** contact page **************/

	.wrap_content iframe {  width: 100%; }

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

	.search-results .post-content, .author .post-content, .blog .post-content {
	  padding-left: 0;
	}
		.author #recent-author-posts .post-content .excerpt, .search-results #content .post-content .excerpt {
  			display: block;
		}

	.single-post .primary_content_wrap article.post-holder .featured-thumbnail img,
	.archive .primary_content_wrap article.post-holder .featured-thumbnail img {
	  width: 180px !important;
	}	

	#content article {
	  padding-top: 0;
	}
	.primary_content_wrap .container_12 .divider {
	  margin-top: 50px;
	} 

	.archive .post-content {
	  padding-left: 0;
	}	

	#sidebarLeft ul li.recent-post-item .post-entry img { max-width: 400px; }

	#commentform p { margin: 0 0 15px 0; }

	/*  **************************************************/
	
	#error404 {
	  margin: 0 20px 0;
	  padding: 0;
	  text-align: center;
	}	
		.error404-num { font-size: 160px; }
		#error404 #searchform {  width: 353px; margin-bottom: 20px; }

		.search-no-results #searchform input[type="text"],
		.error404 #error404 #searchform input[type="text"] {
		    width: 240px !important;
		}
			
	.post-meta { font-size: 10px; }		
	.entry-header b a { font-size: 10px; }
	time { font-size: 10px; }

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

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

	.wrap_cf .wpcf7-form span.wpcf7-form-control-wrap {
		display: inline-block !important;
	}
	.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: 418px;
	  margin-bottom: 0;
	}

	.sidebar #searchform input[type="text"] { width: 246px; }

	#content > article.post-holder,
	#recent-author-posts > article.post-holder {
	  margin: 30px 0 0;
	}

	#sidebarBlog,#sidebarLeft, #sidebarRight {
	  padding-top: 4px;
	  margin: 0 auto 35px;
	  clear: both;
	}


	#primaryWrapContent #sidebarLeft img { max-width: 260px; }

	.wrap_content table {
	  margin-left: 0;
	  width: 100%;
	}

	.span12.portfolio {
	  margin: 0 auto;
	  width: 460px;
	}
	#primaryWrapContent #filter-by a { font-size: 12px; }

	.galleryItem {
	  height: 134px;
	  width: 134px;
	}
	#primaryWrapContent .galleryItem img { width: 89%; max-width: 100%; }

	div.pp_pic_holder {
	  left: 50% !important;
	  margin-left: -150px !important;
	  width: 300px !important;
	  height: auto!important;
	}

	#pp_full_res img {
	  width: 300px !important;
	  height: 200px!important;
	}
	div.pp_default .pp_content {
		height: 275px !important;

	}

	#primaryWrapContent #filter-by a { margin-right: 18px; }

	.wrapIframe { margin-bottom: 0; }

	.single #primaryWrapContent article.post-holder .featured-thumbnail, .archive #primaryWrapContent article.post-holder .featured-thumbnail, .blog #primaryWrapContent article.post-holder .featured-thumbnail, .page-template-page-blog-php #primaryWrapContent article.post-holder .featured-thumbnail, .search #primaryWrapContent article.post-holder .featured-thumbnail {
	  text-align: left;
	  margin-bottom: 10px;
	}

	.single #primaryWrapContent .featured-thumbnail a,
	.archive #primaryWrapContent .featured-thumbnail a,
	.blog #primaryWrapContent .featured-thumbnail a,
	.page-template-page-blog-php #primaryWrapContent .featured-thumbnail a,
	.search #primaryWrapContent .featured-thumbnail a {
	  float: left;
	  
	}

	.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: 100%;
	  max-width: 100%;
	  height: auto;	  
	}

	.single #primaryWrapContent .post-holder .featured-thumbnail img {
		max-width: 100%;
	}

	.testimonial .featured-thumbnail img { width: auto !important; }

	.wrap_cf .leftPart, .wrap_cf .rightPart {
	  float: none;
	  width: 100%;
	}

	#commentform input[type="text"], #commentform textarea {
	  width: 92%;
	  padding-right: 10px !important;
	}

	/* article.post-holder .featured-thumbnail { width: auto; } */

	.single-post #commentform textarea { width: 92%; }

	#before-footer-area h2 {
	  margin-bottom: 14px;
	}


	.sidebar .testiWrap .wrapTestiImg {
	  float: left;
	  margin: 0 15px 15px 0;
	  width: 90px;
	}

		#primaryWrapContent .sidebar .testiWrap .wrapTestiImg img {
			width: 100%;
			max-width: 100%;
		}


	#devider-blog { padding: 40px 0; }	

	.partly {
		-webkit-background-size: 200px auto;
		background-size: 200px auto;
		padding-left: 246px;
    	padding-top: 26px;
    	min-height: 185px;
	}
		#main #devider-blog h1 { font-size: 23px; margin-bottom: 15px; }
		#main #devider-blog h2 { font-size: 16px; }

	#main #gallery h3 { text-align: center; }

	#topPhotoWrap { height: 150px; }

/*  ***************************** END OF SUBPAGES CONTENT ***************/



/*  ************************ FOOTER ************************/
	
	#footer { padding-bottom: 30px; }

	#footer, #footerBottom {
		text-align: center;		
	}		
	#footerBottom .span3 {
  		width: 45%;
		display: inline-block;
		vertical-align: top;
		margin: 0 0 20px 0;
		text-align: center;
		
	} 
	#footerBottom h2 { text-align: center; }
	#footerBottom .span3 ul {
		display: inline-block;
	}
	#footerBottom .span3 ul li {
		text-align: left;	
	}
	
/*  ************************ END OF FOOTER ************************/




/*  *********************** END OF FILE *******************/
} 


@media only screen and (max-width: 450px) {
		
}