/* #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;
		}

	#main {
	  width: 768px;
	}
	
	h2 {
	  font: bold 16px/18px 'Roboto' !important;
	}


/*  ************************ END OF GENERAL ***********************/





/*  ***************************** HEADER *****************/	

	#wrapper_top_header {
	  width: 768px;
	}
		#topnav li {
		  padding: 0 6px;
		}
		#wrap_top_header .soc_links ul {
		  margin: 0;
		}
			#wrap_top_header .soc_links ul .soc_link {
			  background-size: 25px 25px !important;
			  height: 25px;
			  width: 25px;
			}
	/*  **************************************************/		
		.logo {
		  margin-left: 210px;
		}
	/*  **************************************************/	


			#wrap_player_block {
			  background-size: 768px auto;
			  padding: 17px 24px 9px 24px;
			  width: 94%;
			}
				.home #wrap_player_block p {
				  font: 300 18px/24px 'Roboto';
				  width: 400px;
				}
	/*  **************************************************/
	#wrap_section_slider {
	  min-height: 340px;
	}
		.camera_wrap {
		  width: 768px !important;
		  height: 340px !important;
		}
			.camera_wrap img {
			  height: 340px !important;
			  margin-left: 0 !important;
			  max-width: none !important;
			  width: 768px !important;
			}





/*  ****************************** END OF HEADER *****************/




/*  ****************************** HOME CONTENT *****************/

	/*  ******** wrap_after_sl_area block ***********/

	#wrap_after_sl_area #advanced-recent-posts-2 {
	  padding-left: 8px;
	  width: 212px;
	}
		#wrap_after_sl_area ul li.recent-post-item .post-entry p {
		  font: 300 16px/18px 'Roboto';
		}

	#wrap_after_sl_area a.events_item p:first-child {
	  font: 700 18px/13px 'Roboto';
	  padding: 7px;
	  width: 20px;
	}	
		#wrap_after_sl_area a.events_item p:first-child span {
		  font: 300 11px/12px 'Roboto';
		}

	#wrap_after_sl_area a.events_item p {
	  font: 300 12px/14px 'Roboto';
	  padding: 14px 20px;
	  width: 146px;
	}

	/*  ********** end of wrap_after_sl_area block *************/

	#wrap_player_block h1 {
	  font: 100 39px/50px 'Roboto' !important;
	}

	/*  ******************** carousel block *************/

	#wrap_carousel {
	  width: 768px;
	  height: 295px;
	}
		.es-carousel-wrapper {
		  width: 728px;
		}
			.es-carousel {
			  height: 210px;
			  width: 728px;
			}
				.es-carousel ul li {
				  height: 150px !important;
				  margin-left: 14px !important;
				  margin-right: 20px !important;
				  width: 150px !important;
				}
					.es-carousel ul li a {
					  height: 150px;
					  width: 150px;
					}
						.es-carousel ul li a img {
						  height: 150px;
						  width: 150px;
						}

	/*  **************** end of carousel block *************/

	/*  ***************** wrap_content block *************/

	#wrap_content {
	  padding: 35px 0 35px;
	}

	.wrap_cf .wpcf7-form input[type="submit"] {
	  margin: 5px 32px 0;
	}

	.home span.wpcf7-not-valid-tip {
	  font-size: 10px;
	  width: 141px !important;
	}
	
	div.wpcf7-response-output {
	  width: 110px;
	}
		.alert-box, .wpcf7-response-output {
		  padding: 65px 20px 20px !important;
		}
		.attention-box, .wpcf7-validation-errors, .wpcf7-spam-blocked {
		  background-position: 20px 8px;
		}


	/*  *************** end of wrap_content block *************/


/*  ****************************** END OF HOME CONTENT *****************/


	


