@media (max-width:1200px){
#head, #welcome, #room,  #foot, #cont{width:90%;}
}
@media (max-width:930px){
 #head .logo img{width:180px; margin-left:-20px;} #head .nav a{margin-top:25px;  margin-right:30px;}
}
@media (max-width:830px){
	 #slide img{width:200%; }
 #btn{display:block; }  #head .nav{display:none; }
#head .nav{float:none; position:absolute; z-index:1000; left:0px; background:#E6E6E6; height:100%;}
#head .nav a{display:block;  margin-right:40px; 
padding:10px 80px 10px 0px; border-bottom:0px; margin-top:10px; margin-left:20px;}
#head .nav a:hover{ border-bottom:3px solid #F37F2A ;} 
}
@media (max-width:550px){
#cont img{width:100%;} 
	#welcome h1{font-size:24px;  background-position:center 70px; height:85px;}
	#welcome .one {width:98%; display:block;}
	 #room .two{width:228px; display:block; margin:0px auto; margin-top:40px;}
	  
#book a{margin-top:180px;}

 #slide{width:100%; height:450px; overflow:hidden;}  #slide img{width:250%; margin-left:-200px;}
#foot .three, #foot .tre{float:none; margin:0px 0px 20px 40px;}
 }
 @media (max-width:401px){

#cont input[type=text],#cont input[type=password],#cont select, #cont textarea{width:98%; padding-left:2%;}
#cont .dsec, #cont .dfir{float:none;}
#cont .login{width:100%;}

 }