*{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 (min-width:201px) and (max-width:580px)
{ 
h1 { font-size:26px; color:#08254e;text-decoration:none; text-align:center; font-family:'BoxerScriptJF'; font-weight:100; padding:2px 0 25px 0; line-height:44px;}
#head{width:90%; margin:0 auto; float:none;}
#menu { width:80%; float:none; margin:0 auto;}
.logo{ margin:0 auto; width:291px; float:none;}
#call {float:none; margin-top:15px; text-align:center;} 
.reserve, .footer-col, .footer-co, #feature, .video, .box2, .imenu{ margin:0 auto; width:96%; float:none; height:auto; padding:0; margin-bottom:20px; clear:both;}
.ft{width:40%; float:left; margin:4%;}
#content, #footer, .col1{width:90%;  margin:0 auto; float:none;}
.check{width:90%;  margin:0 auto; float:none; padding:25px 0 8px 0; text-align:center;}
.check1{width:90%;  margin:0 auto; float:none; padding:8px 0;}
#slide{display:block;width:100%; padding:0; height:auto; padding-top:210px;}
.list li {width: 96.9%; float: left; }
.head-3 { background-color:#898989; color:#fff; text-align:left; text-transform:none; line-height:1.7; }
}
@media only screen and (min-width:581px) and (max-width:767px)
{
h1 { font-size:26px; color:#08254e;text-decoration:none; text-align:center; font-family:'BoxerScriptJF'; font-weight:100; padding:2px 0 25px 0;}
#head{width:90%; margin:0 auto; float:none;}
#menu { width:80%; float:none; margin:0 auto;}
.logo{ margin:0 auto; width:291px; float:none;}
#call {float:none; margin-top:15px; text-align:center;} 
.reserve, .footer-col, .footer-co, #feature, .video, .box2, .imenu{ margin:0 auto; width:96%; float:none; height:auto; padding:0; margin-bottom:20px; clear:both;}
.ft{width:40%; float:left; margin:4%;}
#content, #footer, .col1{width:90%;  margin:0 auto; float:none;}
.check{width:90%;  margin:0 auto; float:none; padding:25px 0 8px 0; text-align:center;}
.check1{width:30%;  margin:0 auto; float:left; padding:8px 0; margin:0 2px;}
#slide{display:block;width:100%; padding:0; height:auto; padding-top:140px;}

}
@media only screen and (min-width:768px) and (max-width:1100px)
{
	h1 { font-size:32px; color:#08254e;text-decoration:none; text-align:center; font-family:'BoxerScriptJF'; font-weight:100; padding:2px 0 25px 0;}
#call {float:right; margin-top:15px; width:50%;} 
#menu {width:60%; float:right;}
#head, .imenu {width:98%; margin:0 auto; float:none;}
#content, #footer{width:90%;  margin:0 auto; float:none;}
.reserve, #feature, .video, .box2{ margin:0 auto; width:96%; float:none; height:auto; padding:0; margin-bottom:20px; clear:both;}
.policy{ float:left; margin:40px 10px;}
.footer-co, .footer-col{width:46%; float:left; margin:0 10px;}
}