
@media only screen {
.mobileHeader {
	position: absolute;
	z-index: 9;
	width: 100%;
	height: 70px;
	background-color: rgba(255,255,255,0.2);
}
.mobileHeader.mobileGrey {
	background:#3d393b;
}
	.burger {  
		position: absolute;
		left: 0;
		background: url(/includes/public/assets/images/burger.png);
		height: 20px;
		width: 20px;
		margin-top: 25px;
		margin-left: 20px;
		background-size: 100%;
		background-repeat: no-repeat;
		cursor:pointer;
	}
	.search {
		position:absolute;
		right:0;  
		background: url(/includes/public/assets/images/search.png);
		height: 20px;
		width: 20px;
		margin-top: 25px;
		margin-right: 20px;
		background-size: 100%;
		background-repeat: no-repeat;
		cursor:pointer;
	}
	.headerRow .search {
		margin-top: 15px;
	}
	.close {  
		position: absolute;
		left: 0;
		background: url(/includes/public/assets/images/close.png);
		height: 20px;
		width: 20px;
		margin-top: 15px;
		margin-left: 20px;
		background-size: 100%;
		background-repeat: no-repeat;
		z-index: 9;
		cursor:pointer;
	}
	.mobileHeader .logo {
		position: absolute;
		width: 100%;
		height: 30px;
		top: 0;
		padding-top:10px;
	}
	.mobileHeader .logo a {
		display: block;
		max-width: 155px;
		margin: 0 auto;
		position: relative;
	}
	.mobileHeader .menuButton {

	}

	.mobileMenu {
		background: #0090a6;
		position: absolute;
		z-index: 9001;
		width: 100%;
		height: 100em;
		display: none;
	}
	/* header */
		.mobileMenu .headerRow {
			padding-top:9px;
		}
			.mobileMenu .headerRow .fa-times {
				display: inline-block;
			}
			.mobileMenu .headerRow .fa-search {
				display: inline-block;	
			}
			.mobileMenu .headerRow .logo {
				display: inline-block;
				width: 100%;
				text-align: center;
				position: absolute;
			}
			.mobileMenu .headerRow .logo a {

			}
			.mobileMenu .headerRow .logo a img {
				width:155px;
			}
	/* nav */
	.mobileMenu .dl-submenu {display:none;}
	.mobileMenu ul {list-style: none;margin-left:0;}
	.mobileMenu li {list-style: none;}
	.mobileMenu ul li a {
		color:white;
		padding-left: 25px;
		text-transform: uppercase;
	}
	.mobileMenu ul li ul li a {

		text-transform: none;
	}
	.mobileMenu .main_nav {
		padding-top:70px;
	}
	.mobileMenu .main_nav ul.menu {

	}
		.mobileMenu .main_nav ul.menu a.repeat {
			line-height: 32px;
		}
		.mobileMenu .main_nav ul.menu .repeat li.title {
			color: white;
			font-weight: 300;
			font-style: normal;
			font-size: 18px;
			line-height: 32px;
			letter-spacing: 1px;
			word-wrap: break-word;
			text-transform: none;
			padding-left: 10px;
			max-width: 80%;
			display: inline-block;
		}
		.mobileMenu .main_nav ul.menu li .pointRight {
			display: inline-block;
		}
		.mobileMenu .main_nav ul.menu li.has-submenu.main > a {
			max-width:80%;
		}
			.mobileMenu .main_nav ul.menu li span {
				line-height: 32px;
				text-transform: none;
				display: inline-block;
				max-width: 82%;
				padding-left:10px;	
			}
				.mobileMenu .main_nav ul.menu li a {
					color: white;
					font-weight: 300;
					font-style: normal;
					font-size: 22px;
					line-height: 44px;
					letter-spacing: 1px;
					display: block;
					word-wrap: break-word;
				}
				.mobileMenu .main_nav ul.menu li a.pointlink {
					float:right;
				}

				.mobileMenu .main_nav ul.menu li .point {
					height: 10px;
					float: right;
					background: url(/includes/public/assets/images/pointDown.png) no-repeat;
					padding-right: 40px;
					background-size: contain;
					margin-top: -30px;
				}
				.mobileMenu .main_nav ul.menu li .point.up {
					background: url(/includes/public/assets/images/pointUp.png) no-repeat;
					background-size: contain;	
				}	
				.mobileMenu .main_nav ul.menu li .pointRight {
					background: url(/includes/public/assets/images/pointRight.png) no-repeat;
					background-size: contain;
					height: 9px;
					width: 9px;
					float: right;
					padding-right: 32px;
					margin-top: 15px;
					opacity: .4;;		
				}
				.mobileMenu .main_nav ul.menu li ul.dl-submenu {
					padding: 10px 0;
				}
				.mobileMenu .main_nav ul.menu li ul.dl-submenu li a{
					font-family: Oswald, sans-serif;
					color: white;
					font-weight: 300;
					font-style: normal;
					font-size: 20px;
					line-height: 36px;
					letter-spacing: 1px;
				}			
			.mobileMenu .main_nav ul.dl-submenu {
				background: #00839a;
			}

	.mobileMenuOverlay {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 5;
	}

	.mobileSearchBooking {
		display: none;
	}
		.mobileSearchBooking .mobileSearchContainer {
			width:90%;
			margin:0 auto;
		}
			.mobileSearchBooking .mobileSearchContainer .mobileMenuSearch {
				display: block;
				text-transform: none;
				width: 75%;
				margin: 0 auto;
				height: 34px;
			}
			.mobileSearchBooking .mobileSearchContainer .mobileMenuSearchButton {
				display: block;
				width: 135px;
				background: transparent;
				border: 1px solid #fff;
				height: 35px;
				font-family: Oswald, sans-serif;
				font-weight: 400;
				font-style: italic;
				font-size: 16px;
				padding: 5px;
				margin: 0 auto;
				margin-top: 15px;
				color:#fff;
			}
	.mobileSearchBooking .divider {
		text-align: center;
		padding: 20px 0;
		font-family: Oswald, sans-serif;
		font-weight: 400;
		font-style: italic;
		font-size: 16px;
		color: #fff;
	}
		.mobileSearchBooking .divider .line {
			border-bottom:1px solid black;
			width:45%;
		}
			.mobileSearchBooking .divider .line {
				font-family: Oswald, sans-serif; 
				font-weight: 400; 
				font-style: normal;
				font-size:12px;
			}
	.mobileSearchBooking .bookingSelect {
		width:100%;
		text-align: center;
	}
		.mobileSearchBooking .bookingSelect span {
			margin: 0 auto;
		}
		.mobileSearchBooking .bookingSelect span.active {
			background: green;
		}
		.mobileSearchBooking .bookingSelect .hotel {
			width: auto;
			padding: 10px;
		}
		.mobileSearchBooking .bookingSelect .packages {
			width: auto;
			padding: 10px;
		}
		.mobileSearchBooking .bookingSelect .events {
			width: auto;
			padding: 10px;
		}
	.mobileSearchBooking .bookingContainer {

	}
	.mobileSearchBooking .bookingContainer div.active {
		display: block !important;
	}
	.mobileSearchBooking .bookingContainer .hotel {
		display: none;	
	}
	.mobileSearchBooking .bookingContainer .packages {
		display: none;
	}
	.mobileSearchBooking .bookingContainer .events {
		display: none;
	}
}

