@media only screen and (min-width: 1750px) {
	a#logo, a#wmm {
		position: fixed;
	}
}

/* Small Desktops */
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
	#booking {
		padding-left: 10px;
		padding-right: 10px;
	}
	footer {
		padding-left: 50px;
	}
  
	div#content {
		max-width: 880px;
	}
  
	div#content_bottom {
    	max-width: 800px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 1720px) {
	div#content {
		max-width: 880px;
		margin-top: 200px;
	}
	
	#col_right_booking {
		max-width: 880px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 1279px) {
	.desktop {
		display: none !important;
	}

	.mobile {
		display: block !important;
	}

	body {
	  width: 100%;
	}
  
	div#nav {
		position: fixed;
		left: -100%;
		top: 0px;
		bottom: 0px;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.9);
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;  	
	}
  
	.fancybox-inner {
		-webkit-overflow-scrolling: touch;  	
	}
  
	div#nav ul {
	 	margin-top: 160px;
	}
	 
	div#nav ul.level1 li, div#nav ul.level1_mobile li {
	 	float: none;
	}
	 
	div#nav ul.level1 li a, div#nav ul.level1_mobile li a {
	 	padding-left: 5%;
	 	padding-right: 5%;
	}
	 
	.show_nav {
	 	left: 0% !important;
	}
	 
	a#menu_icon, a#shopping_cart_icon {
	 	display: block;
	}
	
	 
	div#backgrounds {
	   width: 100%;
	}
	 
	div.background {
	   width: 100%;
	}
	 
	a#logo, a#wmm {
	   right: 5%;
	}
	 
	#col_right_booking {
	   position: static;
	   width: 90%;
	   background-color: transparent;
	   margin-left: auto;
	   margin-right: auto;
	}
	 
	.booking_container {
	 	margin: 0px !important;
	 	width: auto !important;
	 	height: auto !important;
	 	background-color: rgba(0, 0, 0, 0.85);
	   padding: 5%;
	}
	 
	div#content_bottom {
	   max-width: 80%;
	   padding-left: 5%;
	   padding-right: 5%;	
	}
	 
	div.caption {
	 	width: 90%;
	 	left: 5%;
		bottom: 180px;
	}
	
	body.scroll div.caption {
		left: 5% !important;
	}
	 
	#jumptobookingcontainer {
	 	display: block;
	}
	 
	body.url_booking #jumptobookingcontainer, body.url_checkout #jumptobookingcontainer {
		display: none !important;
	}
  
	.homebutton {
	 	bottom: 20px;
	}
	 
	#availability {
	 	display: none;
	}
	 
	#imagegallery {
	 	display: none;
	}
	 
	div#footer {
		display: none;
	}
}
	
/* Smartphones and Tablets */
@media only screen and (min-width: 0px) and (max-width: 1023px) {
	#booking {
		position: static;
		padding-left: 25px;
		padding-right: 25px;
		margin-left: auto;
		margin-right: auto;
	}
	
	div#content {
	    margin-top: 170px;
	}
	
	.home_imagecontainer {
		height: auto;
	}
	
	.image {
		height: 400px;
	}
	
	.textlayer {
		position: static;
		margin-left: auto;
		margin-right: auto;
		width: auto;
		max-width: none;
	}
	
	div.pricetable_table { 
		width: 100%;
		height: auto;
	}
	
	div#stage {
		height: 400px;
	}
	
	div.stage {
		height: 400px;
	}
	.stage_content > h2 {
	    font-weight: 500;
		font-size: 1.2rem;
	}
	.stage_content > h3 {
	    font-weight: 300;
		font-size: 1rem;
		top: 105px;
	}
	.betterslider_pagination {
		right: 40px;
		bottom: 40px;
	}
	
	a#logo {
 	}

	a#wmm {
	 	width: 150px;
  		top: 151px;
  	}

	a#wmm span {
		display: none;
  	}
	
	h3.home_headline {
  		font-size: 2.0rem;
  	}
  
 	div.caption h2, div.caption p {
  		font-size: 1.3rem;
 	}
 	
	div#content {
		max-width: 90%;
		margin-bottom: 0px;
	}
}	

/* Tablets */
@media only screen and (min-width: 0px) and (max-width: 955px) {
	#menu {
		display: block;
	}
	
	nav {
		margin: 0px;
		position: absolute;
		bottom: 80px;
		left: 0px;
		right: 0px;
		z-index: 100;
		background-color: white;
		padding-top: 80px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
	}
	
	nav ul li {
		float: none;
		margin-bottom: 10px;
		margin-right: 0px;
	}
	
	nav ul li.seperator {
		display: none;
	}
	
	nav li {
		border-bottom: solid 3px #317286;
	}
	
	nav li a {
		border-bottom: solid 3px #a2ba47;
	}
}

/* Smartphones */
@media only screen and (min-width: 0px) and (max-width: 767px) {
	h1 {
	    font-size: 1.4rem;
	}
	
	h2 {
    	font-size: 1.2rem;
	}
	
	.image {
		height: 300px;
	}
	
	.textlayer {
		max-height: 550px;
	}
	
	header {
		position: fixed;
		z-index: 500;
	}
	
	.content {
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	footer {
		padding-left: 50px;
		padding-bottom: 130px;
	}
	
	div.pricetable_th {
		padding: 5px;
	}
	
	div.pricetable_td {
		padding: 5px;
	}
	
	div#stage {
		height: 200px;
	}
	
	div.stage {
		height: 200px;
	}
	
	.stage_content > h2 {
	    display: none;
	}
	
	.stage_content > h3 {
	    display: none;
	}
	
	.betterslider_pagination {
		text-align: center;
		right: 0px;
		bottom: 2%;
	}
	
	.betterslider_prev {
		display: none;
	}
	
	.betterslider_next {
		display: none;
	}
	
	.hotel_places_map {
		right: 0px;
		display: none;
		z-index: 2000;
	}
	
	.hotel_places {
		width: auto;
		left: 0px;
	}
	
	#hotel_places_google_maps {
		display: block;
		max-width: none;
	}
	
	div.form_label {
	    width: 100%;
	    display: block;
	    margin-bottom: 10px;
	}
	
	div.form_field {
	    width: 95%;
	    display: block;
	}
	
	.form_submitbutton {
	    margin-left: 20px !important;
	}
}	


/* small Smartphones */
@media only screen and (min-width: 0px) and (max-width: 450px) {
	.image {
		height: 200px;
	}
	
	.textlayer {
		max-height: 650px;
	}
	
	#booking {
		position: static;
		padding-left: 2%;
		padding-right: 2%;
	}
	
	footer {
		padding-left: 2%;
		padding-bottom: 130px;
	}
	
	div.pricetable_table { 
		display: block; 
	}
	
	div.pricetable_tr { 
		display: block; 
	}
	
	div.pricetable_header { 
		display: none; 
	}
	
	div.pricetable_th {
		display: block;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	div.pricetable_td { 
		display: block;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	span.pricetable_nights {
		display: inline;
	}
	
	a#logo {
  	}

	a#wmm {
	 	width: 125px;
  		top: 126px;
  	}
  	
	h3.home_headline {
  		font-size: 1.9rem;
  	}
  
 	div.caption h2, div.caption p {
  		font-size: 1.3rem;
 	}
 	
  	div.caption {
	  	bottom: 100px;
  	}
  
  	#jumptobooking {
  		bottom: 20px;
  	}
}