*{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)
{ 
#headbg {margin:0 auto; width:100%; position:relative; padding:8px 0; }
.logo {margin:0 auto; width:192px;  float:none; }
.text1 { float:none; margin:0 auto; text-align:center;}
.call, .email { margin:0 auto; width:90%; margin-bottom:5px; float:none; text-align:center; clear:both;}
#smo {margin:0 auto; width:180px; margin-bottom:5px; float:none;} 
#menu{ float:none; width:90%; margin:0 auto; clear:both; margin-top:8px;}
.bx1, .bx2, .salon, .contx, .box, .map {float:none; margin:0 auto; width:96%; margin-top:20px;}
#contentt, #content, .footer-col, .footer-co, .footer-sm, .lobytx, #form, .maketx, .mtx  {width:90%; margin:0 auto; float:none;}
.text, .area, .submitbg1{ width:80%; float:none; margin:0 auto;}
.smo{ width:154px; float:none; margin:0 auto;}
.container {
    width:96% !important; margin:0 auto;}
}

@media only screen and (min-width:581px) and (max-width:767px)
{
#headbg {margin:0 auto; width:100%; position:relative; padding:8px 0; }
#menu { float:right; width:40%; margin:15px 0 0 0;}

#top{float:right; width:60%;}
.room2, .picright, .picleft, .maketx {float:none; margin:0 auto; width:90%; margin-top:12px; clear:both;}
.bk, .at {float:none; margin:0 auto; width:96%; margin-top:12px;}
#fr, #fun, #rail { width:70%; height:370px; float:none; margin:0 auto; margin-top:22px;}
.container {
    width:96% !important; margin:0 auto;}
}
	

@media only screen and (min-width:768px) and (max-width:1024px)
{
#top{width:45%; float:right;}
.atxx { width:42%; float:right;}
.reserve { margin:0 auto; width:90%; margin-bottom:5px; float:none; text-align:center;}
.imenu { width:92%; margin:0 auto; }
.check1{ margin:6px 10px; float:left; width:14%; }
.footer-co  {float:left; width:62%;}
.footer-col {float:left; width:100%;}
.col, .colt{ width:42%; margin:20px;}
.room2 {float:none; margin:0 auto; width:90%; margin-top:12px; clear:both;}
#menu{float:none; width:90%; margin:0 auto; clear:both;}
.container {
    width:96% !important; margin:0 auto;}
}

@media only screen and (min-width:1025px) and (max-width:1280px)
{
#top{width:35%; float:right;}
#menu{float:none; width:90%; margin:0 auto; clear:both;}
.room2 {float:none; margin:0 auto; width:90%; margin-top:12px; clear:both;}
.container {
    width:96% !important; margin:0 auto;}
}