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

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


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

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


	#main .container_12 { padding: 0; width: 400px; }
	#main .container_12 div[class*="grid"], #main .container_12 div[class*="grid"] *[class*="grid"]{ margin: 0; }
	
	.container_12 .grid_1, .container_12 .grid_2, .container_12 .grid_3, .container_12 .grid_4, .container_12 .grid_5, .container_12 .grid_6, .container_12 .grid_7, .container_12 .grid_8, .container_12 .grid_9, .container_12 .grid_10, .container_12 .grid_11, .container_12 .grid_12 {
	  width: 387px;
	}
	
/*  *********************** END OF GENERAL ************************/




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

	.phoneInfo {  text-align: center; padding: 0;}


	
	/*  ********************** Navigation ****************************/
		
		#navHolder {
		  height: 87px;
		}

		nav.primary {
		  height: 35px;
		    margin-left: 0;
		    padding-top: 20px;
		    width: 400px;
		}


		nav.primary .responds {
		    background: url("../images/bg_mobileResponse.png") no-repeat scroll 0 center transparent;
		    display: block;
		    height: 31px;
		    margin: 0 auto;
		    width: 46px;
		}

		nav.primary .responds span {font-size: 0;}
		
		.bottomLine { display: none; }

	#topnav {
	  background: #fff;
	  display: none;
	  left: 0;
	  min-width: 250px;
	  position: absolute;
	  height: auto;
	  width: 386px;
	  padding: 6px;
	  top: 55px;
	  border: 1px solid #B3DFEA;
	}
		#topnav li, #topnav .sub-menu li {
		  background: none !important;
		  border-bottom: 1px dashed #cecece;
		  margin: 0 !important;
		  padding: 0;
		  width: 100%;
		  height: auto;
		}
			#topnav > li:last-child, #topnav .sub-menu > li:last-child {
			  border-bottom: none;
			}

		#topnav > li > a, #topnav .sub-menu li a, .sub-menu li li a {
			color: #699b2d;
    		font: 14px/30px "Open Sans" !important;
			padding: 0 !important;
			background: none !important;
			margin-top: 0;	
			border: none;	
			text-align: center;	
		}
			#topnav li.current-menu-item,
			#topnav li.current-menu-item:hover,
			#topnav li:hover {
				background: #7bb125  !important;
			}

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

		
				
				

	/*  **************************************************/
		#topnav .sub-menu .sub-menu {
			/*  margin: 0 auto; width: 360px; */
		}
			.sf-menu ul, .sf-menu ul {
			  right: 0;
			  width: 100%;
			  background: #e9e9e9;
			  padding: 0;
			}


		.sf-menu li {
		  display: block;
		  float: left;
		  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:			-6px;
				top:			31px; /* match top ul list item height */
				z-index:		99;
			}

		.sf-menu .sub-menu .sub-menu {
		  left: 0;
		  background: #383942;
		}
				#topnav .sub-menu li:hover, #topnav .sub-menu li li:hover,
				#topnav .sub-menu li.current-menu-item  {
				  background: #bcb8ba;
				}

				.sf-menu .sub-menu .sub-menu li:first-child {
				  border-top: none;
				}
				 #topnav .sub-menu li a, .sub-menu li li a {
				  text-align: center;
				  color: #6d6b6c;
				  line-height: 35px;
				}				
					#topnav .sub-menu li:hover > a,
					#topnav .sub-menu li li:hover > a,
					#topnav .sub-menu li.current-menu-item > a {
					  background: none;
					  color: #fff;
					}


		#topnav .sub-menu li, #topnav .sub-menu .sub-menu li {  border-top: none; width: 100%; }

		
	
	/*  ********************** End of Navigation *************************/


/*  ************************ END OF HEADER ************************/







