@media (max-width: 1599px) {

	.menu-holder .menu > li > a,
	#navbar .greenbutton {
		font-size: 0.9em;
	}

	#navbar .greenbutton {
		padding: 10px 20px;
	}

	#navbar {
		height: 90px;
	}

	.navbar-btn img {
		height: 125px;
	}

	.navbar-default .navbar-brand {
		font-size: 1em;
	}

}

@media (max-width: 1399px) {

	#membership .bg-image {
		width: 35%;
		background-position: right center;
		background-size: 125%;
	}

	.menu-holder .menu > li > a,
	#navbar .greenbutton {
		font-size: 0.8em;
		padding: 10px;
	}

	.menu-holder .menu > li > ul > li > a {
		font-size: 0.9em;
		background: #4b94bd;
		border-bottom: 1px solid #fff;
	}

	#navbar .greenbutton {
		padding: 10px 20px;
	}

	#navbar {
		height: 85px;
	}

	.navbar-btn img {
		height: 100px;
		width: auto;
	}

	#navbar .greenbutton {
		padding: 8px 15px;
	}

	#navbar {
		height: 75px;
	}

	#navbar .container div {
		padding: 0;
	}

	.navbar-btn img {
		height: 89px;
	}

	.navbar-default .navbar-brand {
		font-size: 0.9em;
	}

	.navbar-brand {
		padding: 4px;
	}

	.navbar-default .navbar-brand {
		font-size: 1em;
	}

	.menu-holder .menu > li > a {
		padding: 7px;
	}
}

@media (max-width: 1199px) {

	#membership .bg-image {
		width: 42%;
	}

	.more-top10-button {
		/* max-width:125px; */
	}

	.more-top10-button .text-container a {
		font-size: 0.8em !important;
		line-height: 1.5em;
		padding: 3px 0;
	}

	.views-field-field-awards-badges img {
		/* max-height:135px; */
		/* width:auto; */
	}

	.banner-contents p {
		font-size: 0.9em;;
	}

	.views-field-field-featured-text {
		font-size: 1.1em;
		position: relative;
	}

	#block-system-main-menu {
		display: block;
		margin-top: 180px;
		height: 100%;
	}

	#block-system-main-menu ul,
	#block-system-main-menu li {
		padding: 0;
		margin: 0;
		list-style: 0;
	}

	#block-system-main-menu a {
		width: 100%;
		padding: 10px 30px !important;
		display: block;
	}

	#navbar .greenbutton {
		background: none;
		border: none;
	}

	.banner-contents p {
		font-size: 0.7em !important;
	}

	.banner-contents {
		bottom: 35%;
	}

	.check-availability {
		display: none;
	}

	#navbar {
		background-color: rgba(31, 111, 153, 1);
		background-image: url('../img/mobile-nav-bg.jpg');
		background-size: cover;
		background-position: left center;
		background-repeat: no-repeat;
	}

	#navbar .logo {
		display: none;
	}

	.navbar-brand {
		padding-left: 100px;
	}

	#toggle {
		display: block;
	}

	.menu-holder {
		position: fixed;
		top: 0;
		right: -320px;
		height: 100%;
		width: 320px;
		transform: translateY(0);
		background: #67b8e6;
		transform: translateX(0);
		transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
	}

	#toggle.on + .menu-holder {
		transform: translateX(-320px);
		-webkit-transform: translateX(-320px);
	}

	.menu-holder .menu > li {
		display: block;
		padding: 10px 20px;
		text-align: left;
		border-bottom: 1px solid #fff;
	}

	.menu-holder .menu > li.first {
		border-top: 1px solid #fff;
	}

	.dropdown-menu {
		position: relative;
		z-index: 1000;
		display: block;
		float: none;
		text-align: left;
		list-style: none;
		background: none;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: none;
		border-radius: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 0;
		margin: 0;
	}

	.dropdown-menu li {
		display: block;
		padding: 10px 20px;
	}

	.expanded.dropdown > ul {
		display: none;
	}

	.expanded.dropdown.open > ul {
		display: block;
	}

	.menu-holder .menu a:hover {
		transform: translateY(0);
	}

	.check-availability-mobile {
		display: block;
	}

	.menu-holder .menu a:hover,
	.menu-holder .menu a:focus {
		color: #fff;
		background: #206e9a;
	}

	.tv {
		height: 600px;
	}

}