/*  ****************************** SUBPAGE CONTENT ************************/


	/*  ************************* #gallery.one_column **********************/

	#gallery.one_column .portfolio li span.image-border {
	  height: 188px;
	  width: 352px;
	}
		#gallery.one_column .portfolio li a.image-wrap {
		  height: 188px;
		  width: 352px;
		}
			#gallery.one_column .portfolio li a.image-wrap img {
			  height: 180px;
			  width: 98%;
			}
			#gallery.one_column .zoom-icon {
			  height: 188px;
			  width: 352px;
			}
		#gallery.one_column .folio-desc {
		  width: 46%;
		}

	/*  ************************* #gallery.two_columns **********************/
	
	#gallery.two_columns .portfolio li {
	  width: 335px;
	  margin-right: 25px;
	}
		#gallery.two_columns .portfolio li span.image-border {
		  height: 217px;
		  width: 335px;
		}
			#gallery.two_columns .portfolio li a.image-wrap {
			  height: 217px;
			  width: 335px;
			}
				#gallery.two_columns .portfolio li a.image-wrap img {
				  height: 209px;
				  width: 97.5%;
				}
				#gallery.two_columns .portfolio li a.image-wrap .zoom-icon {
				  height: 217px;
				  width: 335px;
				}

	/*  ************************* #gallery.three_columns **********************/

	#gallery.three_columns .portfolio li {
	  width: 216px;
	}
		#gallery.three_columns .portfolio li span.image-border {
		  height: 153px;
		  width: 220px;
		}
			#gallery.three_columns .portfolio li a.image-wrap {
			  height: 153px;
			  width: 220px;
			}
				#gallery.three_columns .portfolio li a.image-wrap img {
				  height: 145px;
				  width: 96.5%;
				}
				#gallery.three_columns .portfolio li a.image-wrap .zoom-icon {
				  	height: 153px;
			  		width: 220px;
				}
	
	/*  ************************* #gallery.four_columns **********************/

	#gallery.four_columns .portfolio li {
	  width: 156px;
	}
		#gallery.four_columns .portfolio li span.image-border {
		  height: 93px;
		  width: 159px;
		}
			#gallery.four_columns .portfolio li a.image-wrap {
			  height: 93px;
			  width: 159px;
			}
				#gallery.four_columns .portfolio li a.image-wrap img {
				  height: 85px;
				  width: 95.5%;
				}
				#gallery.four_columns .zoom-icon {
				  	height: 93px;
			  		width: 159px;
				}

	/*  *********************** single portfolio ******************/

	.grid_gallery_inner {
	  width: 458px;
	}
		.grid_gallery .gallery_item {
		  width: 48.2%;
		  margin-right: 14px;
		}
			.grid_gallery_inner .gallery_item:nth-child(2n) {
				margin-right: 0;
			}
	.single-portfolio .zoom-icon {
	  height: 151px;
	  width: 222px;
	}


	/*  ************************* blog pages style ******************/

	#commentform textarea {
	  width: 95.5%;
	}
	.entry-header h2.entry-title a {
	  font: bold 16px/18px 'Roboto',sans-serif !important;
	}




	/*  ************************* sidebar ***************/

	#sidebar span.wpcf7-not-valid-tip {
	  font-size: 9px !important;
	  padding: 8px 0 8px 9px !important;
	  width: 142px !important;
	}

	#sidebar h2 {
	  font-size: 14px !important;
	}


	/*  ************************* contact page *********************/
	
	.wrap_cf.main .wpcf7-form input[type="text"],
	.wrap_cf.main .wpcf7-form input[type="email"],
	.wrap_cf.main .wpcf7-form textarea {
	  width: 317px;
	}
		span.wpcf7-not-valid-tip {
		  width: 317px !important;
		}

		.wrap_cf.main .alert-box, .wrap_cf.main .wpcf7-response-output {
		  padding: 20px 20px 20px 95px !important;
		}

	/*  **********************************************/

	/*  **************************************************/

	.blog #content article.post-holder .post-content {
	  padding-left: 323px;
	}






/*  ****************************** END OF SUBPAGE CONTENT *****************/






/*  ****************************** FOOTER ********************************/

	#wrapper_footer {
		width: 768px;
	}

	#footer nav.footer ul li {
	  padding: 12px 6px;
	}
		#footer nav.footer ul li:first-child {
			margin-left: 0;
		}

	/*  **************************************************/	

	#footer a#logo img {
	  margin-left: 5px;
	}

	/*  **************************************************/
	
	#footer #searchform {
	  width: 140px;
	}
		#footer #searchform input[type="text"] {
		  width: 110px;
		}






/*  ****************************** END OF FOOTER *****************/











/*  ********************** END OF FILE ******************/
}