/*  ************************ HOME CONTENT ************************/
	
	.container.sliderCHolder { width: 420px; }

		#slider-wrapper { background: #fff; }
			.camera_wrap { height: 260px !important; }
				#slider-wrapper .camera_fakehover { overflow: visible; }
				.camera_wrap img {  width: 558px !important; }



		#slider-wrapper .camera_target_content {
		  height: 125px;
		  left: 50%;
		  margin-left: -140px;
		  width: 280px;
		  bottom: -60px !important;
		}
			#slider-wrapper .camera_caption > div { text-align: center; }
				#slider-wrapper .camera_caption h3 {
				  font: 300 30px/35px "Roboto";
				  margin: 0;
				  padding: 0;
				  text-align: center;
					text-shadow:1px 1px 1px #FFFFFF;

				}
				#slider-wrapper .camera_caption p {
				  font: 300 16px/20px 'Roboto';
				  text-align: center;
				  text-shadow:1px 1px 1px #FFFFFF;
				}
				#slider-wrapper .camera_caption a {
				  font: bold 14px/40px "Roboto";
				  margin: 15px 5px 0 0;
				  padding: 0 30px;
				}

		.camera_pag { bottom: -80px;  }


	/*  **************************************************/
	
	.list_carousel li {
	  padding: 27px 14px 15px;
	  width: 157px;
	}
		.primary_content_wrap .list_carousel a img {
		  width: 157px;
		}
		#wrap_carousel a.details { margin: 0 35px; }	

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

	.bannerBlock {
	  height: 166px;
	  margin-bottom: 20px;
	}
		.bannerBlockInner {
		  height: 101px;
		  padding: 21px 0 30px;
		}
	.bannerBlockInner .slogan {  font: 300 14px/18px "Roboto"; 	}
	
	.bannerBlockInner a {
	  font: bold 16px/50px "Roboto";
	  margin-left: 93px !important;
	  margin-top: 10px !important;
	  width: 125px !important;
	  float: left;
	}

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

	.homeLeftPart { margin-bottom: 20px !important; }
		.homeLeftPart img {
		  margin-bottom: 10px !important;
		  margin-right: 20px !important;
		  width: 50% !important;
		}
		.homeLeftPart p {  width: 100%; }

	.homeRightPart { margin-bottom: 20px !important; }	



/*  ************************ END OF HOME CONTENT ************************/







