@media (max-width:900px){	
 #cart{ margin:20px 20px 0px 0px;}
#head .nav{position:fixed; bottom:0px; top:-30px; height:100%; right:0px; width:0; z-index:5000; 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:grey; 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%;}

#menunav a{  margin:10px 20px;}	
#cover{ padding:140px 0px 180px 0px;  background-size:300%; background-position:-300px;}
#roomcover{ padding:100px 0px 50px 0px; }
#cover h1, #roomcover h1{ font-size:40px;}
#cover p, #roomcover p{ margin-top:20px;}

#about img{width:100%; margin:3px 0px;}
#welcome h1{ font-size:35px;}
#welcome{width:90%; }
}

@media (max-width:750px){
  #cartcover{overflow-y:auto;width:85%;}  
 #cartcover table img{width:60px; }
#gallerycover .bof{width:100%; margin:20px 0px; }
   
    
 #servnav, #shopnav, #menav{ background:none; position:relative; margin-left:30px;}
  .team{background:url("../img/cover1.png") no-repeat; background-size:150%;} 
    
#menu{width:95%; }
#menu .one, #menu .two{width:100%; float:none;}



 #bookings{ width:90%;  margin:50px auto; }
 
    

.navi{position:absolute; border:1px solid black; margin-left:0px;  width:100%;}
#slide, #menucont{width:95%;  margin:0px auto 40px auto;}
#a, #b, .ccc, .bbb{display:none;}
#slide .sbox {width:100%;}
 #menucont .slide .sbox{width:80%; margin:50px auto 5px auto;}
#slide .sbox img{width:100%; height:270px;}
 #menucont .slide{margin-bottom:50px;}

#event, #event2{padding:50px 5%; width:90%;}
 #event .fir,  #event .sec, #event2 .fir,  #event2 .sec{width:100%; float:none; margin-top:20px; margin-left:0px; font-family:robotorg; text-align:center;}
#event a, #event2 a{margin:20px auto;}
 #event .sec img ,#event2 .fir img{width:100%; }


#navi{position:absolute; margin-left:10%;  width:80%; margin-top:-200px;}
#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;}
}