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

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

.container{
	width: 768px;
	margin: 0 auto;
	
}
html, body, #main, #footer {
  min-width: 667px;
}
.primary_content_wrap .container img {
  max-width: 100%;
  height: auto
}

/* Header
---------------------------------------- */
#header {
	position:relative;
	z-index:9;
	width: 100%;
	background: url(../images/top_768.png) top center no-repeat;
}
.top_left{
	display: none;
}
.top_right{
	display: none;
}
.logo img{
	display: none
}
#logo{
	background: url(../images/logo768.png) no-repeat;
	display: block;
	width: 300px;
	height: 85px
}
.socials {
  padding: 35px 0 0 10px;
}
.phone {
  padding: 18px 45px 7px 30px;
  background: url(../images/phone.png) no-repeat scroll left 15px transparent;
  float: right;
}

#header #searchform {
  float: right;
  padding: 13px 0 0;
}


/* Menu
---------------------------------------- */

nav.primary {
  background: url(../images/nav_768.png) repeat-x scroll left top transparent;
}
.sf-menu > li {
  margin: 0 11px;
}
.sf-menu > li > a {
  font-size: 16px;
}
.sf-menu > li.home_nav {
  margin: 13px 20px 0 10px;
}

/* Testimonials */
.quote {
  width: 60%;
}

/* Project Banners */
#project_banners .projects_holder {
  width: 250px;
}
.projects_holder h3 {
  font-size: 17px;
}
#project_banners .projects_holder img{
	max-width: 100%
}
#project_banners .projects_holder a.read_more {
  font-size: 17px;
}

/* Slider
---------------------------------------- */
.flexslider-holder {
  height: 281px;
  width: 705px;
}
.flexslider-container {
  height: 281px;
}
.flex-caption {
  top: 15px;
}
.flex-caption h1 {
  font-size: 35px;
  line-height: 35px;
}
.flex-caption h1 span {
  font-size: 35px;
  line-height: 35px;
}
.flex-caption h2 {
  font-size: 35px;
  line-height: 35px;
}
.flex-caption a {
  margin-top: 10px;
}

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

/* Default layout 3 columns */
#gallery .portfolio li {
	width:227px;
	margin:0 25px 50px 0;
	}
	#gallery .portfolio li a.image-wrap {
		width:227px;
		height:117px;
		}
	.zoom-icon {
		width:227px;
		height:117px;
		}


/* Comment form */
.commentlist ul.children {
	margin-left:20px;
	}
	
	
/* Contact form */
.wpcf7-form p.field input {
	width:210px;
	}
.wpcf7-form textarea {
	float:left;
	width:207px;
	min-width:207px;
	}
input[type="text"], textarea {
  width: 88%;
}	
.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;
	}	
#searchform {
  width: 150px;
}

/* Footer */	
#text-13 {
  float: left;
  width: 450px;
}
#footer-text {
  padding-left: 10px;
  width: 334px;
}
.links {
  margin-left: 20px;
  padding-top: 0;
  padding-left: 11px
}
#footer-text p.copy {
  margin-bottom: 0;
}
	
}