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

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

.container {
	width:768px !important;
	}

/* Header
---------------------------------------- */
	
.sf-menu > li > a {
	padding:0 15px;
	}
.sf-menu a.sf-with-ul {
  padding-right: 35px;
}	


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

/* Excerpt */
#excerpt h2 {
  font-size: 36px;
}

/* After Menu Area */
.es-carousel ul li .overlay {
  padding-top: 164px;
}

/* Slider
---------------------------------------- */
#slider-wrapper {
  background: url(../images/bg_slider768.png) no-repeat scroll center top transparent;
  max-width: 768px;
  margin-top: 20px
}
.flexslider-holder {
	height:325px;
	}
.flexslider .slides {
  margin: 0 0 0 24px;
  padding-top: 13px;
  width: 721px;
}

/* Slider Page */
#slider-page .flexslider .slides {
  width: 661px;
}
#slider-page .flexslider-holder {
  height: 348px;
}

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

/* 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: 9px;
}

.no-results #searchform input[type="text"] {
  width: 92.4%;
}


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

/* 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 {
		width:196px;
		height:135px;
		}
		#gallery.three_columns .folio-desc h4 {
		  font-size: 15px;
		}

/* 1 column portfolio*/
#gallery.one_column .portfolio li a.image-wrap {
  float: left;
  height: 209px;
  width: 359px;
}
#gallery.one_column .zoom-icon {
	width:430px;
	height:250px;
	}
	#gallery.one_column .folio-desc {
		width:280px;
		}

		
/* 2 columns portfolio*/
#gallery.two_columns .portfolio li {
  margin-right: 20px;
  width: 324px;
}
	#gallery.two_columns .portfolio li a.image-wrap {
	  height: 180px;
	  width: 311px;
	}
	#gallery.two_columns .zoom-icon {
		width:355px;
		height:206px;
		}

/* 4 columns portfolio*/
#gallery.four_columns .portfolio li {
	width:165px;
	}
	#gallery.four_columns .portfolio li a.image-wrap {
		  height: 147px;
		  width: 153px;
		}
	#gallery.four_columns .zoom-icon {
		width:165px;
		height:161px;
		}
		#gallery.four_columns h4 {
		  color: #6E8E00;
		  font-size: 15px;
		  font-weight: 700;
		  line-height: 1.2em;
		  margin-bottom: 15px;
		}
		

/* Comment form */
.commentlist ul.children {
	margin-left:20px;
	}
	
	
/* Contact form */
input[type="text"], textarea {
  width: 79%;
}
.wpcf7-form p.field input {
	width:210px;
	}
.wpcf7-form textarea {
	float:left;
	width:91.5%;
	max-width:91.5%;
	min-width:91.5%;
	}
.wpcf7-not-valid-tip {
	width:220px !important;
	position:absolute;
	left:0 !important;
	top:0 !important;
	padding:4px 0 4px 10px !important;
	background:#f3b7b7 !important;
	color:red !important;
	border:1px solid red !important;
	}

	
/* Sidebar
---------------------------------------- */
#searchform .searching {
	width:130px;
	margin:0 0 10px 0;
	}	
	
/* Footer Logo */
.footer_logo h1, .footer_logo h2 {
  font-size: 50px;
}	
.footer_logo h1 span, .footer_logo h2 span {
  font-size: 13px;
  line-height: 16px;
}
}