﻿

/******************************************************************************************************************************************
smaller than 1025
*/
@media screen and (max-width: 1024px) {

	/*  MAKE LAYOUT RESPONSIVE at 1024px FOR SMALLER SCREENS ================================================================ */

#page-content {
	min-width: 320px;
}
	
.page-text-content {
	width: 79%;
	float: right;
}

.mini-menu {
display:none;
}


.pad1{
padding-left:15px;
padding-right:25px;
}

.pad2{
padding-left:0px;
padding-right:25px;
}


#page-header {
position:relative;
margin:0;
padding:0;
padding-top:5px;
height:104px;
text-align:left;
z-index:999999;
width:100%;
margin-top:0;
}

#menu-message-pos {
display:table;
z-index:990000;
height:490px;
max-width:950px;
margin-left:4px;
}

.message-nudge {
position:absolute;
margin-right:0;
}


#page-menu {
display:block;
padding-bottom:0;
}

#page-menu-show {
height:425px;
}

#menu-block {
height:auto;
margin-top:0;
margin-right:0;

}


.logo-nudge {
display:inline-block;
margin-left:0;
margin-top:40px;
padding-left:23%;
font-family:verdana, arial, times new roman;
letter-spacing:4pt;
font-size:24pt;
}

.logo-nudge2 {
display:inline-block;
margin-left:0;
margin-top:40px;
padding-left:23%;
font-family:verdana, arial, times new roman;
letter-spacing:4pt;
font-size:24pt;
}


.menu-items {
display: block;
float:right;
width:180px;
font-family: menufont, palatino, verdana, arial, times new roman;
font-size: 15pt;
margin-right:12px;
margin-bottom:1px;
text-align:right;
cursor:pointer;
}



.menu-sub-items {
display: block;
float:right;
width:180px;
font-family: menufont, palatino, verdana, arial, times new roman;
font-size: 14pt;
margin-right:12px;
margin-bottom:0;
text-align:right;
cursor:pointer;
}




#menu-v1 {
height:362px;
}

#menu-top-space {
height:20px;
}

}



}



/******************************************************************************************************************************************
smaller than 834
*/
@media screen and (max-width: 833px) {


.tariff-room {
font-family:menu_font;
font-size:11pt;
}

.tariff-price{
font-family:menu_font;
font-size:12pt;
}


.pad1{
padding-left:15px;
padding-right:25px;
}

.pad2{
padding-left:0px;
padding-right:25px;
}

}




/******************************************************************************************************************************************
smaller than 769
*/
@media screen and (max-width: 768px) {

	/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */

.like-buttons2 {
margin-top: 10px;
margin-bottom:5px;
}


.like-buttons {
margin-top: 0px;
margin-bottom:5px;
}


.booking  {
display:block;
font-size:14pt;
width:90%;
padding-bottom:10px;
}

.ah-footer{
margin-top:30px;
text-align:left;
width:90%;
font-size:8pt;
}

.mini-menu {
display:none;
}

#page-header {
position:relative;
padding-top:0;
height:82px;
text-align:left;
z-index:999000;
}

#page-menu {
display:block;
padding-bottom:0;
}


#menu-lift {
top:15px;
width:101%;
margin-top:-121px;
min-width:120px;
max-width:232px;
height:352px;
}


#menu-lift.fixed {
  top: -16px;
}


.menu-items {
display: block;
float:right;
width:160px;
font-family: menufont, palatino, verdana, arial, times new roman;
font-size: 13pt;
margin-bottom:1px;
margin-right:5px;
cursor:pointer;
}


.menu-sub-items {
display: block;
float:right;
width:160px;
font-family: menufont, palatino, verdana, arial, times new roman;
font-size: 11pt;
margin-bottom:0;
margin-right:5px;
cursor:pointer;
}


#menu-block {
height:auto;
}

#menu-v1 {
height:282px;
}


.menu-nudge {
padding-left:10px;
}

.logo-nudge {
display:block;
float:left;
margin-top:37px;
margin-left:0;
letter-spacing:5pt;
font-size:20pt;
}

.logo-nudge2 {
display:block;
float:left;
margin-left:1%;
margin-top:37px;
letter-spacing:5pt;
font-size:20pt;
}

.c-slide {
width:100%;
height:350px;
}


#page-menu-show {
height:350px;
}

#menu-message-pos {
height:350px;
}

.extra-space1 {
height:5px;
}


.menu-message {
margin-bottom:24px;
padding:7px;
padding-left:35px;
font-size:11pt;
letter-spacing:1pt;
}


.pad1{
padding-left:15px;
padding-right:25px;
}

.pad2{
padding-left:0px;
padding-right:25px;
}

}




/******************************************************************************************************************************************
smaller than 669
*/
@media screen and (max-width: 668px) {

	/*  MAKE LAYOUT RESPONSIVE at 480px FOR IPHONE LANDSCAPE ============================================ */

	
#non-js-box{
margin-top:-20px;
}	
	
.index-text-content {
position:absolute;
margin-top:-20px;
}

.index-text-content-homepage {
position:absolute;
margin-top:20px;
}

.page-text-content {
position:absolute;
margin-top:-20px;
}	
	
	
.text-top-space {
height:10px;
}

	
.like-buttons3 {
margin-top:-10px;
margin-bottom:10px;
}	
	
	
.like-buttons {
margin-top: -40px;
margin-bottom:5px;
}


.q-show-no-js{
margin-top:-20px;
}


.page-text-content {
	width: 100%;
	float: none;
	min-width:50px;
	font-size: 8pt;
}



#map {
 width:94%;
 height:320px;
 margin-right:25px;
 margin-top:10px;
}

