/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

html,
body {
	min-width:768px;
	}
.container {
	width:768px !important;
	}
#main {
  width: 768px;
}
/*  **************************************************/
#wrapper_top {
	background: url("../images/bg_block1.jpg") repeat-y scroll center top transparent;
}
#wrapper_center {
	background: url("../images/bg_block2.jpg") repeat-y scroll center top transparent;
}
#wrapper_top, #wrapper_center {
	-webkit-background-size: 1167px 375px;
	background-size: 1167px 375px;	
}
#wrapper_footer {
	background: url("../images/bg_block4.jpg") repeat-y scroll center top transparent;
	-webkit-background-size: 1166px 278px;
	background-size: 1166px 278px;
}
/*  **************************************************/
h1, h2 {
	font-size: 24px!important;
	line-height: 28px!important;
}
/*  **************************************************/
/* Header
---------------------------------------- */
.logo{
	background-position: 46% 0;
}
	.logo span {
	  margin: 0 20px 0 0;
	}

.logo h2 {
  font-size: 18px;
}

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

#top {
  height: 24px;
}
	#top .phone p, #top .soc_links p {
	  font-size: 10px;
	  line-height: 10px;
	}
	#top .soc_links p {
		float: left;
	}
	#top .soc_links ul > .soc_link {
	  background-size: 24px 46px!important;
	  width: 24px;
	  height: 15px;
	}
		#top .soc_links ul li:hover {
		  background-position: 0 -23px !important;
		}

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

	
#topnav li a {
  font-size: 12px;
  padding: 0 11px;
}

.sf-menu li {
  margin: 0;
  padding: 0 0 0 5px;
}
	.sf-menu li:first-child {
	  margin: 0;
	  padding: 0;
	}
		.sf-menu li a {
		    padding:0 17px;
		    font-size: 16px;
		}
.sf-menu a.sf-with-ul {
  padding-right: 35px;
}	


.sf-menu li:hover > a, .sf-menu li.sfHover > a, .sf-menu li > a:focus, .sf-menu li > a:hover, .sf-menu li > a:active, .sf-menu li.current-menu-item > a {
  background-position: left 49px;
}

.widget-header {
  margin-left: 36px;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 5px;
}
/* Excerpt */
#excerpt h2 {
  font-size: 36px;
}


/*  ******************************** PHONE_INFO ****************/

#phone_info {
  margin-top: -89px;
}
	#phone_info p {
		font-size: 13px;
		line-height: 18px;
		margin-bottom: 0;
	}
	#phone_info p.phone {
		font-size: 24px;
		line-height: 30px;
	}

/*  ******************** Slider ******************************/

#wrap_section_slider {
  min-height: 384px;
}
#slider-wrapper {
  height: auto;
}
.camera_wrap {
  width: 768px!important;
}

#slider-wrapper .camera_caption h1,
#slider-wrapper .camera_caption h2 {
  	font-size: 35px;
    line-height: 40px;
}
#slider-wrapper .camera_next {
  right: 50px;
}
#slider-wrapper .camera_prev {
  left: 50px;
}
/*  **************************************************/

#wrap_carousel {
  height: 100px;
  width: 650px;
  left: 60px;
  top: 330px;
}
	.es-carousel-wrapper {
	  width: 650px;
	}
		.es-carousel {
		  height: 100px;
		  width: 575px;
		}
			.es-carousel ul li {
			  height: 100px !important;
			  margin-left: 20px !important;
			  margin-right: 20px !important;
			  width: 100px !important;
			}
				.es-carousel ul li a {
				  height: 100px;
				  width: 100px;
				  -webkit-background-size: 100px 100px;
				  background-size: 100px 100px;
				  font-size: 12px;
				}
					.es-carousel ul li a img {
					  height: 100px;
					  width: 100px;
					}

/*  **************************************************/
input[type="text"] {
  width: 130px;
}


#wrap_after_sl_area div[id*="text"] {
  width: 97px;
}


#red_block p {
  font-size: 18px;
  font-weight: bold;
}
	#red_block a.get_quote {
	  font-size: 18px;
	  width: 170px;
	}

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

#before_content_area {
	margin:0;
	}
#before_content_area h4 {
  font-size: 34px;
  margin-left: 20px;
}
#before_content_area h4 span {
  font-size: 16px;
  line-height: 19px;
}	

#before_content_area a.more {
  margin: 20px auto 0 60px;
}

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

#sidebar .widget #testi-controls {
  margin-top: -47px;
  right: -5px;
}
#sidebar ul li a, #sidebar2 ul li a {
  font-size: 15px;
}
/*  **************************************************/
/* Recent Post */
.recent-posts.team li {
  margin: 0 13px 25px 0;
  width: 151px;
}
.recent-posts.team li .thumb-wrap {
  width: 151px;
}

