*{margin:0;padding:0;border:0;outline:none;}

@viewport{ width:device-width;}
@-ms-viewport{width:devide-width;} /* for microsoft device */
@-o-viewport{width:devide-width;} /* for old opera device */

/* 320px-480px */
@media only screen and (max-width:500px)
{ 
#head, #menu, #feature, #amenity, #atr, #atrpic, #amenitypic {width:98%;  margin:0 auto; float:none;}
.logo, #address {width:254px; margin:0 auto; float:none; padding:8px 0; text-align:center;}
#reservation,.footer-col, .footer-co, .video { margin:0 auto; width:96%; float:none; height:auto; padding:0; margin-bottom:20px;}
.ft, .ft2{width:44%; margin:5px; float:left;}
#atrtx, #amenitytx {width:90%;  margin:0 auto; float:none;}
#content, #contentsub, #footer, .col1 {width:90%;  margin:0 auto; float:none; padding:0;}
#slide{display:block;width:100%; padding:0; height:auto;}	
#amenitypic img, #atrpic img { width:100%; margin:0 auto;}
iframe { width:98%; margin:0 auto;}
.rw { float:none; width:210px; margin:0 auto; margin-bottom:15px;}
}
@media only screen and (min-width:501px) and (max-width:767px)
{
#head, #menu, #feature, #amenity, #atr, #atrpic, #amenitypic {width:98%;  margin:0 auto; float:none;}
.logo, #address {width:50%; margin:0 auto; float:left; padding:8px 0; text-align:center;}
#reservation {width:70%; margin:0 auto; float:none;}
.ft, .ft2{width:40%;  margin:15px; float:left;}
.footer-col, .footer-co, .video{ margin:0 auto; width:96%; float:none; height:auto; padding:0; margin-bottom:20px;}
#atrtx, #amenitytx {width:90%;  margin:0 auto; float:none;}
#content,#contentsub, #footer, .col1 {width:90%;  margin:0 auto; float:none; padding:0;}
#slide{display:block;width:100%; padding:0; height:auto;}	
#amenitypic img, #atrpic img { width:100%; margin:0 auto;}
iframe { width:98%; margin:0 auto;}
}
@media only screen and (min-width:768px) and (max-width:1000px)
{
#head, #menu {width:100%;  margin:0 auto; float:none;}
.logo, #address {width:50%; margin:0 auto; float:left; padding:8px 0; text-align:center;}
#reservation {width:60%; margin:0 auto; float:none;}
#feature, #amenity, #atr{width:90%;  margin:0 auto; float:none;}
.ft, .ft2{width:22%;margin:8px; float:left;}
#amenitytx { width:40%; float:left;}
#atrtx { width:40%; float:right;}
.footer-col, .footer-co{ width:45%; float:left; height:auto; padding:0; margin-bottom:20px; margin-top:20px;}
.video{ margin:0 auto; width:96%; float:none; margin-bottom:20px;}
#content,#contentsub, #footer, .col1 {width:90%;  margin:0 auto; float:none; padding:0;}
#slide{display:block;width:100%; margin:0 auto;}	
#amenitypic img, #atrpic img { width:100%; margin:0 auto;}
iframe { width:98%; margin:0 auto;}
}