/*  ***************************** SUBPAGES CONTENT ***************/

	.primary_content_wrap {  padding: 0 0 60px; }

	#wrap_all { width: 388px; }

	#sidebar #searchform input[type="text"] { width: 91%; }


	.boxInfo {  margin-bottom: 20px; }	
	.primary_content_wrap .boxInfo img {  width: 43% !important; height: 100px; }
		.boxInfoInner {  display: block; }
	
	.latestpost li { width: 99%; }

	#sidebarLeft {  margin-top: 0; }

	.page-template-page-fullwidth_withLeftSidebar-php .wrap_content { padding: 0 20px ; }	

	.page-template-page-fullwidth_without_sidebar-php #main .wrap_content .grid_6.alpha > * {  margin-left:20px; margin-right: 20px; }
	.page-template-page-fullwidth_without_sidebar-php #main .wrap_content .grid_6.omega > * {  margin-left:20px; margin-right: 20px; }
		.wrapKindergardensList {  padding: 5px 20px; }
	.wrap_content {
		padding: 0 20px;
	}

	/* .blog #content article.post-holder .gallery_post, .author #content article.post-holder .gallery_post, .archive #content article.post-holder .gallery_post {
	  height: 178px !important;
	}
	 */

	article.post-holder .g_pagination + .entry-content {
  float: right;
  margin-top: 0;
  width: 359px;
}
.search article.post-holder .g_pagination + .entry-content {
  float: right;
  margin-top: -92px;
  width: 195px;
}

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

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

	.wrap_content.Kindergardens .boxList li { width: 172px!important;  margin: 0 0 15px 15px !important;}
		.wrap_content.Kindergardens .boxList li:nth-child(2n+1) { margin-left: 0 !important;}

		.wrap_content.Kindergardens .boxList li .featured-thumbnail img {
		  height: 280px;
		  min-width: 160px;
		  width: auto;
		}
		
	.wrap_content.Kindergardens .boxList li .wrapInfo {  padding: 0 55px 5px 5px;  width: 65%; }
	.wrap_content.Kindergardens .boxList li h5, .wrap_content.Kindergardens .boxList li h5 a {
	  font: 14px/24px "Asap" !important;
	  margin: 0 0 0 5px;
	}
		.wrap_content.Kindergardens .boxList li h5 a { margin: 0;}
		.wrap_content.Kindergardens .boxList li .excerpt { font: 12px/16px 'Asap';  margin: 0 0 0 6px; }


	#wrapAttachmentPhoto a img { min-height: 58px; }

	#sidebarLeft ul li { margin: 0 0 15px 0!important; float: left; }

	#sidebarLeft li .wrapPortEntryInner a { font: 15px/24px "Eagle Lake" !important; }

	.page-template-page-fullwidth_withTwoSidebar-php #sidebar {  padding: 5px 20px; }



	.boxVertInfo {
	  margin-left: 6% !important;
	  width: 47%;
	}
		.boxVertInfo:nth-child(2n+1) { margin-left: 0 !important; }


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

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

		.pp_content {
		  width: 98.5% !important;
		}
			#pp_full_res img {
				width: 100%!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%;
		} 
			
		nav.oldernewer {
		  font-size: 10px;
		  margin-bottom: 3.5em;
		}
			.single-oldernewer a{
				font-size: 13px;
			}

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

	#sidebar, #sidebarLeft {
	  margin-top: 30px;
	  width: 360px;
	  padding: 0 20px;
	}
		#sidebarLeft {
			margin-left: 0;
			padding-top: 0;
			margin-bottom: 30px;
			margin-top: 0;
		}
		
		.page-template-page-fullwidth_withTwoSidebar-php .wrap_content { margin-top: 25px; padding: 0 20px; }
		.page-template-page-Kindergarden_withRightSidebar-php .wrap_content { padding: 0 20px 10px; }


		#sidebar .recent-post-item {
		  margin-left: 0;
		}

		
		.toggle .box { height: 80px; }

		.boxVertInfo img {
		  height: 105px;
		  width: 95% !important;
		}

		#content.Kindergardens .attachment-post-thumbnail {  margin: 0 0 25px 0; width: 360px; }

	/*  ************************* #gallery.one_column **********************/

		#gallery.one_column .portfolio li span.image-border {
		  height: 100%;
		  width: 100%;
		}
			#gallery.one_column .portfolio li a.image-wrap {
				height: 100%;
		  		width: 100%;
			}
				#gallery.one_column .portfolio li a.image-wrap img {
				  height: 186px;
				  width: 97%;
				  margin-bottom: 0;
				}

				#gallery.one_column .folio-desc {
				  margin: 15px 0 0 0;
				  width: 100%;
				}

	/*  ************************* #gallery.two_columns **********************/
	
		#gallery.two_columns .portfolio li {
		  margin-right: 0;
		  width: 100%;
		}
			#gallery.two_columns .portfolio li a.image-wrap img {
			  height: 186px;
			  width: 97.3%;
			}

	/*  ************************* #gallery.three_columns **********************/

		#gallery.three_columns .portfolio li {
		  margin-right: 0;
		  width: 100%;
		}
			#gallery.three_columns .portfolio li a.image-wrap img {
			  height: 179px;
			  width: 97.3%;
			}
	/*  ************************* #gallery.four_columns **********************/

		#gallery.four_columns .portfolio li {
		  margin-right: 0;
		  width: 100%;
		}
			#gallery.four_columns .portfolio li a.image-wrap img {
			  height: 168px;
			  width: 97%;
			}

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

	.grid_gallery_inner {
	  width: 416px;
	}
		.grid_gallery .gallery_item {
		  width: 39%;
		  margin-right: 33px;
		  margin-left: 0;
		}
			.featured-thumbnail.single-gallery-item img {
			  width:93.5%;
			}
			.grid_gallery_inner .gallery_item:nth-child(2n) {
				margin-right: 0;
			}
	
	.portfolio .two_third > img {
	  width: 97%;
	}


	.gallery_post {  height: 260px !important; }
		.gallery_post .g_item {  width: 400px !important; }
			.g_item > img {  height: 250px; width: 350px; }

	.search .gallery_post {
	  height: 74px !important;
	  width: 150px;
	}


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

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

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

	.wrap_content iframe {  width: 100%; }

	.wrap_cf.main .wpcf7-form input[type="text"],
	.wrap_cf.main .wpcf7-form input[type="email"] {
	  width: 338px !important;
	}
	.wrap_cf.main .wpcf7-form textarea {
	  width: 338px !important;
	}
		span.wpcf7-not-valid-tip {
		  width: 338px !important;
		}
	/*  **************************************************/

	.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: 150px !important;
	}	
	.blog #content article.post-holder .featured-thumbnail img,
	.author #content article.post-holder .featured-thumbnail img,
	.archive #content article.post-holder .featured-thumbnail img {
	 	width: 150px !important;	
	}

	.blog #content article.post-holder .featured-thumbnail img,
	.author #content article.post-holder .featured-thumbnail img,
	.search-results #content article.post-holder .featured-thumbnail img {
	  width: 150px !important;
	}	

	#content article {
	  padding-top: 0;
	}
	#content article.first {
	  padding-top: 20px;
	}
	.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;
	  padding: 0;
	  text-align: center;
	}	
		.error404-num { font-size: 222px; }
		#error404 #searchform {  width: 353px;}
		.search-no-results #wrap_all #searchform input[type="text"], .error404 #error404 #searchform input[type="text"] {
		    width: 321px !important;
		}
			
	.post-meta { font-size: 10px; }		
	.entry-header b a { font-size: 10px; }
	time { font-size: 10px; }

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

	.wrap_cf.main div.wpcf7-response-output {  width: 247px; }


	.blog #sidebar > div:nth-child(2n+1),
	.archive #sidebar > div:nth-child(2n+1),
	.search #sidebar > div:nth-child(2n+1),
	.error404 #sidebar > div:nth-child(2n+1),
	#sidebarLeft > div:nth-child(2n+1) {
		width: 88%;
	}
	.blog #sidebar > div:nth-child(2n),
	.archive #sidebar > div:nth-child(2n),
	.search #sidebar > div:nth-child(2n),
	.error404 #sidebar > div:nth-child(2n),
	#sidebarLeft > div:nth-child(2n) {
		width: 88%;
	}

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










