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


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




/*  ************************ HEADER ************************/
	
	#header {
	  background: #1F1F1F url("../images/bg_wrapTopHeader.png") repeat-x 0 107%;
	  height: 171px;
	  position: relative;
	  z-index: 99;
	  margin-bottom: 0;
	}


	
	#wrapTopHeader {
		  height: 130px;
	  	 /*  top: -150px; */
	  	  top: 85px;
	  		width: 420px;
	}
	#wrapTopHeaderInner {
	  -webkit-background-size: 1000px 130px;
	  background-size: 1000px 130px;
	  background-position: 71px 0;	  
	  height: 130px;
	  margin: 0 auto;
	  position: relative;
	  width: 420px;
	}
		.logo {  
			margin: 0 0 0 98px; 
			/* top: -200px;  */
			top: -44px;
		}

		#wrapTopHeaderInner > div > div.grid_9 {
  float: none;
  left: 0;
  position: absolute;
  text-align: center;
  top: -90px;
}
#wrapTopHeaderInner div[id*="text"] {
  text-align: center;
}

#wrapNav {
  background: none;
  height: 45px;
  top: 74px;
  width: 420px;
  margin-left: 0!important;
}



	/*  ********************** Navigation ****************************/
		 
		#navHolder {
		  height: 87px;
		}
 
		nav.primary {
		  height: 49px;
		    margin-left: 0;
		    margin-top: 0;
		    width: 100%;
		}


		nav.primary .responds {
		  background: url("../images/bg_mobileResponse.png") no-repeat scroll 0 center transparent;
		  color: #FFFFFF;
		  display: block;
		  font: 26px/78px 'Niconne';
		  height: 49px;
		  margin: 0 auto 0;
		  text-align: center;
		  width: 67px;
		  padding-top: 4px;
		}

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


	#topnav {
	  background: #19191a;
	  display: none;
	  left: 0;
	  min-width: 230px;
	  position: absolute;
	  height: auto;
	  width: 90%;
	  padding: 0 21px;
	  margin: 0;
	}
		#topnav li, #topnav .sub-menu li {
		  background: none repeat scroll 0 0 transparent;
		  margin: 0 auto;
		  padding: 0;
		  width: 100%;
		  border-top: 1px solid #272728;
		}
		#topnav li:first-child, #topnav .sub-menu li:first-child { border-top: none; }

			#topnav > li.last { background: none; }

		#topnav > li > a, #topnav .sub-menu li a, .sub-menu li li a {
			color: #838383;
    		font: 12px/35px 'Roboto' !important;
			padding: 0 !important;
			background: none !important;
			margin-top: 0;	
			border: none;	
			text-align: center;	
			text-transform: uppercase;			
		}
			#topnav li.current-menu-item,
			#topnav li.current-menu-item:hover,
			#topnav li:hover,
			#topnav > li.last:hover {
				
			}

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

		
				
				

	/*  **************************************************/
		#topnav .sub-menu .sub-menu {
			/*  margin: 0 auto; width: 360px; */
		}
			.sf-menu ul, .sf-menu ul {
			  right: 0;
			  width: 100%;
			  background: #2d2d2f;
			  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:			0%;
				top:			35px; /* match top ul list item height */
				z-index:		99;
			}

		.sf-menu .sub-menu .sub-menu {
		  left: 0;
		  background: #4d3e35;
		}
		#topnav .sub-menu li {
			-webkit-border-radius: 0;
			 -moz-border-radius: 0;
			 border-radius: 0; 
		}
				#topnav .sub-menu li:hover, #topnav .sub-menu li li:hover {
				  background: none;
				}

				.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: #989797;
				  line-height: 35px;
				}				
					#topnav .sub-menu li:hover > a, #topnav .sub-menu li li:hover > a {
					  background: none;
					  color: #fff;
					}


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

		/* #topnav .sub-menu li.sfHover { background: #b1c7e0 !important; } */
	
	/*  ********************** End of Navigation *************************/


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







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

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

	
	.blockTable {  display: block; }

	#slider-wrapper {
	  min-height: 170px;
	}
	.camera_wrap {
  	  min-height: 170px !important;
  	}
	
	#slider-wrapper .camera_caption > div {
	  padding: 15px 12px;
	  width: 80%;
	}	
		#slider-wrapper .camera_caption h3 {
		  font: bold 18px/24px 'Roboto';
		  margin: 0 0 3px;
		}
		#slider-wrapper .camera_caption p {
		  font: 12px/16px 'Roboto';
		}

		#slider-wrapper .camera_target_content {
		  height: 84px;
		  position: relative;	
		  bottom: 84px !important;	  
		}
		#slider-wrapper .cameraContents {
		  height: 91px;
		}
		#slider_nav_holder { display: none !important; }
	
		#bg_line2 { margin-left: -620px; }

  	.list_carousel li { width: 190px; }
		.list_carousel .excerpt { min-height: 70px; }
		.list_carousel a.prev { left: 41%; }
		.list_carousel a.next { right: 41%; }

	#slider-wrapper .camera_fakehover {
	  min-height: 167px;
	}
	.primary_content_wrap > #photoBannerShadow {
	  top: 0;
	  z-index: 9;
	}


	.homeRightPart1 > div:first-child {
	  margin-top: 30px;
	}

	.banners-holder li:first-child {
	  display: block;
	  margin: 0 49px;
	}
	.secondBanner {
	  width: 300px;
	  margin: 0 50px;
	}

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







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

	.boxInfo {  margin-bottom: 20px; }	
	.primary_content_wrap .boxInfo img {  width: 43% !important; }
	#sidebarLeft {  margin-top: 0; }

	#main #sidebar #searchform input[type="text"],
	#main #sidebar2 #searchform input[type="text"] {
	  width: 91%;
	}
	
	#breadcrumb {
	  margin-top: -74px;
	}
	#photoHolder img {
	  margin: 0 auto 1px -232px;
	}

	#photoBannerLine {
	  right: -180px;
	}

	.primary_content_wrap { padding: 0; }

	.page-template-page-testi-php #content article.testimonial { padding-top: 15px; }
	
	a.schedule {
  		-webkit-background-size: 150px auto;
  		background-size: 150px auto;
  		width: 150px;
  		height: 33px;
  		font-size: 11px;
  		line-height: 31px;
  		margin-left: -75px;
  		top: 97px;
  	}	
		a.schedule:hover {
			background-position: 0 -39px;			
		}

	.wrap_content {
		padding: 0;
/* 		margin-top: 20px; */
	}

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

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

	.boxList li { width: 192px!important; margin: 0 15px 15px 0 !important; }
	.boxList li:nth-child(2n+2) { margin-right: 0 !important; }

	.boxList .featured-thumbnail img {
	  height: 145px;
	  width: 176px;
	}
	/* #sidebarLeft ul li { width: 194px!important; margin: 0 0 15px 10px!important; float: left; }
	#sidebarLeft ul li:nth-child(2n+1) { margin-left: 0!important; }
	
	#sidebarLeft li .wrapPortEntryInner a { font: 15px/24px "Eagle Lake" !important; } */

	.alignleft {
	  margin: 0 20px 9px 0 !important;
	  min-height: 100px;
	}

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

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

	#sidebarLeft {
	  margin-top: 15px;
	  width: 346px;
	}
		#sidebar {
			margin-top: 15px;
			width: 400px;
		}

		#sidebarLeft {
			margin-left: 0;
			padding-top: 0;
			margin-top: 0;
			margin-bottom: 45px;
		}
		
		#sidebar .recent-post-item {
		  margin-left: 0;
		}

		
		.toggle .box { height: 80px; }

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

	#gallery.one_column .portfolio li span.image-border {
	  height: 192px;
	  width: 396px;
	}
		#gallery.one_column .portfolio li a.image-wrap {
		  height: 192px;
		  width: 398px;
		}
			#gallery.one_column .portfolio li a.image-wrap img {
			  height: 192px;
			  width: 100%;
			}

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

	/*  ************************* #gallery.two_columns **********************/
	
	#gallery.two_columns .portfolio li {
	  width: 399px;
	  margin-right: 0;
	}
		#gallery.two_columns .portfolio li span.image-border {
		  height: 200px;
		  width: 397px;
		}
			#gallery.two_columns .portfolio li a.image-wrap {
			  height: 200px;
			  width: 399px;
			}
				#gallery.two_columns .portfolio li a.image-wrap img {
				  height: 200px;
				  width:100%;
				}

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

	#gallery.three_columns .portfolio li {
	  width: 400px;
	  margin-right: 0;
	}
		#gallery.three_columns .portfolio li span.image-border {
		    height: 210px;
    		width: 399px;
		}
			#gallery.three_columns .portfolio li a.image-wrap {
			  	height: 210px;
    			width: 405px;	
    		}
				#gallery.three_columns .portfolio li a.image-wrap img {
				  height: 210px;
				  width: 100%;
				}
	
	/*  ************************* #gallery.four_columns **********************/

	#gallery.four_columns .portfolio li {
	  margin-right: 0;
    	width: 400px;
	}
		#gallery.four_columns .portfolio li span.image-border {
		  	height: 195px;
    		width: 398px;
		}
			#gallery.four_columns .portfolio li a.image-wrap {
			  height: 195px;
    			width: 400px;
			}
				#gallery.four_columns .portfolio li a.image-wrap img {
				  height: 195px;
				  width: 100%;
				}

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

	.grid_gallery_inner {
	  width: 416px;
	}
		.grid_gallery .gallery_item {
		  width: 44%;
		  margin-right: 33px;
		  margin-left: 0;
		}
			.featured-thumbnail.single-gallery-item img {
			  width: 100%;
			}
			.grid_gallery_inner .gallery_item:nth-child(2n) {
				margin-right: 0;
			}
	

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

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

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

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

	.equal {  margin-top: 25px!important; }
	
	/* .wrap_content iframe {
	  width: 392px;
	} */

	#main .wrap_cf.main .wpcf7-form input[type="text"],
	#main .wrap_cf.main .wpcf7-form input[type="email"],
	#main .wrap_cf.main .wpcf7-form textarea {
	  margin-left: 0;
	  padding: 7px 5px;
	  width: 389px !important;
	}
		span.wpcf7-not-valid-tip {
		  width: 379px !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;
	}	

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

	#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-num {
		font-size: 242px;
	}
	
	/*  **************************************************/

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


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










/*  ************************ FOOTER ************************/
	#footer { padding-bottom: 0; text-align: left; }
	#footer > .container_12 > div { margin-bottom: 20px !important; }
	#footer > .container_12 > div:first-child {
	  display: block;
	  height: 110px;
	  margin-bottom: 20px;
	}
	
	#footer h2 { margin: 0 0 5px; }

	.wrapFooterText #menu-footer_custom_menu li:first-child { margin-left: 0; }

	#footer a#logo img {
  margin: 0 100px;
  position: absolute;
  width: 208px;
}

#footer ul.social-networks li:first-child { margin-left: 0; }
/*  ************************ END OF FOOTER ************************/

	


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


@media screen and (min-width: 480px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio:0) 
{  
	/*  nav.primary { height: 50px; }  */
}