/* #Tablet (Portrait)
 ================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	/* Control Nav */
	.top2 {
		position: absolute;
		top:	20px;
		left: 	27px;
		color: 	#fff;
		font: 	17px "Sans Serif", Arial, Helvetica, Trebuchet MS;
	}

	.top3 {
		position: absolute;
		top: 	20px;
		left: 	27px;
		color: 	#000;
		font: 	17px "Sans Serif", Arial, Helvetica, Trebuchet MS;
	}
	
	.top4 {
		position: absolute;
		bottom: 90px;
		left: 	10px;
		color: 	#000;
		font: 	20px/22px "Sans Serif", Arial, Helvetica, Trebuchet MS;
	}

	.advice-help-line {
		margin: 0 5px;
	}
	
	.caption {
		position: absolute;
		right: 0px;
		top: 430px;
		padding-right: 220px;
		padding-top: 22px;
		color: #fff;
		font: 30px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	.bold-text {
		font: 40px/55px "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bolder;
	}
	.try_now_text a{
		color: #d6d6d2;
		font: 16px/20px "segoe script", Arial-ItalicMT;
		font-weight: bold;
	}
	.try_now {
		color: #d6d6d2;
		position: absolute;
		font: 16px/20px "segoe script", Arial-ItalicMT;
		font-weight: bolder;
	}
	h1#individual_category {
		font-size: 14px;
		line-height: 1.25em;
		text-transform: uppercase;
		margin: 0 0 1.25em 0;
	}
	
	h1#individual_category>span.trunktitle{
		width: 250px;
	}

	h2 {
		font-size: 13px;
		font-weight: bolder;
		line-height: 1.25em;
		text-transform: uppercase;
		margin: 0 0 1.25em 0;
	}
	h5 {
		padding-right: 5px;
	}

	.services-excerpt .grid_4 {
		margin-right: 5px;
	}
	
	/* Logo */
	.logo h1, .logo h2 {
		font-size: 2.2em;
	}
	.dropcap {
		margin: 0 22px 0 0;
		width: 51px;
		height: 110px;
	}

	/* Essential styles for dropdown menu */
	.sf-menu > li > a {
		padding: 0 10px;
		line-height: 53px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	}
	
	/* Slider */
	#slides, #slides .slide, .slidesContainer, .slidesControl {
		width:	747px;
		height: 555px !important;
	}
	
	.screen1 {
		position: absolute;
		bottom: 45px;
		right: 180px;
		color: #d6d6d2;
		text-align: center;
		font-weight: bold;
		font: 40px/55px "Segoe Script", Arial-ItalicMT;
	}
	.try_now_free_trial a {
	   font-size: 19px;
	   right:1.6%;
	   top:1.9%
	}
	#slides {
		position:relative;
		background: url(../images/tile.gif) 0 100% repeat-x;
	    margin-bottom: 55px;
	}

	#slides .slidesNext, #slides .slidesPrevious {
		display:none;
	}

	/* Pagination */

	.slidesPagination {
		position: absolute;
		right: 10px;
		top: 515px;
		z-index: 10;
	}

	.slidesPagination li {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 23px;
		height: 22px;
		overflow: hidden;
		float: left;
		margin-left: 2px;
	}

	.slidesPagination li a {
		display: block;
		float: left;
		width: 22px;
		height: 22px;
		text-indent: -9999px;
		padding: 0;
		margin: 0 10px 0 0;
		background: url(../images/bullet.png) 100% 0 no-repeat;
	}

	.slidesPagination li.slidesCurrent a {
		background-position: 0 0;
	}
	#try40 {
		left: 650px;
		top: 10px;
		color: #21759B
	}
	#try41 {
		left: 40px;
		top: 180px
	}
	#try42 {
		left: 230px;
		top: 135px
	}
	#try43 {
		left: 380px;
		top: 170px
	}
	#try44 {
		left: 575px;
		top: 160px
	}
	#ubicon4 {
		position: absolute;
		left: 10px;
		bottom: 10px
	}
	.current_slide {
		font: bold 10px/1.33 sans-serif;
		float: left;
		margin-top: 12px;
	}

	#slider {
		height: 430px;
	}
	.slider_container {
		width: 748px;
	}
	.slider_container .item {
		width: 748px;
		height: 430px;
	}

	/* Content
	 ---------------------------------------- */
	/* Recent Posts */
	.latestpost li {

	}
	.latestpost li h4 {
		padding-top: 0;
	}
	.latestpost li .excerpt {
		height: 72px;
		overflow: hidden;
	}

	.avatar .photo{
		max-width: 120px;
		width: 120px;
		height: auto;	
	}

	/* Flickr widget */
	.flickrImages a {
		width: 58px;
		height: 58px;
	}

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

	.post-thumb.large img {
		width: 100%;
		height: auto;
	}

	/* SlidesJS */
	.slides_container {
		width: 214px;
	}
	.slides_container .item {
		width: 214px;
		height: 170px;
	}

	/* Team */
	.recent-posts.team li, .recent-posts.team li .thumb-wrap {
		width: 130px;
	}
	.single-team .post-content {
		display: inline;
	}
	/* About: Testimonial */
	.testimonials div.testi_item {
		padding: 0;
		margin: 0 4px 2em 4px;
		background: none;
		width: 240px;
	}
	.testimonials div.testi_item blockquote {
		height: 110px;
	}

	/* Single Testimonial	*/
	blockquote.testi-single, article.testimonial {
		padding-left: 190px;
		padding-top: 30px;
	}
	blockquote.testi-single:after,

	/* Address */
	.address dt {
		width: 135px;
		margin-right: 10px;
		padding: 0 0 0 55px;
		font-size: 11px;
	}
	.address dd {
		width: 205px;
		padding: 0 0 0 43px;
	}
	.address dd span {
		float: left;
		width: 70px;
	}
	.address dd .hkspan {
		float: left;
		width: 100px;
	}

	/* Google map */
	#map {
		width: 438px;
		height: 180px;
	}

	/*Edit Project*/
	.header-title h1 {
		font-size: 17px;
		-background: blue;
		width: 300px;
	}
	
	#ep-icons .ep-icon {
		position: static;
		-top: -40px;
		margin-left: 2px;
	}
	
	#ep-icons .ep-icon-gap {
		width: 15px;
	}

	/* Teamtalk */
	#teamtalk-icons div{
		-border: 1px dotted red;
		display: block;
		float: left;
		padding-left:1px;
	}
	
	/* Portfolio
	 ---------------------------------------- */

	/* Default layout 3 columns */
	#gallery .portfolio li {
		width: 205px;
	}
	#gallery .portfolio li a.image-wrap {
		width: 205px;
		height: 117px;
	}
	.zoom-icon {
		width: 205px;
		height: 110px;
	}
	#gallery .folio-desc p {
		height: 36px;
	}
	/* 1 column portfolio*/
	#gallery.one_column .portfolio li a.image-wrap {
		width: 420px;
		height: 240px;
		float: left;
	}
	#gallery.one_column .zoom-icon {
		width: 420px;
		height: 240px;
	}
	#gallery.one_column .folio-desc {
		width: 260px;
		padding-top: 5px;
	}
	#gallery.one_column .folio-desc p {
		height: auto;
	}
	/* 2 columns portfolio*/
	#gallery.two_columns .portfolio li {
		width: 332px;
	}
	#gallery.two_columns .portfolio li a.image-wrap {
		width: 332px;
		height: 170px;
	}
	#gallery.two_columns .zoom-icon {
		width: 332px;
		height: 170px;
	}

	/* 4 columns portfolio*/
	#gallery.four_columns .portfolio li {
		width: 140px;
	}
	#gallery.four_columns .portfolio li a.image-wrap {
		width: 140px;
		height: 89px;
	}
	#gallery.four_columns .zoom-icon {
		width: 140px;
		height: 89px;
		background-size: 56px auto;
	}
	#gallery.four_columns .folio-desc p {
		height: 54px;
	}
	/* Contact form */
	.wpcf7-form p.field input {
		width: 210px;
	}
	.wpcf7-form textarea {
		float: left;
		width: 210px;
		max-width: 210px;
		min-width: 210px;
	}
	.wpcf7-not-valid-tip {
		width: 223px !important;
	}

	/* Sidebar
	 ---------------------------------------- */
	#searchform .searching {
		width: 120px;
	}
	#searchform .submit {
		padding-left: 7px;
		padding-right: 7px;
	}

	nav.footer {
		float: right;
	}
	nav.footer ul {
		margin: 0;
		padding: 0;
	}
	nav.footer ul li {
		list-style-type: none;
		display: inline;
		padding: 0 0 0 15px;
		margin: 0;
		background: none;
	}
	/* Copyright */
	#copyright {
		padding: 20px 10px 45px 10px;
		margin-left: 5px;
		margin-right: 5px;
	}
	/* Footer text */
	#footer-text {
		float: left;
		width: 100%;
	}
	#footer-text a {
		color: #e11b22;
	}

	.form-table {
		border-collapse: collapse;
		clear: both;
		margin-bottom: -8px;
		margin-top: 0.5em;
		width: 100%;
	}
	/*--- Start New Project: Page 2 ---*/
	#rightside {
		margin: 5px;
	}
	/* the following is created by Roy K */
	.if768-to-grid6 {
	   width: 364px !important;
	}
	.if768-to-grid12 {
	   width: 748px !important;
	}
	.display-on-320 {
		display: none;
	}
	
	#post_category_display ul li {
		text-align: right;
	}
	
	#post_category_display ul li a {
		width: 200px;
	}
	.projectsubtopic h2>span.clientname{
		width: 200px;
	}
	#projectname h2>a.discussion_title{
		width: 170px;
	}
	
	.post-holder .entry-header .project_h2 {
		width: 230px;
	}
}