/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

/*  ******************** general  *************************/
	html,
	body {
		min-width:768px;
	}

	.container {
		width:768px !important;
	}

	h1 {
	  font: bold 24px/31px 'Raleway',sans-serif !important;
	}

	h2, .header-title h3 {
	  font: bold 35px/36px 'Raleway',sans-serif !important;
	}
/*  *********************** end of general ************************/



/*  ********************* HEADER ***********************/

	.logo img {
	  width: 270px;
	}

	/*  **************************************************/
	nav.primary {
	  left: -10px;
	  height: 25px;
	}
		#topnav > li {
		  height: 31px;
		}
			#topnav li a {
				font-size: 10px;
				line-height: 14px;
			}
		

		.sf-menu ul {
		  padding: 2px 12px;
		  width: 120px;
		}
			#topnav .sub-menu li a, .sub-menu li li a {
			  font: 11px/12px 'Raleway',sans-serif;
			}
				.sf-menu ul ul {
				  left: 132px !important;
				}


	/*  **************************************************/
	
	#text_greeting {
	  font: 100 44px/50px 'Raleway';
	}

/*  ********************* END OF HEADER ***********************/




/*  ********************* SLIDER ***********************/

	#container_slider {
		height: 245px;
		 margin-top: -475px; 
	}
	/*  **************************************************/	
	#wrap_section_slider {
	  background-size: 700px 244px;
	}
	/*  **************************************************/
	#sliderCaption .times {
	  font: 700 39px/40px 'Raleway',sans-serif;
	}
	
	#sliderCaption .name {
	  font: 700 56px/60px 'Raleway',sans-serif;
	  margin-top: 5px;
	  margin-bottom: 0;
	}
	#sliderCaption p span {
	  font: 700 35px/37px 'Raleway',sans-serif;
	}
	/*  **************************************************/
	
	.flex-direction-nav li a.prev, .flex-direction-nav li a.next {
		background-position: 0 -35px;
		-webkit-background-size: 70px 70px;
		background-size: 70px 70px; 
		height: 35px;
		left: 39px;
		width: 35px;
		top: 19px;
	}
		.flex-direction-nav li a.next {
			background-position: -35px -35px;
			left: 73px;
		}	
		.flex-direction-nav li a.prev:hover {
		  background-position: 0 0;
		}
		.flex-direction-nav li a.next:hover {
		  background-position: -35px 0;
		}

/*  ********************* END OF SLIDER ***********************/




/*  *********************  CAROUSEL ***********************/
	#wrap_carousel {
	  height: 230px;
	}
		.es-carousel-wrapper {
		  width: 768px;
		}
			.es-carousel {
			  height: 213px;
			  width: 638px;
			}
	/*  **************************************************/

	.es-carousel ul li {
  background-size: 150px auto;
  height: 215px !important;
  margin: 0 5px !important;
  width: 150px !important;
}
		.es-carousel ul li figure {
		  margin: 4px;
		}
			.es-carousel ul li a {
			  border: medium none;
			  display: block;
			  height: 154px;
			  width: 142px;
			}
				.es-carousel ul li a img {
				  height: 154px;
				  width: 142px;
				}

	/*  **************************************************/

	.es-carousel ul li h4 {
	  font: 800 13px/14px 'Raleway',sans-serif;
		margin-top: 5px !important;
	}
		.es-carousel ul li h4 a {
		  font: 800 13px/14px 'Raleway',sans-serif;
		}

	.es-carousel ul li .excerpt {
	  font: 800 14px/14px 'Raleway',sans-serif;
	  margin-top: 5px;
	}

	.caro_item_mark {
	  background-position: 0 -9px;
	  -webkit-background-size: 9px auto;
	   background-size: 9px auto; 
	  height: 8px;
	  margin: 9px 0 0 70px;
	  width: 9px;
	}

	/*  **************************************************/
	
	.es-nav span.es-nav-next {
	  right: 31px;
	}
	.es-nav span.es-nav-prev {
	  left: 35px;
	}

/*  ********************* END OF CAROUSEL ***********************/








/*  ************************ HOME CONTENT ********************/


/*  ************************ END OF HOME CONTENT ********************/