#logo-img {
display:none;
}


#logo-img2 {
display:block;
}


#logo-space {
display:none;
}
	
.extra-space1 {
/*
height:20px;
*/
}

.map-container {
margin-top:-35px;
width:90%;
height:95%;
padding-top:18px;
padding-left:15px;
}

.pad1 {
padding-right:25px;
}

.pad2 {
padding-left:15px;
padding-top:15px;
padding-right:25px;
}

.gps-photo{
display:none;
}


.tariff-room {
font-family:menu_font;
font-size:12pt;
}

.tariff-price{
font-family:menu_font;
font-size:13pt;
}

.header-style{
display:inline-block;
}

#page-header {
padding:0;
margin:0;
height:0px;
text-align:center;
position:absolute;
z-index:999000;
margin-right:0;
}

#page-menu {
display:block;
margin:0;
padding:0;
margin-right:0;
}


#menu-toggle {
display:none;
}


.c-slide {
width:100%;
height:320px;
}

.q-show-choices{
height:320px;
margin-top:-20px;
width:100%;
position:relative;
text-align:left;
}


#page-menu-show {
margin:0;
height:320px;
margin-bottom:50px;
}

.q-show{
position:absolute;
margin-top:-20px;
}


#menu-block {
margin-top:0;
height:auto;
}

#menu-lift {
display:none;
position:relative;
width:101%;
max-width:101%;
height:68px;
padding:0;
margin:0;
margin-top:-80px;
margin-left:0;
}



.logo-nudge {
display:none;
margin-left:0;
padding-left:0;
margin-top:-74px;
letter-spacing:5pt;
font-size:18pt;
}

.logo-nudge2 {
display:none;
margin-left:0;
margin-top:-74px;
letter-spacing:5pt;
font-size:18pt;
}

#menu-message-pos {
height:300px;
}

.menu-message {
margin-bottom:24px;
padding:8px;
padding-left:35px;
font-size:12pt;
letter-spacing:1pt;
}

.menu-items {
display: inline-block;
float:left;
font-family: menufont, palatino, verdana, arial, times new roman;
font-size: 14pt;
margin-right:25px;
margin-bottom:6px;
text-align:left;
cursor:pointer;
width:auto;
}


.menu-sub-items {
display: inline-block;
float:left;
font-family: menufont, palatino, verdana, arial, times new roman;
font-size: 11pt;
margin-right:25px;
margin-bottom:0;
text-align:left;
cursor:pointer;
width:auto;
}


.extra-menu-space {
display:none;
}




.mini-menu {
display:block;
font-family: verdana, arial, times new roman;
margin-top:0;
}

.sf-menu, .sf-menu * {display:block;}

#sl-control {
display:none;
}

#menu-lift {
position:relative;
}

#page-menu {
display:none;
}


#page-header {
margin:0px;
padding-top:0px;
height:0px;
text-align:center;
}	

#menu-block {
margin-top:-105px;
height:auto;
}


#menu-v1 {
height:auto;
}

#menu-top-space {
height:7px;
}


.like-buttons2 {
margin-top: 5px;
}

}




/******************************************************************************************************************************************
smaller than 481
*/
@media screen and (max-width: 480px) {


.booking  {
margin-top:30px;
font-size:14pt;
}

.ah-footer{
font-size:7pt;
}


.page-text-content {
position:absolute;
margin-top:-40px;
}	
	
	
.index-text-content {
position:absolute;
margin-top:0px;
}

.like-buttons {
margin-top: -22px;
margin-bottom:5px;
}


.like-buttons2 {
margin-top: 15px;
}

#map {
 margin-top:20px;
}


.extra-space1 {
height:15px;
}


.mini-menu {
display:block;
margin-top:0;
}

.sf-menu, .sf-menu * {display:block;}


#sl-control {
display:none;
}

.pad1 {
padding-left:20px;
padding-right:20px;
}

.pad2 {
padding-left:20px;
padding-right:20px;
padding-top:15px;
}


#menu-lift {
position:relative;
}

#page-menu {
display:none;
}


#page-header {
margin:0px;
padding-top:0px;
height:40px;
text-align:center;
}	

#menu-block {
margin-top:0;
height:auto;
}

#menu-v1 {z
height:auto;
}

#menu-top-space {
height:7px;
}

.map-container {
margin-top:-45px;
width:90%;
height:95%;
padding-top:18px;
padding-left:15px;
}

.c-slide {
width:100%;
height:270px;
}


.q-show-choices{
height:270px;
margin-top:-20px;
width:100%;
position:relative;
text-align:left;
}


#page-menu-show {
margin:0;
padding-top:0px;
height:270px;
margin-bottom:30px;
}


.logo-nudge {
display:none;
margin-left:0;
margin-top:-125px;
letter-spacing:3pt;
font-size:15pt;
}

.logo-nudge2 {
display:none;
margin-left:0;
margin-top:-125px;
letter-spacing:3pt;
font-size:15pt;
}

#menu-message-pos {
height:240px;
}

.menu-message {
margin-left:5%;
margin-bottom:4px;
padding:7px;
padding-left:35px;
font-size:12pt;
letter-spacing:1pt;
}


}


/******************************************************************************************************************************************
smaller than 441
*/
@media screen and (max-width: 440px) {


.title-overlay-text {
font-size:10pt;
width:89%;
}


.logo-nudge {
display:none;
margin-left:0;
text-align:center;
margin-top:3-0px;
letter-spacing:3pt;
font-size:15pt;
}

.logo-nudge2 {
display:none;
margin-left:0;
margin-top:-30px;
letter-spacing:3pt;
font-size:15pt;
}


}
