*{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:580px)
{ 
h1, h1 a { font-size:31px; line-height:36px;}
#headbg {width:100%; position:relative; margin:0 auto; bottom:0; }  
#menu {width:80%; margin:0 auto; float:none; clear:both; margin-bottom:12px;}
.logo{width:126px; margin:0 auto; float:none; position:relative; margin-bottom:20px;}
#head {background:none; box-shadow:none;}
#footer, .col1, #rsbg, .lead {width:96%; height:auto; margin:0 auto; float:none; }
.reserve, #reserve {width:100%; height:auto; margin:0 auto; float:none;}
.footer-co, .footer-col{width:80%; margin:0 auto; float:none;  margin-bottom:10px; clear:both;}
.reserve, .brand, .deatil, .video {width:96%; margin:0 auto; float:none;  margin-bottom:20px; clear:both;}
#content, #contentt{width:90%; margin:0 auto; float:none; border:none;}
.hotel-name, .text, .area {width:90%; margin:0 auto; float:none;}
.check1, .check{ margin:10px 12px; float:left; width:40%;}
.ld {width:90%; float:none; clear:both; margin-bottom:8%;}
}
@media only screen and (min-width:581px) and (max-width:767px)
{
h1, h1 a { font-size:31px; line-height:36px;}
#headbg  {width:100%; position:relative; margin:0 auto; bottom:0; }  
#menu {width:50%; float:right; }

#head {background:none; box-shadow:none;}
#footer, .col1, #rsbg {width:96%; height:auto; margin:0 auto; float:none; }
.reserve, #reserve {width:100%; height:auto; margin:0 auto; float:none;}
.footer-co, .footer-col, .video{width:80%; margin:0 auto; float:none;  margin-bottom:10px; clear:both; }
.reserve{width:96%; margin:0 auto; float:none;  margin-bottom:20px; clear:both;}
.brand { width:80%; float:none; margin:0 auto; }
#content, #contentt{width:90%; margin:0 auto; float:none; border:none; }
.hotel-name, .text, .area {width:90%; margin:0 auto; float:none;}
.check1, .check{ margin:10px 12px; float:left; width:30%;}
.deatil {float:none; width:70%; margin:0 auto; margin-bottom:26px;}
.ld{ width:90%; float:none; clear:both; margin-bottom:4%;}
#cssmenu > ul > li > a {
  padding:18px 10px; 
   text-decoration: none; font-size:14px;
  color: #e5e5e5; font-weight:400;
  text-transform: uppercase; margin:0 8px;
}
}
@media only screen and (min-width:768px) and (max-width:1024px)
{
#menu{ float:right; width:70%; }
#content {width:80%; margin:0 auto;}
#head, .imenu, #top, .last, .amt   {width:96%; margin:0 auto; float:none; clear:both;}
.video, .footer-col {width:60%;  float:left; }
.footer-co {width:36%;  float:left;  }

.brand { width:86%; float:none; margin:0 auto; }
.ld{ width:90%; float:none; clear:both; margin-bottom:4%;}

}

@media only screen and (min-width:1024px) and (max-width:1200px)
{ #menu{ float:right; width:60%; }
.brand { width:86%; float:none; margin:0 auto; }
#content {width:80%; margin:0 auto; padding:3% 0; padding-top:4%}
}