@media screen and (max-width: 1020px) {

	/* Tailored Services Page ---------------------- */

	#leftServicesMenu {
		float: none;
		width: auto;
	}

	#leftServicesMenu .multiField_1 {
		background-image: none;
		background-color: #B1C9B9;
	}

	#leftServicesMenu .multiField_2 {
		position: static;
	}

	.service_fields {
		/*min-height: 560px;*/
		height: auto;
		margin: 10px;
		float: left;
		width: calc(50% - 20px);
		border: 1px solid #B1C9B9;
	}

	.service_fields .multiField_3 {
		display: block;
	}

	#rightServicesContent {
		display: none;
	}

	/* Local Knowledge Page ---------------------- */

	/* Craig's original styles */

	#localMap {
		display: none;
	}

	#localMenuContainer {
		float: none !important;
		height: auto;
		width: 568px;
		margin: auto;
	}

	.localButton {
		width: 247px; /* Added this to make Craig's styles work */
		float: left;
		margin-left: 10px;
		margin-bottom: 10px;
		height: 240px;
		cursor: auto;
	}

	.closedMenu {
		border-top: none;
		border-bottom: 1px solid #000 !important;
	}

	.localButtonTitle {
		height: 37px;
		background-color: #B1C9B9;
	}

	#localButton_1, #localButton_3 {
		margin-left: 0px;
	}

	.localInfoField {
		top: 36px;
		border: 1px solid #B1C9B9;
	}

	/* Gallery Page ---------------------- */

	.gallery {
		height: 176px;
	}
}

@media screen and (max-width: 970px) {

	/* Home Page ---------------------- */

	#home_container {
		max-width: 700px;
		margin: 15px 0 65px 0;
	}

	#home_left, #home_right {
		float: none;
		width: auto;
	}

	#home_left {
		margin-right: 0;
		margin-bottom: 50px;
	}

	#home_right_field2 img {
		width: auto;
	}
}

@media screen and (max-width: 780px) {
	
	/* Footer -------------------------- */
	
	#footer_1, #footer_2, #footer_3, #footer_4, #footer_5 {
		width: 15%;
	}
	
	#footer_2, #footer_3, #footer_4, #footer_5 {
		margin-left: 5%;
	}
}

@media screen and (max-width: 768px) {

	/* Header ---------------------- */

	#header {
		padding-bottom: 10px;
		border-bottom: 2px solid #B1C9B9;
	}

	#logo_container {
		width: 32%;
	}

	#logo_text {
		display: none;
	}

	#head_right {
		width: 61%;
		margin-right: 7%;
	}


	#head_middle {
		display: none;
	}

	#mobile_menu {
		display: block;
	}

	/* About Page ---------------------- */

	#about_left, #about_right {
		float: none;
		width: auto;
	}

	#about_left {
		margin-right: 0;
		margin-bottom: 40px;
	}

	#about_right {
		margin-left: 0;
	}

	/* Tailored Services Page ---------------------- */

	#leftServicesMenu .multiField_2 {
		font-size: 14px;
	}

	/* Gallery Page ---------------------- */

	.gallery {
		height: 124px;
	}

	/* Contact Page ---------------------- */

	#contact_container {
		padding: 0;
	}

	#contact_left, #contact_right {
		float: none;
		width: auto;
	}

	#contact_left {
		margin-right: 0;
		margin-bottom: 40px;
	}

	#contact_right {
		font-size: 12px;
	}
}

@media screen and (max-width: 665px) {

	/* Header ---------------------- */

	#logo_container {
		top: 40px;
	}

	#header_contact h3 {
		font-size: 22px;
	}

	#header_contact h4 {
		font-size: 17.5px;
	}

	/* Gallery Page ---------------------- */

	.gallery {
		width: calc(33.3333% - 20px);
	}
}

@media screen and (max-width: 635px) {
	
	/* Footer ---------------------------- */
	
	#footer_1, #footer_2, #footer_3, #footer_4, #footer_5 {
		width: 28.3333%;
	}
	
	#footer_3, #footer_4 {
		margin-top: 30px;
	}
	
	#footer_3 {
		margin-left: 0;
	}
	
	/* Tailored Services Page ------------ */
	#leftServicesMenu .multiField_2 {
		font-size: 12px;
	}

}

@media screen and (max-width: 610px) {

	/* Header ---------------------- */

	#logo_container {
		top: 35px;
	}

	#header_contact h3 {
		font-size: 20px;
	}

	#header_contact h4 {
		font-size: 15.5px;
	}

	/* Local Knowledge Page ---------------------- */

	/* Craig's original styles */

	.localButton {
		float: none;
		margin-left: 0px;
		margin-bottom: 10px;
		height: 240px;
		cursor: auto;
	}

	#localMenuContainer {
		width: 274px;
	}
}

@media screen and (max-width: 560px) {

	/* Header ---------------------- */

	#head_top {
		margin-top: 20px;
	}

	#logo_container {
		float: none;
		width: auto;
		max-width: 200px;
		margin: 0 auto;
		position: static;
	}

	#logo {
		float: none;
		width: auto;
		padding: 0;
		border: none;
		min-height: 20px;
	}

	#head_right {
		float: none;
		width: auto;
		text-align: center;
	}

	#header_contact {
		padding-top: 30px;
	}

	#mobile_menu {
		top: 35px;
	}

	/* About Page ---------------------- */

	#about_container {
		padding: 0;
	}
}

@media screen and (max-width: 475px) {

	/* Tailored Services Page ---------------------- */

	.service_fields {
		float: none;
		width: auto;
		margin: 10px 0;
	}

	/* Gallery Page ---------------------- */

	#gallery_container {
		padding: 0;
	}

	.gallery {
		margin: 5px;
		width: calc(50% - 10px);
	}

	/* Footer ---------------------- */

	#footer_1, #footer_2, #footer_3, #footer_4, #footer_5 {
		width: 50%;
		margin-left: 0;
	}
	
	#footer_2 {
		margin-top: 30px;
	}
	
}

@media screen and (max-width: 450px) {

	/* Home Page ---------------------- */

	#home_right_field1 {
		/*font-size: 11px;*/
	}
}

@media screen and (max-width: 440px) {

	/* Home Page ---------------------- */

	#home_container {
		margin-bottom: 32.5px;
	}

	#home_left {
		margin-bottom: 25px;
	}

	#home_right_field1, #home_right_field2 {
		float: none;
		width: auto;
		position: static;
	}

	#home_right_field1 {
		font-size: 12px;
	}

	#home_right_field2 img {
		width: auto;
		height: auto;
	}
	
	#home_right_field1, #home_right_field2 {
		/* height: unset !important; */
	}
}

@media screen and (max-width: 425px) {

	/* Header ---------------------- */

	#logo_container {
		max-width: 150px;
	}

	#header_contact {
		padding-top: 20px;
	}

	#header_contact h3 {
		font-size: 18px;
	}

	#header_contact h4 {
		font-size: 13.5px;
	}

	#mobile_menu {
		top: 20px;
	}

	/* Tailored Services Page ---------------------- */

	#leftServicesMenu .multiField_2 {
		font-size: 12px;
	}

	/* Gallery Page ---------------------- */

	.caption {
		right: 20px;
	}
}