@media (max-width:900px){	
#head .nav{position:fixed; bottom:0px; top:-30px; height:100%; right:0px; width:0; background:rgba(0,0,0,0.9);}
#head .nav a{display:block; color:white; margin-top:20px;}
#head .home{border-bottom:1px solid white;}
#head .navcov{width:200px; margin-left:50px; background:#bea440; padding:5px 30px 15px 0px;}
#close{display:block; margin-bottom:100px;}
#btn{display:block;}


#foot{width:100%; padding:20px 0px;  }
#foot .fbox,#foot .sbox {width:100%;}


#cover,#roomcover{ padding:120px 0px;  background-size:300%;}
#cover h1, #roomcover h1{ font-size:40px;}
#cover p, #roomcover p{ margin-top:20px;}


#welcome h1{ font-size:35px;}
#welcome{width:90%; }
}

@media (max-width:750px){
    

#gallerycover .bof{width:100%; margin:20px 0px; }
   
    
    
    
#menu{width:95%; }
#menu .one, #menu .two{width:100%; float:none;}



 #bookings{ width:90%;  margin:50px auto; }
 
    
	#book{  width:300px; margin:-100px auto 0px auto;  padding: 40px ;}
	#book select{  width:300px; }
	#book input[type=date]{ margin-left:0px; width:300px; display:block; }
	#book input[type=number]{ width:300px; display:block; }
	#book input[type=button]{  width:300px; height:40px; font-size:15px; }
	#book input{margin-bottom:20px;}
	
	#room .box{width:100%; margin: 10px 0px 40px 0px;}
	
#slide{width:95%;  margin:0px auto 40px auto;}
#a, #b{display:none;}
#slide .sbox{width:100%;}
#slide .sbox img{width:100%; height:270px;}



#navi{position:absolute; margin-left:10%;  width:80%; margin-top:-200px;  -webkit-user-select:none; -ms-user-select:none; -moz-user-select:none; user-select:none;}
#navi .next, #navi .prev{cursor:pointer;width:40px; height:40px; border-radius:40px; line-height:40px; background:white; color:#336666; text-align:center;}
#navi .next{float:right;}
#navi .pre{float:left;}
}

@media (max-width:400px){	
#cover h1{ font-size:35px;}
}