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

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



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

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

	.container {
		width:300px !important;
	}
	.container_12 {
		width: 280px !important;
	}


	#main {
	  width: 300px;
	}

	h2 {
	  font: bold 16px/18px 'Roboto' !important;
	}

	h1 {
	  font: bold 22px/27px 'Roboto',sans-serif !important;
	}

	

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








/*  ************************ HEADER ************************/
	
	#wrapper_top_header {
	  width: 300px;
	  position: relative;
	}
		#wrap_top_header .container_12 .grid_9 {
			width: 290px;
		}
		#wrap_top_header .soc_links {
		  position: absolute;
		  right: 31px;
		  width: 120px;
		  z-index: 9999;
		}
			#wrap_top_header .soc_links ul {
			  float: right;
			  margin: 0;
			}

		#wrapper_top_header .soc_links {
		  position: absolute;
		  right: 15px;
		  width: 140px;
		}

	/*  ********************** Navigation ****************************/
		nav.primary {
		  left: -10px;
		  height: 56px;
		}

		nav.primary .responds {
		  color: #808080;
		  font: 26px/56px 'Roboto';
		  font-family: 'Roboto';
		  height: 56px;
		  text-align: left;
		  display: block;
		}
			nav.primary .responds > span {
			  margin-left: 25px;
			}

	#topnav {
	  background: none repeat scroll 0 0 #585552;
	  display: none;
	  left: -10px;
	  min-width: 250px;
	  overflow: hidden;
	  width: 300px;
	}
		#topnav li, #topnav .sub-menu li {
		  background: none repeat scroll 0 0 transparent;
		  border-top: 1px solid #7A7773;
		  margin: 0;
		  padding: 0;
		}
			#topnav > li:first-child, #topnav .sub-menu > li:first-child {
			  border-top: none;
			}

		#topnav > li:hover {
			background: #e4e4e4;
		}
			#topnav > li:hover a {
			  background: none;
			  color: #585552;
			}

		#topnav li a {
			line-height: 40px;
		}
			#topnav li > a:hover {
			  background: none repeat scroll 0 0 transparent;
			  border-bottom: medium none;
			  line-height: 40px;
			  padding-bottom: 0;
			  padding-top: 0;
			}
				#topnav li.current-menu-item > a:hover {
				  background: none repeat scroll 0 0 transparent;
				  border-bottom: medium none;
				  line-height: 40px;
				  padding: 0;
				   color: #585552;
				}
	/*  **************************************************/
		#topnav .sub-menu {
			border: 1px solid #514d48;
		}
			.sf-menu ul {
			  right: 0;
			  width: 298px;
			  background: #615E5A;
			  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 > a {
					color: #a0988b;
				}
			.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;
				}
				#topnav .sub-menu li a, .sub-menu li li a {
				  color: #D8CFBC;
				  font-size: 14px;
				  line-height: 40px;	
				  height: auto;
				  padding: 0;
				  text-align: center;
				}					
					#topnav .sub-menu li:hover a, #topnav .sub-menu li li a {
					  background: none repeat scroll 0 0 transparent;
					  color: #a0988b;
					}

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


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

	#logo_nav {
	  height: 115px;
	  width: 100%;
	  margin-bottom: 10px;
	  padding-top: 15px;
	}
		.logo {
		  margin-left:0;
		  margin-top: 22px;
		}
			a#logo img {
			  width: 278px;
			}

	/*  **************************************************/
	
	#wrap_player_block {
		height: 62px;
		padding: 12px 18px 20px 15px;
		width: 89%;
		background: url(../images/bg_player3.png) 0 0 no-repeat;
	}
		#wrap_player_block.on {
		  padding: 12px 18px 20px 15px;
		  width: 89%;
		  background: url(../images/bg_player2.png) 0 0 no-repeat;
		  height: 144px;
		}
	
		.home #wrap_player_block p {
		  font: 300 14px/20px 'Roboto';
		  width: 272px;
		}
		
		#wrap_player_block h1 {
		  color: #EBEDEC !important;
		  font: 100 24px/28px 'Roboto' !important;
		  text-transform: capitalize !important;
		  padding-top: 20px !important;
		}
			#wrap_player_block.on h1 {
			  color: #EBEDEC !important;
			  font: 100 26px/32px 'Roboto' !important;
			  text-transform: capitalize !important;
			  padding-top: 10px !important;
			}

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



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

	#wrap_section_slider {
	  min-height: 135px;
	}
		.camera_wrap {
		  width: 300px !important;
		  height: 135px !important;
		}
			.camera_wrap img {
			  height: 135px !important;
			  margin-left: 0 !important;
			  max-width: none !important;
			  width: 300px !important;
			}
	/*  **************************************************/
	
	#slider-wrapper .camera_target_content {
	  height: 38px;
	}
		#slider-wrapper .camera_caption > div {
		  font: bold 11px/14px 'Roboto';
		  padding: 12px 18px;
		}

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

	.camera_pag {
	  bottom: 0;
	  right: 20px;
	}
		.camera_wrap .camera_pag .camera_pag_ul li {
		  margin: 5px;
		}
			.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {
			  margin: 3px 6px !important;
			}

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







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

	#wrap_after_sl_area #advanced-recent-posts-2 {
	  padding-left: 0;
	  width: 280px;
	  margin-bottom: 15px;
	}

	#wrap_after_sl_area img {
		width: 98%;
	}
		#wrap_after_sl_area .grid_4.alpha img {
		  width: 97%;
		}

	#wrap_after_sl_area a.events_item p {
	  width: 176px;
	}
		#wrap_after_sl_area a.events_item p:first-child {
		  font: 700 24px/19px 'Roboto';
		}
			#wrap_after_sl_area a.events_item p:first-child span {
			  font: 300 16px/18px 'Roboto';
			}

	#wrap_after_sl_area a.events_item p {
	  font: 300 14px/17px 'Roboto';
	}

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

	.home .container_12 div[class*="grid"] div[class*="grid"]{
	  margin-left: 0;
	  margin-bottom: 30px;
	}
		#home-content .grid_4 {
		  margin-top: 20px;
		}
			#home-content .grid_4:first-child {
			  margin-top: 0;
			}
		#home-content .grid_4.omega {
		  margin-bottom: 0;
		}	

	/*  *********************************** carousel block *************/

	#wrap_carousel {
	  width: 300px;
	  height: 255px;
	}
		#wrap_carousel h2 {
		  font: bold 18px/28px 'Roboto' !important;
		}

		.es-carousel-wrapper {
		  width: 280px;
		}
			.es-carousel {
			  height: 111px;
			  width: 280px;
			}
				.es-carousel ul li {
				  height: 110px !important;
				  margin-left: 15px !important;
				  margin-right: 15px !important;
				  width: 110px !important;
				}
					.es-carousel ul li a {
					  height: 110px;
					  width: 110px;
					}
						.es-carousel ul li a img {
						  height: 110px;
						  width: 110px;
						}

	/*  *********************************** end of carousel block *************/

	#wrap_content {
	  padding: 35px 0;
	}
		#wrap_content .container_12 > .grid_9 {
			margin-bottom: 35px;
		}
			.blog_post_holder li {
			  margin-bottom: 15px;
			  border-bottom: 1px solid #dddad6;
			  padding-bottom: 10px;

			}
				.blog_post_holder li:first-child {
				  margin-bottom: 35px;
				  border-bottom: none;
				  padding-bottom: 0;
				}
		.blog_post_holder time, .blog_post_holder span.post_comment{
		  margin-left: 9px;
		}

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

	#wrap_content .grid_3 div > h2 {
	  margin-left: 0!important;
	}
	.wrap_cf .wpcf7-form input[type="text"], .wrap_cf .wpcf7-form input[type="email"], .wrap_cf .wpcf7-form textarea {
	  margin-left: 0;
	  width: 257px;
	}
		.home span.wpcf7-not-valid-tip {
		  left: 0 !important;
		  width: 267px !important;
		}

	.wrap_cf .wpcf7-form input[type="submit"] {
	  margin: 5px 0 15px;
	}

	div.wpcf7-response-output {
	  margin-left: 0 !important;
	  margin-right: 0 !important;
	  width: 166px;
	}

	/*  **************************************************/
	
	#home-content .content:first-child {
	  padding-bottom: 0;
	}
	#home-content .featured-thumbnail {
	  margin-bottom: 15px;
	}

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







