  .header-mobile-call-btn {
    display:none;
    }
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 768px) {
	/* remove focus styles for android */
    .header-mobile-call-btn {
    display:block;
    }
    .header-social-wrapper{
    display:none;
    }


	* {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	/* resize images */

	img {
		max-width: 100%;
		height: auto;
	}


	/* structure */


div.content-wrapper {
	width: 100%;
	margin:0;
}

div.mini-wrap .case-studies-wrapper {
	width:50%;
}

div.main-wrapper {
	width: 100%;
	height:auto;
	margin:0;
}

div.inner-wrapper {
	width: 100%;
	height: auto;
	margin: 20px auto 0 auto;
		padding:0;

}

div.left-col {
	width:100%;
	float:none;
	padding-left:0;
	padding-top:0;
}

div.right-col {
	width:100%;
	float:none;
}
div.left-col-inner {
	display:block;
	margin:0 20px;
}



/* admin nav */

div.admin-nav {
	height: 36px;
	line-height: 36px;
	background-color: #222;
}

div.admin-nav ul {
	display:none;

}

div.admin-search {
	float: left;
}

div.admin-search input[type="text"] {
	width: 200px;
	float: left;
}

.custom-search-submit {
	width: 50px;
	height: 36px;
	float: right;
}

.custom-search-submit:hover {
	background-color: #777;
}

/* main nav */

div.main-nav {
	display:none;
}

/* mobile navigation */

ul#nav {
 width:100%;
display:none;
border-bottom:1px solid #FFF;
margin:0;
padding:0;
}
 ul#nav li {
border-top:1px solid #FFF;

}
 ul#nav li a {
	 font-family:Arial, Helvetica, sans-serif;
	color: #444;
	font-size:0.75em;
	text-transform:uppercase;
background:#EEE;
padding:14px 20px;
display:block;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
}


 ul#nav li a:hover {
	 background:#E2E2E2;
color:#191919;
}


 #menu-icon {
width:30px;
height:21px;
display:block;
position:absolute;
top:7px;
right:5%;
background: url(../img/icons/nav-icon.png) no-repeat center;
}




div.header {
	height: auto;
	border-bottom:1px solid #EEE;
}

a.logo {
	float:none;
	margin:1em 0 1em 20px;
}

div.header-contact {
	display:none;
}

div.header-social-wrapper {
	height:auto;
	line-height:inherit;
}

ul.header-social {
	width:160px;
	margin:1em auto;
	float:none;
}

/* slideshow */

div.slideshow {
	display:none;
}

div.themeDefault {
	display:none;
}
div.themeEcology {
	display:none;
}
div.themeLandscape {
	display:none;
}
div.themeArboriculture {
	display:none;
}


/* home page content*/

div.mobile-intro {
	display:block;
}

div.mobile-intro img {
	display:block;
}

	div.mobile-intro-item-inner {
		padding:30px 20px;
	}

	div.mobile-intro-item {
		color:#FFF;
		margin-bottom:1px;
	}


div.intro-left {
	float:none;
	width:100%;
	padding-right:0;
		margin:30px 0;
}

	div.intro-left-inner {
		padding:20px;
	}
div.intro-right {
	float:none;
	width:100%;
}

/* featured content */

div.featured-content {
	height:auto;
}

div.featured-content p, div.featured-content h3  {
		color:#FFF;
}


div.left-col50 {
	width:100%;
	float:none;
	border-bottom:1px solid #FFF;
}

div.right-col50 {
	width:100%;
	float:none;
}

div.left-col50-inner, div.right-col50-inner  {
	padding:20px 40px;
}



/* accreditations/clients */

div.subfooter {
	display:none;
}


/* case studies */
div.case-studies {
	display:none;
}



/* inner page content */

div.inner-col-left {
	width:100%;
	float:none;
}

div.inner-col-right {
	width:100%;
	float:none;
}

/* contact form */

	ul.contact-form {
		margin-bottom: 3em;
	}

	ul.contact-form label {
		width: 100%;
		margin-bottom:0.5em;
	}

	ul.contact-form li input[type="text"] {
		padding: 0.8em;
		width: 90%;
	}

	ul.contact-form textarea {
		padding: 0.8em;
		width: 90%;
		max-width: 100%;
	}

	.custom-submit {
		width: 97%;
		padding:1em 0;
	}



/* footer */

	div.footer {
		margin-top:0;
	}

	div.footer-inner {
		margin:0 20px;
	}

div.footer ul {
	float:none;
	margin-right:0;
}

div.footer ul li {
	list-style:none;
	padding:0.5em 0;
}

div.footer ul li a {
	text-decoration:none;
}

div.footer ul li a:hover {
}

div.footer-admin {
	height:36px;
	line-height:36px;
	background-color:#666;
	color:#FFF;
}

div.footer-right-col {
display:none;

}

div.footer-admin {
	text-align:center;
}











}