@media (max-width: 991px) {

	body, p, a, ul, ol {
		/* font-size:14px !important; */
	}

	.view-featured-block h4 {
		font-size: 1.6em;
	}

	.first-text-block .bg-image,
	.second-text-block .bg-image,
	.third-text-block .bg-image {
		width: 32%;
	}

	.first-text-block,
	.second-text-block,
	.third-text-block,
	.membership-text {
		padding: 40px 0;
	}

	.second-text-block {
		min-height: unset;
	}

	#membership .bg-image {
		width: 50%;
	}

	.more-top10-button {
		/* max-width:110px; */
		font-size: 1.3em;
	}

	.more-top10-button .text-container a {
		font-size: 0.7em !important;
	}

	.region-awards {
		padding-top: 20px;
		margin-left: -7px;
		margin-right: -7px;
	}

	.region-awards #block-views-awards-widget-code {
		float: left;
	}

	.views-field-field-awards-badges img {
		/* max-height:115px; */
	}

	.view-featured-block h4 {
		font-size: 1.4em;
	}

	.copyright span {
		display: inline-block;
	}

	.copyright .left,
	.copyright .right {
		display: block;
		width: 100%;
		float: none;
		text-align: center;
	}

	.tv {
		height: 500px;
	}

}

@media (max-width: 767px) {

	.banner-contents p {
		font-size: 0.5em !important;
	}

	.hero-slider, .main-slider {
		margin: 75px 0 50px 0;
	}

	.first-text-block .bg-image,
	.second-text-block .bg-image,
	.third-text-block .bg-image {
		display: none;
	}

	.banner-contents {
		bottom: 45%;
	}

	#block-views-awards-block, #block-views-awards-block-1 {
		width: 90%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}

	.more-top10-button {
		/* float:none; */
		/* display:inline-block; */
		/* margin:0 5px; */
	}

	.views-field-field-awards-badges ul li {
		/* padding:0; */
		/* margin:0 5px; */
	}

	#membership {
		margin-top: 200px;
	}

	#membership .bg-image {
            width: 320px;
            height: 220px;
            top: -180px;
            left: 50%;
            background-size: 100%;
            background-position: center center;
            margin-left: -180px;
	}

	#edit-submitted-col-1 .panel-body,
	#edit-submitted-col-2 .panel-body {
		padding-left: 0;
		padding-right: 0;
	}

	.region-content {
		margin-bottom: 30px;
	}

	.first-text-block h2 {
		font-size: 1.4em;
	}

	.featured-image {
		width: 100%;
		height: 100%;
		top: 0;
		transform: translateY(0);
	}

	.featured-image div {
		height: 100%;
		width: 100%;
	}

	.flexslider .slides .featured-image img {
		height: 100%;
		width: auto;
		min-width: 100%;
		left: 50%;
		position: absolute;
		transform: translateX(-50%);
	}

	#quick-links {
		display: none;
	}

	.tv {
		height: 400px;
	}

}

@media (max-width: 559px) {

	h1 {
		font-size: 2em;
	}

	.hero-slider, .main-slider {
		margin: 65px 0 40px 0;
	}

	.navbar-btn {
		display: none;
	}

	#navbar {
		height: 65px;
	}

	.navbar-brand {
		padding: 1px 0 7px 85px;
	}

	#toggle {
		width: 65px;
		height: 65px;
		padding: 30px 16px 0 20px;
	}

	.banner-contents p {
		font-size: 0.4em !important;
	}

	.accommodation-listing {
		max-height: none;
	}

	.accommodation-left,
	.accommodation-right {
		max-width: none;
		display: block;
		width: 100%;
		position: relative;
		padding-bottom: 20px;
		top: 0;
		transform: translateY(0);
	}

	.accommodation-buttons {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
}

@media (max-width: 529px) {
	.region-awards .block {
		display: block;
		float: none !important;
	}

	#block-views-awards-widget-code {
		max-width: 150px;
		padding: 0;
		margin: 0 auto 20px;
	}

	.views-field-field-awards-badges ul {
		justify-content: center;

	}

	.tv {
		height: 300px;
	}
}

@media (max-width: 419px) {
	.banner-contents {
		bottom: 20%;
	}
}