/*  ***************************** SUBPAGES CONTENT ***************/
	
	.entry-header h2.entry-title a {
	  font: bold 16px/20px 'Roboto',sans-serif !important;
	}

	.author #recent-author-comments {
	  margin-top: 50px;
	}

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

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

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

	/*  ********************** sidebar ************************/
	
	#sidebar {
	  margin-top: 30px;
	}
		#sidebar h2 {
		 margin-left: 0!important;
		} 
		#sidebar .recent-post-item {
		  margin-left: 0;
		}
		#sidebar span.wpcf7-not-valid-tip {
		  left: 0 !important;
		  top: -12px !important;
		  width: 259px !important;
		}

	/*  **************************************************/
	
	.single-testi #content article.testimonial {
	  margin-bottom: 20px;
	  margin-top: 0;
	  padding: 145px 0 0;
	}

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

	#gallery.one_column .portfolio li span.image-border {
	  height: 168px;
	  width: 278px;
	}
		#gallery.one_column .portfolio li a.image-wrap {
		  height: 168px;
		  width: 278px;
		}
			#gallery.one_column .portfolio li a.image-wrap img {
			  height: 160px;
			  width: 97%;
			}
			#gallery.one_column .zoom-icon {
			  	height: 168px;
		  		width: 278px;
			}
		#gallery.one_column .folio-desc {
		  margin: 15px 0 0 0;
		  width: 100%;
		}	

	/*  ************************** #gallery.two_column ************************/

	#gallery.two_columns .portfolio li {
	  margin-right: 0;
	  width: 278px;
	}
		#gallery.two_columns .portfolio li span.image-border {
		  	height: 178px;
			width: 278px;
		}
			#gallery.two_columns .portfolio li a.image-wrap {
			  height: 178px;
			  width: 278px;
			}
				#gallery.two_columns .portfolio li a.image-wrap img {
				  height: 170px;
				  width: 97%;
				}
				#gallery.two_columns .portfolio li a.image-wrap .zoom-icon {
				  height: 178px;
			  		width: 278px;
				}

	/*  ************************** #gallery.three_column ************************/

	#gallery.three_columns .portfolio li {
	  margin-right: 0;
	  width: 278px;
	}
		#gallery.three_columns .portfolio li span.image-border {
		  	height: 188px;
			width: 279px;
		}
			#gallery.three_columns .portfolio li a.image-wrap {
			  height: 188px;
			  width: 279px;
			}
				#gallery.three_columns .portfolio li a.image-wrap img {
				  height: 180px;
				  width: 96.5%;
				}
				#gallery.three_columns .portfolio li a.image-wrap .zoom-icon {
				  	height: 188px;
			  		width: 277px;
				}

	/*  ************************* #gallery.four_columns ********************/

	#gallery.four_columns .portfolio li {
	  margin-right: 0;
	  width: 280px;
	}
		#gallery.four_columns .portfolio li span.image-border {
		  height: 163px;
		  width: 280px;
		}
			#gallery.four_columns .portfolio li a.image-wrap {
			  height: 163px;
			  width: 284px;
			}
				#gallery.four_columns .portfolio li a.image-wrap img {
				  height: 155px;
				  width: 95.5%;
				}
				#gallery.four_columns .zoom-icon {
				  height: 163px;
			  		width: 284px;
				}

	/*  **************************************************/
	
	.grid_gallery_inner {
	  width: 280px;
	}
		.grid_gallery .gallery_item {
		  margin: 0 0 15px 0;
		  width: 100%;
		}
		.single-portfolio .zoom-icon {
		  height: 189px;
		  width: 280px;
		}

	/*  *********************** blog pages style ***********************/
		
	.entry-header b {
	  float: left;
	  right: 0;
	  margin-top: 10px;
	  position: relative;
	}	
		
	.blog #content article.post-holder .featured-thumbnail img,
	.author #content article.post-holder .featured-thumbnail img {
	  width: 270px;
	}	
	.post-content {
	  padding-left: 0;
	}
	.blog #content {
		margin-bottom: 20px;
	}

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

	.single-post .featured-thumbnail img {
		width: 271px; 
	}

	.no-results #searchform {
	  width: 278px;
	}	
		.search-no-results #searchform input[type="text"] {
		  width: 232px;
		}
	#searchform input[type="text"] {
	  width: 83%;
	}	
		.error404 #searchform input[type="submit"] {
		  right: 7px;
		}

	.search-results article.post-holder .featured-thumbnail img {
	  width: 271px;
	}
	
	.search-results #content article {
	  padding-top: 17px;
	}

	.wrap_content iframe {
	  width: 97%;
	}

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

	#error404 #searchform {
	  margin: 0 auto;
	  width: 280px;
	}
	.error404-num {
	  font-size: 171px;
	}
	
	#sidebar2 {
	  margin-bottom: 20px;
	}
	
	/*  **************************************************/

	#sidebar .widget, #sidebar2 .widget {
	  margin: 40px 0 0;
	}

	/*  **************************************************/
	
	#wrapper_player div.wrap-MI {
	  margin: 0 !important;
	  padding: 10px 15px !important;
	  width: 270px !important;
	}
	
	#wrapper_player div.MIsliderVolume p:first-child {
	  display: none;
	}

	
	.single-offerspost article.offerpost .featured-thumbnail img,
	.archive article.post-holder .featured-thumbnail img {
	  width: 270px;
	}
	
	.archive .post-content {
	  padding-left: 0;
	}

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


