@media screen and (max-width: 1024px) {
    #wrapper {
        width: 96%;
		margin: 0 2% 20px 2%;
    }
    img {
        max-width: 100% !important;
    }
    #search .content {
        max-width: 100%;
        margin: 0;
        padding: 6px 6px 6px 6px;
    }
    .searchform .searchfield {
        max-width: 100%;
    }
    #header .logo {
        position: relative;
        top: 0;
        left: 0;
        margin: 1em auto;
        display: block;
    }
    #header .banner {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin: 1em auto;
        max-width: 672px;
        width: 95%;
    }
    #header {
        height: auto;
    }
    #header .banner img {
        display: block;
        margin: auto auto;
        max-width: 100%;
    }
    
    #nav {
		background-color: #4F5C8E;
        height: auto;
        border-radius: 5px;
        display: block;
        margin: 1em auto;
        overflow: hidden;
    }
	#nav .menu {
		width: auto;
		height: auto;
		position: relative;
	}
    
    #nav .menu ul li a {
		padding: 0 10px;
	}
    #body div.left {
        width: 66%;
		margin: 0;	
		margin-right: 1%;
        display: block;
    }
	#body div.right {
		width: 33%;
	}
	#bodyhome .left {
		width: 67%;
	}
	#bodyhome div.right {
		width: 33%;
	}
	div.ad-sq-med {
		width: 100%;
		height: auto !important;
	}
	.find-region {
		width: 100%;
		height: auto;
	}
	.find-region .content {
		width: 100%;
		position: relative;
		padding-bottom: 1em;
	}
	.find-region .map {
		display: none;
	}
	.whats-on .content {
		background-color: inherit;
		z-index: 5;
		width: 50%;
		height: 100%;
	}
	.whats-on .pic {
		z-index: 4;
	}
	.home-features-head li {
		font-size: 10px;
	}
	#home-features .inner-content {
		background-color: inherit;
		opacity: 0.85;
		z-index: 10;
		position: absolute;
		width: 100%;
		height: auto;
		padding-top: 10px;
		padding-right: 10px;
		margin-left: -10px;
		padding-left: 10px;
		bottom: 0;
	}
	.home-feature-item img {
		width: 100%;
		height: auto;
	}
	.home-feature-item h2, .home-feature-item p {
		width: 100%;
	}
	.home-feature-item .btn-read-more {
		margin: 0.3em 0.2em 0.5em 0;
		float: right;
	}
	.ad-sq-2 {
		display: none;
	}
	.region-feature div:first-child {
		margin-right: 2% !important;
	}
	.region-feature > div {
		width: 49%;
		height: auto;
	}
	.region-feature h3 {
		padding: 0.2em 0.5em;
	}
	.region-feature img {
		width: 100% !important;
		height: auto !important;
	}
	.region-best .listing {
		width: 32%;
		margin-right: 2%;
	}
	.region-best .listing:nth-child(3n+1) {
		clear: left;
	}
	.region-best .listing:nth-child(3n+3) {
		margin-right: 0;
	}
	.region-best h3 {
		font-size: 12px !important;
	}
}

@media screen and (max-width: 660px) {
	#headerhome {
		height: auto;
	}
	#headerhome .banner {
		display: none;
	}
	#headerhome .intro h1 {
		line-height: initial;
		margin-bottom: 0;
	}
	#headerhome .intro em {
		font-style: normal;
		text-transform: lowercase;
		font-size: inherit;
		padding: initial;
	}
	#headerhome .logo {
		position: relative;
		margin: 25px auto 0px auto;
		display: block;
		top: auto;
		left: auto;
	}
	#headerhome .intro {
		position: relative;
		width: auto;
		margin: 14px 14px 6px 14px;
		top: auto;
		left: auto;
	}
	#headerhome .intro br {
		display: none;
	}
	#nav {
		margin-top: 0;
		margin-bottom: 6px;
		background-image: none;
	}
	#nav .menu {
		left: 0;
	}
	#nav .home {
		display: none;
	}
    #search {
        display: none;
    }
    #region-select-map {
        
    }
    .region-feature > div {
        max-width: 100%;
        height: auto;
        margin-bottom: 1em;
    }
	#bodyhome .left, #body div.left {
		width: auto;
		float: none;
		clear: both;
	}
	#body div.left {
		margin-top: 6px;
	}
	#body div.right {
		float: none;
		margin: 1em auto;
	}
	#header .banner ins {
		display: none !important;
	}
	#bodyhome div.right {
		float: none;
		clear: both;
		margin: 1em auto;
	}
	.whats-on {
		height: 130px;
	}
	.whats-on .content {
		z-index: 5;
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255, 0.85);
	}
	.whats-on .pic {
		z-index: 1;
	}
	.whats-on .pic img {
		height: 100%;
		min-width: 100%;
		width: auto;
	}
	#home-feature-indicator {
		top: 64px;
	}
	#home-features .inner-content {
		position: absolute;
		padding: 20px 0 20px 10px;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 5;
	}
	.home-feature-item h2, .home-feature-item p {
		width: 95%;
		margin-bottom: 0;
		background-color: rgba(255,255,255,0.9);
		padding: 0.5em;
	}
	#home-features .btn-read-more {
		margin: 0;
		margin-top: 12px;
		position: absolute;
		bottom: 14px;
		right: 5%;
	}
	#home-features .inner-pic {
		z-index: 1;
	}
	.home-feature-item img {
		opacity: 1;
		border: 1px solid #4F5C8E;
		z-index: 1;
		width: 55%;
		height: auto;
		top: auto;		
		bottom: 14px;
		left: 13px;
		left: 13px;
	}
	.home-feature-item h2, .home-feature-item p, .home-feature-item a {
		z-index: 5;
	}
	.home-features-head ul {
		height: 64px;
	}
	.home-features-head li {
		max-width: 33.3333% !important;
	}
	.home-features-head li:nth-child(3) {
		background-image: none;
	}
	.home-features-head li:nth-child(4), .home-features-head li:nth-child(5) {
		display: none;
	}
	.home-links .col {
		width: 50%;
		padding-bottom: 1em;
	}
	.home-links .col-2, .home-links .col-4 {
		padding-left: 5px;
	}
	.home-links .col-3 {
		padding-left: 0;
	}
	.home-links .col img {
		display: none;
	}
}