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

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



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

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

.container {  width: 320px; padding-bottom: 25px; }

	#phoneIcon, #coffeIcon, #compassIcon,
	#photocameraIcon, #laptopIcon, #notebookIcon,
	#headphonesIcon, #gameIcon
	{
		display: none;
	}

	#endContent {  width: 320px; }

	#main h1 {  font: bold 27px/40px 'Bitter',sans-serif; }
	#main h2 {  font: 20px/28px 'Bitter'; }

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




/*  ************************ HEADER ************************/	
	
	.logo {  float: none; }	

		
	.topHeaderInfo { margin-left: 0; width: 320px; }
		.topLinksHolder {   height: 95px; }
			.topHeaderInfo div[id*="nav_menu"] {  margin-left: 25px;  margin-top: 20px; }
			.topHeaderInfo div[id*="search"] {   float: left;   margin-left: 57px; margin-top: 15px; }


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

		nav.primary {
		  height: 49px;
		  margin-left: -20px;
		  width: 320px;
		}


		nav.primary .responds {
		  color: #fff;
		  display: block;
		  font: 26px/78px 'Open Sans';
		  height: 49px;
		  text-align: center;
		  background: url(../images/bg_mobileResponse.png) 0 -66px no-repeat;
		  width: 76px;
		  margin: 0 auto;
		}
			nav.primary .responds:hover { background-position: 0 0; }

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


	#topnav {
	  background: none repeat scroll 0 0 #dadada;
	  display: none;
	  left: 0;
	  min-width: 250px;
	  position: absolute;
	  height: auto;
	  width: 100%;
	  
	}
		#topnav li, #topnav .sub-menu li {
		  background: none repeat scroll 0 0 transparent;
		  border-top: 1px solid #e5e5e5;
		  border-bottom: 1px solid #bcbdbd;
		  margin: 0;
		  padding: 0;
		}
			#topnav > li:first-child, #topnav .sub-menu > li:first-child {
			  border-top: none;
			}

		#topnav li:hover {
			background: #ebebeb;
		}
			

		#topnav > li > a {
			color: #36393a;
    		font: 14px/35px 'Open Sans' !important;
			padding: 0 !important;
			background: none !important;
			margin-top: 0;			
		}
			#topnav li:hover a, #topnav li.current-menu-item > a {
			  	background: none;
				color: #7e7e7e;
    			font: 14px/35px 'Open Sans';
    			text-align: center;
    			height: auto;
			}

		
				#topnav li.current-menu-item {
					background: #ebebeb;
				}
				#topnav li.current-menu-item:hover > a {
				 background: none;
				color: #AAAAAA;
    			font: 14px/35px 'Open Sans';
				  border-bottom: medium none;
				  padding: 0;
				}

	/*  **************************************************/
		#topnav .sub-menu {
			/* border: 1px solid #514d48; */
		}
			.sf-menu ul {
			  right: 0;
			  width: 100%;
			  background: #c7c6c6;
			  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;
		}
			.sf-menu .sub-menu .sub-menu li {
			  border-top: 1px solid #726d67;
			}
				#topnav .sub-menu li:hover, #topnav .sub-menu li li:hover {
				  background: none repeat scroll 0 0 #ebebeb;
				}

				.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: #36393a;
				}				
					#topnav .sub-menu li:hover a, #topnav .sub-menu li li a {
					  background: none;
					  color: #7E7E7E;
					}
		#topnav > li #containerShadow { display: none;  }
	
	/*  ********************** End of Navigation *************************/


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







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

.primary_content_wrap { margin-top: -39px; }


	#wrap_section_slider { min-height: 200px; }
		#slider-wrapper { min-height: 200px; }
			#slider-wrapper .camera_target_content {  height: 50px;  }
				#slider-wrapper .camera_caption > div {  padding: 10px; }
					#slider-wrapper .camera_caption p {   font: 7px/10px 'Open Sans';  width: 65%; }

				#slider-wrapper #slider_nav_holder {  bottom: 9px !important; }	

		#sliderShadow { -webkit-background-size: 280px auto;
			-moz-background-size: 280px auto;
			background-size: 280px auto;
			width: 280px;
		}



	#welcomeBanner {
	  background-position: 0 0;
	  -webkit-background-size: 280px auto;
	  -moz-background-size: 280px auto;
	  background-size: 280px auto;
	  width: 215px;
	  margin-top: 0;
	}
		#sliderBannerShadow {  width: 280px; -webkit-background-size: 280px  25px; -moz-background-size: 280px  25px; background-size: 280px  25px; }



	#wrap_carousel {  width: 280px;	margin-top: 20px; }
		.es-carousel-wrapper {  width: 280px;	}
			.es-carousel {  width: 280px; height: 286px; }
				.es-carousel ul li {  width: 131px !important; height: 280px !important; }
					.es-carousel ul li h4 a {  font: 12px/18px 'Bitter'; }

					.es-carousel ul li a {  height: 85px;  width: 131px; }
						.es-carousel ul li a img { width: 121px; height: 75px; }	
						.es-carousel ul li a.link {  margin: 15px 20px 0; }


	.homeLeftPart { margin-bottom: 20px; }
		#home-content div[id*="advanced-recent-posts"] ul li {  width: 135px; }

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