/*  ************************ FOOTER ************************/
	
	ul.social-networks {  text-align: center; }
		ul.social-networks li {
		  display: inline-block;
		  margin-right: 11px !important;
		  float: none;
		}
			ul.social-networks li:last-child { margin-right: 0 !important; }
			ul.social-networks li img { width: auto;  }

	.folio_cycle {
	  height: 250px !important;
	  margin: 77px 0 0 92px;
	  width: 250px !important;
	}
		.folio_cycle .folio_item {
			width: 250px !important;
			height: 250px !important;
		}
		.folio_cycle .folio_item .featured-thumbnail img {  width: 250px; }

		#folio-controls a#next-portfolio1 {
		  margin-left: 25px;
		  top: -110px;
		}
		#folio-controls a#prev-portfolio1 {
		  margin-left: -15px;
		  top: -110px;
		}

	#grassCircle {
	  -webkit-background-size: 450px auto;
	  background-size: 450px auto;
	  height: 299px;
	  left: 50%;
	  margin-left: -268px;
	  position: absolute;
	  top: 50px;
	  width: 580px;
	  z-index: 15;
	}

	
	.topFooter > div:last-child {
	  left: 0;
	  position: absolute;
	  text-align: center;
	  top: -65px;
	}

	#wrapper_footer {  height: 630px; }
		#footer {  height: 341px; }	

	
	#footer .grid_4.alpha {
	  margin-top: 0;
	  text-align: center;
	}
		#footer #logo {  margin-top: -40px; }
			#footer a#logo img { position: relative; }


	#footer .grid_12 .grid_4:nth-child(2) { margin-left: 0 !important; }

	#footer h2 { margin: 0 0 8px; }

	

	

/*  ************************ END OF FOOTER ************************/

	


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


@media screen and (min-width: 480px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio:0) 
{  

}