﻿.mobilemenubody{display:none;}
.header div.menus{display:block;}
.mobilemenu{display:none;}
.mobiledisplay{display:none;}
@media only screen and (max-width: 600px) {
.mobiledisplay{display:block;}
.mobilecontact {position:fixed; left:0; right:0; bottom:0;  z-index:150000;}
.mobilecontact div.tel a, .mobilecontact div.whatsapp a{width:70px; display:inline-block; font-size:28px; height:70px; border-radius:70px; -webkit-border-radius:70px; text-align:center; line-height:70px; position:absolute; bottom:20px;}
.mobilecontact div.tel a{left:20px; background-color:#D4A352; color:#fff;}
.mobilecontact div.whatsapp a{right:20px; background-color:#00ff21; color:#fff;}
.mobilecontact div.whatsapp a:hover, .mobilecontact div.whatsapp a:active{opacity:0.8;}
.mobilecontact div.tel a:hover, .mobilecontact div.tel a:active{opacity:0.8;}
.header{width:95%;}
.mobilemenu{display:block;}
.mobilemenu i {font-size: 30px; margin-top:25px; cursor: pointer; margin-right:20px;}
.mobilemenu i:hover, .mobilemenu i:active{opacity:0.8;}
.mobilemenubody{width:100%; height:100vh; background-color:#000; position:fixed; left:0; z-index:10000; top:0; padding:20px;  overflow-x:hidden; overflow-y:auto;}
.mobilemenubody div.closer{margin-bottom:20px; text-align:right; cursor:pointer; }
.mobilemenubody div.closer i{font-size:25px; color:#D4A352;}
.mobilemenubody div.close i:hover, .mobilemenubody div.close i:active{opacity:0.8;}
.mobilemenubody div.menus, .footercontent div.submenus{display:block; cursor:pointer;}
.mobilemenubody div.submenus{margin-left:10px;}
.mobilemenubody div.menus a, .footercontent div.menus, .footercontent div.submenus, .footercontent div.submenus a{color:#454545; height:40px; line-height:40px;}
.mobilemenubody div.menus:hover > a, .footercontent div.menus:active > a, .footercontent div.submenus:hover > a, .footercontent div.submenus:active > a{color:#454545; text-decoration:none;} 
.mobilemenubody div.submenus{display:none;}
.mobilemenus a, .mobilemenus{width:100%; height:40px; line-height:40px; margin-bottom:5px; color:#000; margin-top:10px; display:block; background-color:#D4A352; cursor:pointer; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.mobilemenus a, .mobilemenus span{padding-left:10px; }
.mobilesubmenu a, .mobilesubmenu span{padding-left:20px;}
.mobilemenus a:active, .mobilemenus a:hover, .mobilemenus:active, .mobilemenus:hover{background-color:#f1f1f1; text-decoration:none;}
.header div.menus{display:none;}

.roomdetail div.image{height:250px;}
.roomdetail div.image img{height:250px;}
.roomdetail div.imagelist ul li{width:15%; height:55px; text-align:center; background-color:#fff; margin-bottom:20px; border-radius:10px; -webkit-border-radius:10px; margin-right:20px; overflow:hidden;}
.roomdetail div.imagelist ul li img{height:65px;}

.mobnone{display:none;}
}