/*  ***************************** SUBPAGES CONTENT ***************/
	
	.alignleft {
	  margin: 0 0 15px 0 !important;
	  width: 96% !important;
	}

	.wrap_content {
		padding: 0;
	}
		.wrap_content .news_block + p, .wrap_content .news_block + p > a {
			margin-bottom: 0;
		}

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

	#sidebarLeft { margin-left: 0;  width: 224px; }	

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

	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: 7px;
		}
			.single-oldernewer a{
				font-size: 9px;
			}

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

	#sidebar {
	  background-position: -120px 0;
	  background-size: 400px auto;
	  margin-top: 40px;
	  width: 215px;
	}


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

	#gallery.one_column .portfolio li span.image-border {
	  height: 140px;
	  width: 279px;
	}
		#gallery.one_column .portfolio li a.image-wrap {
		  height: 142px;
		  width: 280px;
		}
			#gallery.one_column .portfolio li a.image-wrap img {
			  height: 130px;
			  width: 96%;
			}
			#gallery.one_column .zoom-icon {
			  height: 140px;
			  width: 279px;
			}

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

	/*  ************************* #gallery.two_columns **********************/
	
	#gallery.two_columns .portfolio li {
	  width: 280px;
	  margin-right: 0;
	}
		#gallery.two_columns .portfolio li span.image-border {
		  height: 158px;
		  width: 279px;
		}
			#gallery.two_columns .portfolio li a.image-wrap {
			  height: 160px;
			  width: 280px;
			}
				#gallery.two_columns .portfolio li a.image-wrap img {
				  height: 148px;
				  width: 96%;
				}
				#gallery.two_columns .portfolio li a.image-wrap .zoom-icon {
				  height: 158px;
				  width: 279px;
				}

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

	#gallery.three_columns .portfolio li {
	  width: 280px;
	  margin-right: 0;
	}
		#gallery.three_columns .portfolio li span.image-border {
		    height: 183px;
    		width: 279px;
		}
			#gallery.three_columns .portfolio li a.image-wrap {
			  	height: 185px;
    			width: 280px;	
    		}
				#gallery.three_columns .portfolio li a.image-wrap img {
				  height: 173px;
				  width: 96%;
				}
				#gallery.three_columns .portfolio li a.image-wrap .zoom-icon {
				  	height: 183px;
    				width: 279px;
				}
	
	/*  ************************* #gallery.four_columns **********************/

	#gallery.four_columns .portfolio li {
	  margin-right: 0;
    	width: 280px;
	}
		#gallery.four_columns .portfolio li span.image-border {
		  	height: 148px;
    		width: 279px;
		}
			#gallery.four_columns .portfolio li a.image-wrap {
			  height: 150px;
    			width: 280px;
			}
				#gallery.four_columns .portfolio li a.image-wrap img {
				  height: 138px;
				  width: 96%;
				}
				#gallery.four_columns .zoom-icon {
				  	height: 148px;
    				width: 279px;
				}

	/*  **************************************************/
	.grid_gallery {
	  margin-left: 0;
	}
	.grid_gallery_inner {
	  width: 280px;
	}
		.grid_gallery .gallery_item {
		  margin-right: 0;
		  margin-left: 0;
		  width: 100%;
		}
			.grid_gallery_inner .gallery_item:nth-child(2n) {
				margin-right: 0;
			}
	.single-portfolio .zoom-icon {
	  height: 189px;
	  width: 279px;
	}

	.featured-thumbnail.single-gallery-item img {
	  width: 96%;
	}

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

		.gallery_post {  height: 150px !important; }
			.gallery_post .g_item {  width: 320px !important; }
				.g_item > img {  width: 270px;  height: 140px; }


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

	.wrap_content iframe {
	  width: 267px;
	  height: 200px;
	}

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

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

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

	.error404-num {
	  font-size: 165px;
	}


	#error404 #searchform {
	  width: 280px;
	}
	#error404 #searchform input[type="text"] {
	  width: 92%;
	}

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

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

	.entry-header b {
	    float: left;
	    margin-top: 10px;
	 	position: relative;
	}

	.search-results article.post-holder .featured-thumbnail img {
	  width: 280px;
	}

	.author #recent-author-posts .post-content .excerpt,
	.search-results #content .post-content .excerpt,
	.archive #content .post-content .excerpt {
	  margin-bottom: 0;
	}

	#content article {
	  padding-top: 0px;
	}

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

	.single .entry-header b {
	  margin: 10px 0 0;
	}

	.primary_content_wrap article.post-holder .featured-thumbnail img {
		width: 268px;
	}
	.blog #content article.post-holder .featured-thumbnail img,
	.author #content article.post-holder .featured-thumbnail img,
	.search #content article.post-holder .featured-thumbnail img {
	  width: 268px;
	}
  
  	.primary_content_wrap .container_12 .divider {
	  margin-top: 50px;
	} 

  	#respond {
	  margin-top: 0;
	  padding-top: 0;
	}

	#commentform input[type="submit"] {
	  margin: 15px 0 0;
	}	
		.comment-meta {  font: 12px/35px 'Arial';	}

		#commentform p {
		  margin: 0 0 20px;
		}
	/*  **************************************************/	

	.no-results #searchform {
	  width: 280px;
	}

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










/*  ************************ FOOTER ************************/

		#searchform input[type="text"] {
		  width: 85%;
		}
		.search-no-results #searchform input[type="text"], .error404 #searchform input[type="text"] {
		  width: 86%;
		}

		#footer_info .socials li {  margin-left: 3px; }

		#footer-text {  font: 13px/18px Arial; }
			#footer-text a { display: block; } 

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



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