@media (max-width: 1000px) {
	.headerinner,
	.menulinkbarinner,
	#wrapper,
	.greyinner {
		width: auto;
		min-width: initial;
		max-width: 100%;
	}
	#wrapper {
		overflow: initial;
		clear: both;
	}

	.contactbox {
		margin-right: 20px;
	}

	.greyinner {
		padding: 0 20px;
	}

	a.houzzbutton:link,
	a.houzzbutton:visited,
	a.facebookbutton:link,
	a.facebookbutton:visited,
	a.twitterbutton:link,
	a.twitterbutton:visited,
	a.pintarestbutton:link,
	a.pintarestbutton:visited,
	a.homifybutton:link,
	a.homifybutton:visited,
	a.instagrambutton:link, 
	a.instagrambutton:visited {
		text-indent: 100%;
	    white-space: nowrap;
	    overflow: hidden;

	    width: 60px;
	    height: 60px;
	    background-position: center center;
	    display: inline-block;
	    float: left;
	}

	.social-row {
		text-align: center;
		padding: 20px 0 0;
		clear: both;
	}

	.social-row-1,
	.social-row-2 {
		margin: 0;
		display: inline-block;
		float: none;
		text-align: center;
		width: auto;
		width: 210px;
	}
}

@media (max-width: 890px) {
	.contactbox {
		width: 270px;
	}
}

@media (max-width: 780px) {
	.headerinner,
	#header {
		text-align: ceter;
	}

	.logo {
		float: none;
		margin: 0 auto;
		display: block;
		max-width: 100%;
	}

	.headerinner img {
		max-width: 100%;
	}

	.contactbox {
		width: auto;
		position: initial;
		text-align: center;
		height: auto;
		top: auto;
		right: auto;
		padding-bottom: 20px;
	}

	.contactbox .orange {
		display: block;
	}

	.menulinkbarinner {
		text-align: center;
	}

	a.menulinkhome:link,
	a.menulinkhome:visited {
		display: inline-block;
		float: none;
	}
}

@media (max-width: 700px) {
	.hidden-700 {
		display: none !important;
	}

	.gridtwoleft,
	.gridtworight {
		width: 100%;
		float: none;
	}
}

@media (max-width: 800px) {

	.gridthree {
		height: auto;
	}

	.gridthreebox1,
	.gridthreebox2 {
		width: 49.3%;
		height: 250px;
	}

	.gridthreebox3 {
		width: 100%;
		float: none;
		height: auto;
		float: none;
		padding-top: 20px;
	}

	.text-style-timber {
		position: initial;
		padding: 20px;
	}

	.innertext_absolute2 {
		position: initial;
		padding: 0 20px 20px;
	}

	.quote {
		padding: 0 20px;
		width: 70%;
	}

	.quote-container {
		display: none;
	}
}

@media (max-width: 500px) {
	.gridthreebox1,
	.gridthreebox2 {
		width: 100%;
		height: auto;
		float: none;
	}

	.gridthreebox2 {
		height: 250px;
		background-size: 100%;
	}

	.gridthreebox1 .innertext {
		margin: 20px;
	}
}

@media (max-width: 400px) {
	.hidden-400 {
		display: none !important;
	}
}


@media (max-width: 1070px) {
	.menu {
		padding: 0 20px;
	}

	.menuinner {
		width: auto;
		min-width: auto;
		max-width: 100%;
		clear: both;
	}

	span.menu_spacer {
		margin-left: 0;
		margin-right: 0;
	}
}

.menu-switch {
	display: none;
}

@media (max-width: 900px) {
	.headerinner,
	#header {
		height: auto;
	}

	.menu-switch {
		display: block;
		padding: 0 20px;
		text-align: right;
		margin-bottom: 20px;
	}

	.menu-switch a {
		font-family: 'Open Sans', sans-serif;
		text-transform: uppercase;		
		color: #333;
		text-decoration: none;
	}

	.menu-switch i {
		color: #d69939;
		margin-right: 5px;
	}

	.menu {
		display: none;
	}

	.menu.active {
		display: block;
	}

	a.menulink:link,
	a.menulink:visited {
		float: none;
		display: block;
		padding-top: 0;
	}

	span.menu_spacer {
		display: none;
	}
}

@media (max-width: 960px) {
	.footer-awards {
		display: none;
	}
}

@media (max-width: 800px) {

	.greybottom {
		height: auto;
	}

	.footer-map,
	.footer-contact,
	.footer-findus {
		float: none;
		clear: both;
		text-align: center;
		display: block;
		width: auto;
	}

	.footer-map {
		margin: 10px auto;
	}

	span.footer-contact-span {
		float: none;
	}
}