/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

/* Navigations
---------------------------------------- */
/* Primary navigation */
nav.primary {
	clear:both;
	width:100%;
	margin:0;
	text-align:center;
	padding:30px 0;
}

/* Logo */
.logo {
	padding-bottom:0px;
}
.logo img{
	width:400px;
	height:auto;
	padding-top:0px; /*adding to center logo top to bottom*/
}
		.logo h1,
		.logo h2 {
			font-size:58px;
			line-height:62px;
			padding-top:65px;
		}
	.logo .tagline {display:block;}
/* Top search */
#top-search {top:175px; left:10px;}
#top-search .input-search {width:368px;}

	
	
/* ----------------------------------------
				Slider
---------------------------------------- */
#slider-wrapper {

    margin-top:-105px;

}
.slider-container {
	width:420px!important; /*width:767px!important;*/
	margin-left:-210px!important; /*margin-left:-383px!important;*/
	height:179px; /*height:196px;*/
}
.flexslider-holder {height:179px;}
.slider-side {width:0; height:0;} /*.slider-side {width:174px; height:196px;}*/

.flex-direction-nav {
	width:438px;
	margin-left:-210px;
}
.flex-direction-nav li a {
	height:179px;
}	
.flex-direction-nav li .next  {background: url(../images/slider-next-pba-179.png) 0 18% no-repeat;}
.flex-direction-nav li .prev  {background: url(../images/slider-prev-pba-179.png) 0 18% no-repeat;}

.flex-direction-nav li .next span{background: url(../images/slider-next-pba-179.png) 0 80% no-repeat;}
.flex-direction-nav li .prev span{background: url(../images/slider-prev-pba-179.png) 0 80% no-repeat;}

.flex-caption {display:none;}

/*----------------------------------------
			Recent Posts Team
---------------------------------------- */	
.recent-posts.team li .featured-thumbnail {
	width:170px;
	height:auto;
	margin-right:20px;
}
.recent-posts.team li h5 {padding-top:15px;}

/*----------------------------------------
			Recent Posts Clients
---------------------------------------- */
.primary_content_wrap ul.recent-posts.clients li {
	width:185px;
	margin-right:12px;
	margin-left:12px;
}
/*----------------------------------------
				Banner widget
---------------------------------------- */
.primary_content_wrap ul.banners-holder li { /*width changed from 100% to 70% and margin was increase from 6 to 70 to center banners*/
	width:70%;
	margin-right:2px;
	margin-left:70px;
}	

.banners-holder li img { /*added in to change layout in 480 style for banners*/
	width:100%;
	height:auto;
}

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


.post-holder .featured-thumbnail {
	width:170px;
	height:auto;
	float:left;
	margin-right:15px;
}
.services.post-holder .featured-thumbnail {
	width:50px;
	height:61px;
}
/* Post */
.post-meta .fright {
	float:right;
	clear:none;
	}

/*----------------------------------------
			Testimonials
---------------------------------------- */
article.testimonial .featured-thumbnail, 
article.testimonial .featured-thumbnail img {width:380px; height:auto;}

article.testimonial {
	padding:340px 20px 30px 20px;
	background-position:5px 325px;
}


/* Images */
.frame.alignleft,
.frame.alignright,
.frame.alignnone {
	margin-right:0;
	width:404px;
	}
	
/* SlidesJS */
.slides_container {
	width:420px;
}
.slides_container .item {
	width:420px;
	height:250px;
}
.slides_container .item .thumbnail img {
	width:100%;
	height:auto;
	}

/* Comments */
.commentlist ul.children {margin-left:0;}



/* Post Formats
---------------------------------------- */

/* Image Post Format */


/* Gallery Post Format */
.slides_container_gallery {
	width:420px;
	height:200px;
	}
	.slides_container_gallery .g_item {
		width:420px;
		}

/* Audio Format Type */
.audiojs .scrubber {
	width:248px;
	}
	
		
	
/* Portfolio
---------------------------------------- */

/* Default layout 3 columns */
#gallery .portfolio li {
	width:auto;
	float:none;
	margin-right:0;
}
	#gallery .portfolio li a.image-wrap, 
	#gallery .portfolio li a.image-wrap img {
		width:420px;
		height:212px;
	}


/* 1 column portfolio*/
#gallery.one_column .portfolio li a.image-wrap, 
#gallery.one_column .portfolio li a.image-wrap img {
	width:420px;
	height:212px;
	float:none;
}
			
/* 2 columns portfolio*/
#gallery.two_columns .portfolio li {
	width:100%;
	margin-right:0;
}
	#gallery.two_columns .portfolio li a.image-wrap, 
	#gallery.two_columns .portfolio li a.image-wrap img {
		width:420px;
		height:212px;
	}		
			
/* 4 columns portfolio*/
#gallery.four_columns .portfolio li {
	width:200px;
	margin-right:15px;
}
#gallery.four_columns .portfolio li.even {
	margin-right:0;
	}
	#gallery.four_columns .portfolio li a.image-wrap, #gallery.four_columns .portfolio li a.image-wrap img {
		width:200px;
		height:114px;
	}

		
		
/* Contact form */
.wpcf7-form p.field input {
	width:400px;
}	
.wpcf7-form textarea {
	float:left;
	width:400px;
}
.wpcf7-not-valid-tip {
	width:400px !important;
	position:absolute;
	left:0 !important;
	top:0 !important;
	padding:3px 0 4px 10px !important;
	background:#f3b7b7 !important;
	color:red !important;
	border:1px solid red !important;
	}

	
	
/* Sidebar
---------------------------------------- */
#searchform .searching {width:320px;}

.alignleft2 { /*custom class added to allow proper display of OUR TEAM on the Company page*/

	float:left;

	margin:5px 20px 10px 0;
	
	height:auto; /*adding this line to ensure that images resize on tablets and ipad devices*/
	
	width:50%;

}

.aligncenter2 { /*custom class added to allow proper display of OUR TEAM on the Company page*/

	float:left;

	margin:5px 20px 10px 0;
	
	height:auto; /*adding this line to ensure that images resize on tablets and ipad devices*/
	
	width:50%;

}
/*--------------------------------------
 LEGAL SERVICES STYLE FOR TEAM IMAGES 
 ---------------------------------------*/

.legal {
	
	height:200px;
	
	}
	
/*----------------------------------------
 CONTRACT SERVICES STYLE FOR TEAM IMAGES 
 ------------------------------------------*/
	
.legal2 {
	
	height:190px;
	
	}
	
	
.legal3 {
	
	display:none;
	
	}


}