/* Post Project */
.fullwidth-sidebar .post-holder {
  width: 74.7%;
}
.post_project li {
  width: 499px;
}


/* Indent Right */
#home_content_area .indent_right h2 {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 10px;
}

/* Note Book */
.note_book {
  background: url("../images/note768.png") no-repeat scroll 0 0 transparent;
  height: 330px;
  padding: 50px 0 0 15px;
  width: 157px;
}
.note_book a {
  background: url("../images/read_note768.png") no-repeat scroll 0 0 transparent;
  margin: 20px 0 0 22px;
  width: 127px;
}
.note_book pre {
  font-size: 18px;
  line-height: 23px;
}
/* Aside Box */
.box-holder {
	margin:-27px -10px -27px -21px;
	padding:27px 10px 27px 20px;
	}

.post_list li .thumb-wrap {
	display:block;
	width:100%;
	height:auto;
	}
	.post_list li .thumb-wrap img {
		width:100%;
		height:auto;
		}



/* Address */
.info {
  width: 205px;
}

/* 404 */
.error404-num {
  font-size: 110px;
}
.text-404 strong {
  font-size: 31px;
}
#searchform input[type="submit"] {
  right: 0;
}




/* Portfolio
---------------------------------------- */

.grid_gallery .gallery_item {
  width: 12.2%;
  height: 77px;
}

/* Default layout 3 columns */
#gallery .portfolio li {
  margin: 0 20px 25px 0;
  width: 208px;
}
	#gallery .portfolio li a.image-wrap {
	  height: 123px;
	  width: 185px;
	}
	.zoom-icon {
	  height: 126px;
	  width: 139px;
	}
		.single-portfolio .zoom-icon {
		  height: 326px;
		  width: 485px;
		}
		.search .zoom-icon, .archive .zoom-icon, .blog .zoom-icon, .single .zoom-icon{
		  height: 243px;
		  width: 490px;
		}
			.single .zoom-icon {
			  height: 77px;
			  width: 110px;
			}
			.search .zoom-icon:before {
			  left: 50%;
			}


		#gallery.three_columns .folio-desc h4 {
		  font-size: 15px;
		}

/* 1 column portfolio*/
#gallery.one_column .portfolio li span.image-border {
  float: left;
  height: 185px;
  width: 351px;
}
	#gallery.one_column .portfolio li a.image-wrap {
	  height: 185px;
	  width: 355px;
	}
		#gallery.one_column .portfolio li a.image-wrap img {
		  float: left;
		  height: auto;
		  width: 96%;
		}
	#gallery.one_column .zoom-icon {
	  height: 185px;
	  width: 351px;
	}
	#gallery.one_column .folio-desc {
	  width: 47%;
	}


		
/* 2 columns portfolio*/
#gallery.two_columns .portfolio li {
  margin-right: 20px;
  width: 338px;
}
	#gallery.two_columns .portfolio li a.image-wrap {
	  height: 200px;
	  width: 338px;
	}
	#gallery.two_columns .portfolio li span.image-border {
	  height: 200px;
	  width: 338px;
	}
		#gallery.two_columns .portfolio li a.image-wrap img {
		  width: 97%;
		}
	#gallery.two_columns .portfolio li a.image-wrap .zoom-icon {
	  height: 200px;
	  width: 338px;
	}

/* 3 columns portfolio*/
#gallery.three_columns .portfolio li {
	width: 218px;
	}
	#gallery.three_columns .portfolio li span.image-border {
	  height: 155px;
	  width: 218px;
	}
		#gallery.three_columns .portfolio li a.image-wrap {
		  height: 155px;
		  width: 218px;
		}
			#gallery.three_columns .portfolio li a.image-wrap img {
			  width: 96%;
			}
				#gallery.three_columns .portfolio li a.image-wrap .zoom-icon {
					height: 155px;
		  			width: 218px;
				}

/* 4 columns portfolio*/
	#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: 86px;
			  width: 157px;
			}
				#gallery.four_columns .portfolio li a.image-wrap img {
				  width: 94%;
				}
					#gallery.four_columns .zoom-icon {
					  height: 86px;
					  width: 157px;
					}

/* Comment form */
.commentlist ul.children {
	margin-left:20px;
	}
	
#commentform input[type="submit"] {
  margin-left: 0;
}


/*  **************************************************/	
/* Contact form */

.wpcf7-form p.field input {
	width:210px;
	}
.wpcf7-form textarea {
	min-width:91.5%;
	}