/*  ************************ FOOTER ************************/
	
	#wrapper_footer {
		width: 300px;
	}

	#footer-text {
	  margin-bottom: 6px;
	}

	#wrapper_footer {
	  background: url("../images/bg_footer4.jpg") repeat scroll 0 0 transparent;
	  height: auto;
	  position: relative;
	}
		

	#footer nav.footer ul li {
	  padding: 12px 0;
	  float: none;
	}
		/* #footer nav.footer ul li:first-child  {
		  margin: 0;
		} */

		#footer nav.footer ul li a {
		  font: 300 18px/24px 'Roboto';
		}

	#footer_info {
	  width: 100%;
	}	
		#footer a#logo img {
		  margin-left: 0;
		  width: auto;
		}

	#footer_info > .grid_3 {
		width: 150px;
		margin-left: 0;
		margin-bottom: 20px;
	}
		#footer_info > .grid_3:first-child {
			width: 200px;
			margin-left: 0;
		}

	#footer #searchform {
	  margin-left: 0;
	  width: 276px;
	}	
		#footer #searchform input[type="text"] {
		  width: 244px;
		}

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












	
/* @media screen and (-webkit-min-device-pixel-ratio:0) ----- Safari ------
			{  
				.single-portfolio .zoom-icon:before {
					left: 47%;
					top: 50%;
				}
			} */			










	






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