@media screen and (max-width: 959px) {
.wrapper {width: 100%; margin: 0 auto;}

.location-map iframe {width: 100%;}

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

.location-map .dot.mclaren {top: 58px; left: 450px;}
.location-map .dot.chobham {top: 140px; left: 170px;}
.location-map .dot.standrews {top: 177px; left: 370px;}
.location-map .dot.halstead {top: 152px; left: 438px;}
.location-map .dot.goldsworth {top: 234px; left: 342px;}
.location-map .dot.wokingltacc {top: 280px; left: 325px;}
.location-map .dot.stjohns {top: 286px; left: 434px;}
.location-map .dot.hoebridge {top: 262px; left: 495px;}
.location-map .dot.wisley {top: 258px; right: 36px;}
.location-map .dot.hoe-bridge {top: 282px; left: 475px;}
.location-map .dot.westhill {top: 325px; left: 150px;}
.location-map .dot.wokinggc {top: 300px; left: 270px;}
.location-map .dot.hoevalley {top: 335px; left: 350px;}
.location-map .dot.sutton-green {top: 386px; left: 398px;}
.location-map .dot.railway-station {top: 215px; left: 410px; background-color: #e30613;}

.location-map .dot.high-heath {top: 304px; left: 335px; background-color: #3c3c3b;}

.map-legend {position: absolute; top: 20px; left: 20px;}
}


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

.half-width {width: 100%; float: none;}


.half-width:first-of-type {margin-right: 0;}

.image-overlay .overlay-column-1 {width: 71%; float: left;}

.image-overlay .overlay-column-2 {width: 27%; float: left; margin-left: 2%;}

.image-overlay .overlay-column-1 h1 {padding: 30px;}

.location-map {position: static; top: 0; margin-bottom: 0;}

.map-wrapper {display: none;}

.mobile-list {display: block; clear: both;}

.mobile-list ul {font-size: 20px; line-height: 25px; background-color: #fff; border-top: solid 3px #fff; border-bottom: solid 2px #fff;}

.mobile-list ul li {border-bottom: solid 1px #fff; padding: 10px 20px; font-weight: 600;}

.mobile-list ul li.high-heath {
	background-color: rgba(60,60,59,1)!important; color: #fff;
}

/*
.mobile-list ul li.leisure.one-mile {
	background-color: rgba(0,159,227,0.3);
}
.mobile-list ul li.leisure.three-miles {
	background-color: rgba(0,159,227,0.1);
}
.mobile-list ul li.golf.one-mile {
	background-color: rgba(243,146,0,0.3);
}
.mobile-list ul li.golf.two-miles {
	background-color: rgba(243,146,0,0.2);
}
.mobile-list ul li.golf.three-miles {
	background-color: rgba(243,146,0,0.1);
}
.mobile-list ul li.railway-station {
	background-color: rgba(227,6,19,0.2);
}
.mobile-list ul li.business {
	background-color: rgba(230,0,126,0.1);
}
.mobile-list ul li.school.one-mile {
	background-color: rgba(131,31,130,0.3);
}
.mobile-list ul li.school.two-miles {
	background-color: rgba(131,31,130,0.2);
}*/

.mobile-list ul li:nth-of-type(even) {background-color: rgba(60,60,59,0.5);}

.mobile-list ul li:nth-of-type(odd) {background-color: rgba(60,60,59,0.3);}






.mobile-list ul li span {display: block; font-weight: 300;}

.mobile-list ul li em {display: none;}

header .logo {
   
    text-align: left;
 
}

footer .column {float: left; width: 100%; margin-top: 20px;}

header .sold-flag {display: none;}
.sold {display: block; background-color: #890000; color: #fff; font-size: 2rem; padding: 20px; text-align: center; font-family: Arial, Helvetica, sans-serif;}

}

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

header .logo {
   
    text-align: left;
 
}

}

@media screen and (max-width: 414px) {
	
	.location-map iframe {height: 300px;}
	header .logo {padding: 20px;}
	header .logo .email {display: block; position: static; margin: 10px auto;}
	
	.image-overlay .overlay-column-1 {width: 100%; float: none;}

.image-overlay .overlay-column-2 {width: 100%; float: none; margin-left: 0;}

.image-overlay .overlay-column-1 h1 {

    font-size: 25px; line-height: 30px;     padding: 10.3px 20px;
}

}

@media screen and (max-width: 414px) {
	
	.image-overlay .overlay-column-1 h1 {

    font-size: 20px; line-height: 25px;
	    padding: 10.3px 20px;
}
	
}