/*  *********************** SUBPAGES *********************/

	#wrap_inner, #wrap_inner_wos, #wrap_inner_wls, #wrap_inner_w2s {
	  width: 720px;
	}

	aside#sidebar, aside#sidebar2 {
	  padding-top: 44px;
	}

	.alignleft {
	  margin: 0 20px 10px 0 !important;
	}
	
	#sidebar h2, #sidebar2 h2 {
	  font-size: 19px !important;
	  line-height: 22px !important;
	  padding-bottom: 10px !important;
	}

	#sidebar ul li a, #sidebar2 ul li a {
	  font: 14px/16px Arial;
	  background-position: 0 3px;
	}
		#sidebar ul li a:hover, #sidebar2 ul li a:hover {
		  background-position: 0 -15px;
		}

	#sidebar .wpcf7-form input[type="text"],
	#sidebar .wpcf7-form input[type="email"],
	#sidebar .wpcf7-form textarea {
	  width: 80%;
	}

	#sidebar .wpcf7-form input[type="submit"],
	a.more_details, a.button, a.read, .reply a,
	#commentform input[type="submit"],
	.wrap_cf .wpcf7-form input[type="submit"] {
	  font: bold 10px/30px Arial;
	  height: 30px;
	  padding: 0 20px;
	}

	span.wpcf7-not-valid-tip, span.wpcf7-not-valid-tip-no-ajax {
	  width: 322px !important;
	}

	#sidebar .wpcf7-form span.wpcf7-not-valid-tip,
	#sidebar .wpcf7-form span.wpcf7-not-valid-tip-no-ajax {
	  font-size: 9px;
	  padding: 10px 0 10px 15px !important;
	  top: -17px !important;
	  width: 143px !important;  
	}


	#sidebar .attention-box,
	#sidebar .wpcf7-validation-errors,
	#sidebar .wpcf7-spam-blocked,
	#sidebar2 .attention-box,
	#sidebar2 .wpcf7-validation-errors,
	#sidebar2 .wpcf7-spam-blocked {
	  background-position: 50px 5%;
	  padding: 60px 10px 10px !important; 
	}


	#content article {
	  padding-top: 0;
	}

	#footer #searchform input[placeholder] {
	  font: 11px/14px Arial;
	}

	/*  **************************************************/

	#page_slogan {
	  font: bold 45px/45px 'Raleway',sans-serif;
	  height: 46px;
	  margin-top: 10px;
	}

	/*  **************************************************/
	#gallery.one_column .portfolio li {
	  width: 700px;
	}
		#gallery.one_column .portfolio li span.image-border {
		  height: 236px;
		  width: 450px;
		}
			#gallery.one_column .portfolio li a.image-wrap {
			  height: 242px;
			  width: 451px;
			}
				#gallery.one_column .portfolio li a.image-wrap img {
				  width: 95.5%;
				}

				#gallery.one_column .zoom-icon {
				  height: 242px;
				  width: 451px;
				}
		#gallery.one_column .folio-desc {
		  width: 30%;
		}

	/*  **************************************************/

	#gallery.two_columns .portfolio li {
	  width: 335px;
	  margin-right: 26px;
	}
		#gallery.two_columns .portfolio li span.image-border {
		  height: 200px;
		  width: 335px;
		}
			#gallery.two_columns .portfolio li a.image-wrap {
			  height: 203px;
			  width: 336px;
			}
				#gallery.two_columns .portfolio li a.image-wrap img {
				  width: 94%;
				}
				#gallery.two_columns .portfolio li a.image-wrap .zoom-icon {
				  height: 203px;
				  width: 336px;
				}
		
	/*  **************************************************/

	#gallery.three_columns .portfolio li {
	  width: 218px;
	  margin-right: 19px;
	}
		#gallery.three_columns .portfolio li span.image-border {
		  height: 154px;
		  width: 218px;
		}
			#gallery.three_columns .portfolio li a.image-wrap {
			  height: 157px;
			  width: 218px;
			}
				#gallery.three_columns .portfolio li a.image-wrap img {
				  width: 91%;
				}
				#gallery.three_columns .portfolio li a.image-wrap .zoom-icon {
				  height: 157px;
				  width: 218px;
				}
	/*  **************************************************/

	#gallery.four_columns .portfolio li {
	  width: 157px;
	}
		#gallery.four_columns .portfolio li span.image-border {
		  height: 86px;
		  width: 157px;
		}
			#gallery.four_columns .portfolio li a.image-wrap {
			  height: 90px;
			  width: 158px;
			}
			#gallery.four_columns .portfolio li a.image-wrap img {
			  width: 87%;
			}
			#gallery.four_columns .zoom-icon {
			  height: 90px;
			  width: 158px;
			}

	/*  **************************************************/

	article.post-holder .featured-thumbnail img {
	  width: 250px;
	}
		article.testimonial .featured-thumbnail img {
		  width: 120px;
		}

	.post-content {
	  padding-left: 280px;
	}

	#content article:first-child h2 {
		margin-top: 0 !important;
	}

	#commentform textarea, #commentform input[type='text'], #commentform input[type='email']{
	  width: 95%;
	}

	.entry-header h2.entry-title a {
	  font: 24px/30px 'Titillium Web',sans-serif !important;
	}

	/*  **************************************************/

	.table_block {
	  display: block;
	}

	/*  **************************************************/

	.gallery_post {
	  width: 460px !important;
	  height: 310px!important;
	}
		.g_item > img {
		  height: auto;
		  width: 70%;
		}
		
		.grid_gallery_inner {
		  width: 458px;
		}
	
		.grid_gallery .gallery_item {
		  margin: 0 15px 15px 0;
		  width: 48.3%;
		}	
			.grid_gallery .gallery_item:nth-child(2n) {
				margin-right: 0;
			}	

		.two_third .g_item {
			height: 302px !important;
			width: 460px !important
		}
		.two_third .g_item > img {
		  height: 281px !important;
		  width: 436px !important;
		}
		
		.grid_gallery_inner .gallery_item .zoom-icon {
		  height: 137px !important;
		  width: 196px !important;
		}
		.featured-thumbnail.single-gallery-item img {
		  width: 90% !important;
		}
		.home .featured-thumbnail.single-gallery-item img {
		  width: 100% !important;
		}
	
	/*  **************************************************/

		.wrap_cf .wpcf7-form input[type="text"], .wrap_cf .wpcf7-form input[type="email"], .wrap_cf .wpcf7-form textarea {
		  width: 93.5%;
		}

	/*  **************************************************/	

	nav.oldernewer {
		margin-top: 15px;
	}

/*  *********************** END OF SUBPAGES *********************/





/*  ************************ FOOTER *****************/

	#menu-footer li a {
	  font: 11px/16px 'Titillium Web';
	  margin-left: 16px;
	}

	#footer #searchform input[type="text"] {
	  width: 66%;
	}
		#footer-text p {
		  font-size: 11px;
		}

/*  ************************ END OF FOOTER *****************/




}