span.wpcf7-not-valid-tip {
  background: none repeat scroll 0 0 #F5D5D5 !important;
  border: 1px solid #FF0000 !important;
  font-size: 14px !important;
  left: 0 !important;
  line-height: 10px !important;
  padding: 14px 0 14px 21px !important;
  position: absolute;
  top: -16px !important;
  width: 319px !important;
  z-index: 100;
}

.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea {
  width: 94%;
}




/* Search Forms
---------------------------------------- */
#wrap_sidebar #searchform{
  position: relative;
  width: 145px;
}
.no-results #searchform,
#error404 #searchform {
	width: 350px;
}
#searchform .searching {
	width:130px;
	margin:0 0 10px 0;
	}	
#error404 #searchform input[type="text"], .no-results #searchform input[type="text"] {
  width: 96%;
}
#wrap_sidebar #searchform input[type="text"]{
	width: 67%;
}	
	#wrap_sidebar #searchform input[type="submit"]{
		right: 10px;
	  	top: 5px;
	}
	


/*---------------- CONTENT -------------*/
.single-testi #content article.testimonial {
  border: medium none;
  margin-top: 0;
  padding: 0 30px 30px 160px;
}


#wrap_sidebar {
  padding: 0 9px 0 20px;
}

.alignnone {
  height: 130px;
}
.social-networks img {
  margin: 0 0 0 5px;
}

.featured-thumbnail img {
  width: 100% !important;
}

.primary_content_wrap ul li {
	font-size: 12px;
}


#after-slider a.button, a.donate_btn {
  padding: 0 36px;
}

.blog .post-thumb .featured-thumbnail ,
.archive .post-thumb .featured-thumbnail,
.search .post-thumb .featured-thumbnail,
.single .post-thumb .featured-thumbnail,
.gallery_post .featured-thumbnail{
  width: 100% !important;
}
	.blog .featured-thumbnail img,
	.archive .featured-thumbnail img,
	.search .featured-thumbnail img,
	.single .featured-thumbnail img {
	  width: 100% !important;
	  margin-bottom: 15px;
	}
.entry-header h2.entry-title a {
  font-size: 18px;
}

.single-testi #content article.testimonial {
  padding-left: 160px;
  padding-right: 0;
}

.post-meta {
  font-size: 12px;
}

.blog .featured-thumbnail,
.archive .featured-thumbnail,
.search .featured-thumbnail,
.single .featured-thumbnail {
  float: none;
  margin: 0 15px 10px 0;
  position: relative;
}

.blog a.button, .category a.button, .archive a.button, .search-results a.button {
	margin: 20px 0 0;
}

.post-content {
  padding-left: 0;
}
.post-content .excerpt {
  margin: 0;
  padding-bottom: 0;
}
#after-slider {
  width: 748px;
}
	#after-slider a.button {
	  padding: 0 15px;
	}
	#after-slider h2 {
	  font-size: 25px;
	  line-height: 25px;
	}



.audiojs .scrubber {
  width: 64%;
}

iframe {
  width: 98%;
  height: 300px;
}

.wrap_cf .wpcf7-form input[type="text"], .wrap_cf .wpcf7-form input[type="email"], .wrap_cf .wpcf7-form textarea {
  width: 94%;
}
span.wpcf7-not-valid-tip {
  width: 94%;
}

.toggle .trigger {
  font-size: 15px;
  line-height: 24px;
}

#testi-cycle .testi_item {
  width: 172px !important;
}

#cat_block ul li {
  font-size: 13px;
  /* height: 18px; */
  line-height: 18px;
}

#interior_ideas p, #interior_ideas p span {
	font-size: 18px;
	line-height: 20px;
	top: 50%;
}
#interior_ideas a {
  background-size: 50px 95px;
  height: 48px;
  right: 20px;
  top: 52%;
  width: 50px;
}	
	#interior_ideas a:hover {
	  background-position: 0 -49px;
	}

#interior_ideas img {
  width: 91%;
}	

#home-content .content {
  width: 80%;
}
/*-------------------- FOOTER ---------------*/
#footer {
  padding-bottom: 15px;
  width: 768px;
}
	#footer .textwidget img {
	  width: 50%;
	}
	#footer .textwidget .block_info {
	  float: left;
	  margin-top: 25px;
	}

#footer ul li a {
  font-size: 14px;
}

#footer .wpcf7-form input[type="text"], #footer .wpcf7-form input[type="email"] {
  margin-right: 12px;
  width: 62%;
}
#footer .wpcf7-not-valid-tip {
  padding: 7px 0 7px 12px !important;
  font-size: 8px!important;
}


/*  **************************************************/
.footer_info {
  font-size: 11px;
}

#footer #social_links li {
  margin-left: 5px;
}

#footer .grid_4:first-child #my_logowidget-2 {
  margin-left: -13px;
}







}