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

@media only screen and (min-width: 768px) and (max-width: 990px) {
html, body {
  min-width: 748px;
}
.container {
	width:768px !important;
	}

.main_container {
  width: 800px;
  margin: 74px auto 0;
}
#content {
	padding-top: 0px;
}
#content h1 {
  margin-top: 30px;
}
/* Header
---------------------------------------- */
 .home #header {
  height: 660px;
} 
#header-widget {
  font-size: 11px;
  margin-top: 32px;
  padding: 3px;
  margin-right: 8px;

}	
	#header-widget b {
	  font-size: 15px;
	}

.sf-menu > li > a {
	padding: 21px 12px;
	/* font-size: 18px */
	}
.car_right {
  display: none;
}
.logo h6 {
  font-size: 13px;
}
#slider-wrapper {
  max-width: 1000px;
}
.es-nav span.es-nav-prev {
  left: 650px;
  margin-top: 160px;
}
.es-nav span.es-nav-next {
  right: 15px;
  margin-top: 160px;
}
.es-carousel ul li {
  padding: 25px 0 0 1px;
}
.es-carousel ul li h4 {
  font-size: 16px;
}

/* ============= Comment--------------------------------------- */
li.comment .comment-body {
  padding: 33px 25px 85px;
}
li.comment img.avatar {
	  width: 40%;
	  float: left;
	  margin:  0 15px 10px 0;
	}
li.comment .avatar {
  position: relative;
  left: 0;
  top:0;
}

/* Footer
---------------------------------------- */
.aligncenter_png {
    background-size: 250px auto;
    left: 211px;
}
#firstfooter .footer-first {
  float: right;
  margin: 26px 170px 0 0;
}
#lastfooter {
  margin-left: 0;
  padding: 0 0 5px;
}
#fullwidth-content .beforefooter_fullpage_area a {
  padding: 0 0 0 7px;
}

/*======= Content ========*/
#content ul.principles li img {
  margin: 0 20px 15px 0px;
}
.alignleft {
  margin: 0 20px 15px 0;
}
/* img.alignleft.size-full {
  max-width: 70%;
} */
.padcontent {
  display: none;
}
#content a.more_button {
   margin-bottom: 40px;
}
.blog #content a.more_button {
   margin-bottom: 0px;
}
#content .indent {
  margin-bottom: 35px;
}
/* Before Content
---------------------------------------- */

.page #before_content, .page .primary_content_wrap {
	margin: 0;
	}	
.home .primary_content_wrap {
	margin:-255px 0 0;
	}


/* Left Home Area
---------------------------------------- */
.left_home_area img, .primary_content_wrap img{
	max-width: 100%;
}

/* Search Form
---------------------------------------- */
#searchform{
	width: 180px;
}
#searchform .submit {
	right: 28px !important;
}

/*============= Error page 404 ==============*/
#error404 {
  padding: 0px 0 100px;
}
.error404-num {
  font-size: 245px;
}
#error404 strong {
  font-size: 30px;
  padding-top: 15px;
}
#error404 h4 {
  font-size: 15px;
  margin: 53px 0 20px;
  width: 300px;
}
#error404 #searchform .submit {
  right: -109px !important;
}

/* Aside Box */
.box-holder {
	margin:-27px -10px -27px -21px;
	padding:27px 10px 27px 20px;
	}
#sidebar {
  margin-bottom: 60px;
}
	
/* Flickr widget */
.flickrImages a {
	width:58px;
	height:58px;
	}

.frame.alignleft img,
.frame.alignright img,
.frame.alignnone img	{
	width:100% !important;
	height:auto !important;
	}

.folio_cycle,
.folio_cycle .folio_item {
	width:172px !important;
	overflow:hidden;
	}
.folio_cycle .folio_item figure.thumbnail img {
	width:100%;
	height:auto;
	}
.post_list li .thumb-wrap {
	display:block;
	width:100%;
	height:auto;
	}
	.post_list li .thumb-wrap img {
		width:100%;
		height:auto;
		}

.tabs .tab {
	padding:20px 0;
}
.tabs .tab .entry {
	width:172px;
	height:auto;
	}


/* Address */
.address dt {
	width:135px;
	margin-right:10px;
	padding:0 0 0 55px;
	font-size:11px;
	}
.address dd {
	width:195px;
	padding:0 0 0 43px;
	}
	.address dd span {
		width:80px;
		}

/* Google map */
#map {
	width:460px;
	height:220px;
	}
/*---------------------------------------- */
.archive #content .extra-wrap a.button {
		background: none repeat scroll 0 0 #4E4E4E;
		color: #FFFFFF;
		display: block;
		float: left;
		font: 500 20px/15px "Dosis";
		margin-top: 19px;
		margin-right: 50px;
		padding: 13px 10px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		width: 100px;
	}
.archive .featured-thumbnail img {
    border: 3px solid #FFFFFF;
    float: left;
    height: auto;
    margin: 0 10px 5px 0;
    width: auto;
}	
.archive #content .extra-wrap a.link {
  margin-right: 25px;
}

.blog .featured-thumbnail img {
  border: 3px solid #FFFFFF;
  float: left;
  height: auto;
  margin: 0 0 5px 0;
  width: auto;
}
.blog .extra-wrap a.link {
  margin-right: 30px;
}
/* page */
		.page .featured-thumbnail img {
			width:98%;
			height:auto;
			float:left;
			margin:0 75px 20px 0;
			border: 3px solid #FFFFFF;
		}	
		.page .extra-wrap a.link {
			margin-right: 65px;
		}					


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

/* Default layout 3 columns */
#gallery .portfolio li {
	width:227px;
	margin:0 25px 0 0;
	}
	#gallery .portfolio li a.image-wrap {
		width:227px;
		height:154px;
		}
	.zoom-icon {
		width:227px;
		height:154px;
		}
#gallery .portfolio li a.image-wrap {
	border: none;
	background: none;
}
#gallery .portfolio li a.image-wrap img {
  height: 97%;
  width: 98%;
  border: 3px solid #FFFFFF;
}
/* 1 column portfolio*/
#gallery.one_column .portfolio li a.image-wrap {
	width:430px;
	height:245px;
	float:left;
	}
#gallery.one_column .zoom-icon {
	width:430px;
	height:245px;
	}
	#gallery.one_column .folio-desc {
		width:280px;
		}

		
/* 2 columns portfolio*/
#gallery.two_columns .portfolio li {
	width:365px;
	margin-right:15px;
	}
	#gallery.two_columns .portfolio li a.image-wrap {
		width:355px;
		height:195px;
		}
	#gallery.two_columns .zoom-icon {
		width:355px;
		height:195px;
		}

/* 4 columns portfolio*/
#gallery.four_columns .portfolio li {
	width:165px;
	}
	#gallery.four_columns .portfolio li a.image-wrap {
		width:165px;
		height:120px;
		}
	#gallery.four_columns .zoom-icon {
		width:165px;
		height:120px;
		}
		

/* Comment form */
.commentlist ul.children {
	margin-left:20px;
	}
	
	
/* Contact form */
.wpcf7-form p.field input {
	width:210px;
	}
.wpcf7-form textarea {
	float:left;
	width:213px;
	max-width:213px;
	min-width:213px;
	}
.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;
	}
.wpcf7-form img{
	max-width: 100%
}
	
/* Sidebar
---------------------------------------- */
#searchform .searching {
	width:130px;
	margin:0 0 10px 0;
	}

/* Footer */
#firstfooter .callUs_atr {
  margin: 26px 0 0 0;
}

/*======= header ======*/
.car_left{
  display: none;
}









}