@media only screen and (min-width: 40.063em) {
	.mobileSearchBooking .mobileSearchContainer .mobileMenuSearch {
		display: inline-block;
		border: 0;
	}
	.mobileSearchBooking .mobileSearchContainer .mobileMenuSearchButton {
		display: inline-block;
	}
	.mobileMenu .main_nav ul.menu a.repeat {
			line-height: 50px !important;
		}
	.mobileMenu .main_nav ul.menu .repeat li.title {
		font-size: 27px;
		line-height: 50px;
		padding-left: 15px;
	}
	.mobileMenu .main_nav ul.menu li span {
		font-size: 27px;
		line-height: 50px;
		padding-left: 15px;
	}	
	.mobileMenu .main_nav ul.menu li a {
		font-size:36px;
	}
	.mobileMenu .main_nav ul.menu li.has-submenu a {
		font-size: 36px;
		line-height: 60px;
	}
	.mobileMenu .main_nav ul.menu li.has-submenu ul.dl-submenu li a{
		font-size: 30px;
		line-height: 55px;
	}			
}

@media only screen and (min-width: 64.063em) {
	.header_container {
		display: block;
		position: relative;
		height: auto;
	}
	.headerWrapper {
		margin: 0 auto;
		position: absolute;
		height: 71px;
		width: 100%;
		z-index: 9;
		left: 0;
		right: 0;
		max-width: 940px;
	}
	.headerTop {
		height: 27px;
		background: transparent;
		display:block;
	}
	.headerTop .headerTopRight {
		float: right;
		display: inline-block;
	}
	.headerTop .headerTopRight .searchHeader {
		display:inline-block;
		position:relative;
	}
	.headerTop .headerTopRight .newsletter {
		display:inline-block;
	}  	
	.headerBottom {
	 	height: 47px;
	 	background: transparent;
	 	position: relative;
	 	 border-bottom: 1px solid rgba(255,255,255, 0.5);
	 }
	 	.headerBottom .logo {
			position: relative;
			display: inline-block;
			float: left;
			top:-10px;
		}
		.headerBottom .logo a {
			background: url('/includes/public/assets/images/logo.png') no-repeat;
			text-indent: -9999px;
			display: inline-block;
			height: 40px;
			width: 120px;
			background-size: contain;
		}


		.headerBottom .main_nav {
			float:right;
		}
			.headerBottom .main_nav nav.main {
				padding-top:15px;
			}
				.headerBottom .main_nav nav.main .navItem {
					display:inline-block;
				}
				.headerBottom .main_nav nav.main .navItem:hover {

				}
					.headerBottom .main_nav nav.main .navItem > a {
						font-family: Oswald, sans-serif;
						font-size: 16px;
						color: #fff;
						text-transform: uppercase;
						display: inline-block;
						padding: 0px 10px;
						font-weight: 400;
						font-style: normal;
						letter-spacing: 1.5px;	
					}
					.headerBottom .main_nav nav.main .navItem > a.active {
						
					}
					.headerBottom .main_nav nav.main .navItem > a:hover,
					.headerBottom .main_nav nav.main .navItem.active > a {
						
					}
					.headerBottom .main_nav nav.main .navItem:hover .navDropdown {
						display: block;
					}

				.headerBottom .main_nav nav.main .navDropdown {
					position: absolute;
					z-index: 9;
					float: left;
					display: none;
					top: -70px;
					opacity: 1;
				}
				.headerBottom .main_nav nav.main .navDropdown .navItem{
					padding-top: 85px;
					background: #0090a6;
					padding-bottom: 12px;
				}
				.headerBottom .main_nav nav.main .navDropdown ul.navItems {
 					margin: 0 0;
 					padding-top:15px;
 					background: #0090a6;
					padding-bottom: 10px;
				}
				.headerBottom .main_nav nav.main .navDropdown ul.navItems li {
					display: block;
					width: initial;
					padding-left: 10px;
					padding-right: 10px;
					line-height: 20px;
				}
				.headerBottom .main_nav nav.main .navDropdown ul.navItems li:last-child {
					margin-right: 0;
				}
				.headerBottom .main_nav nav.main .navDropdown ul.navItems li > a {
					font-family: Oswald, sans-serif;
					font-size: 14px;
					color: #fff;
					display: block;
					line-height: 20px;
					letter-spacing: 1px;	
				}
				.headerBottom .main_nav nav.main .navDropdown ul.navItems li:hover {
					border-left: 1px solid white;
					margin-left:-1px;
				}
				.headerBottom .main_nav nav.main .navDropdown ul.navItems li > a.active {
					text-decoration: underline;
				}

				.headerBottom .navDropdown .navDivider {
					width: 100%;
					border-bottom: 1px solid rgba(255,255,255, 0.5);
					padding-bottom: 0px;
				}
				
			.headerBottom .main_nav .breadWrap {
				position: absolute;
				top: 55px;
				left: 0;
				color: white;
				font-family: Oswald, sans-serif;
				font-weight: 300;
				font-style: normal;
				font-size: 11px;
				letter-spacing: 1px;
			}
			.headerBottom .main_nav .breadWrap .bread a {
				color:white;
			}
			.headerBottom .main_nav .breadWrap .bread a:hover {
				text-decoration: underline;
			}

			.mobileMenuOverlay {display:none;}
}
.mobileMenuOverlay {
	display: none;
}