*{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 */

@media only screen and (max-width:580px)
{ .logo { float:none; width:115px; margin:0 auto;}
.seo {width:90%; margin:0 auto; float:none; clear:both;} 
.name, .reserve{width:90%; margin:0 auto; float:none; clear:both; text-align:center;} 
 .social-icon, .enquiry { float:left; margin:8px 4px;}
.call, .email, #menu {width:90%; margin:0 auto; float:none; text-align:center; line-height:32px; margin-top:20px;}
.seo, .video, .box, .prbox, .foot1, .foot2, .col {width:96%; margin:0 auto; float:none; margin-top:20px;}
.ban-button a {padding:6px 12px; text-decoration:none;}
.footer-middle, .list, .detail, #mttx, #mtpic {width:90%; margin:0 auto; float:none;}
.ftt{width:40%; float:left; margin:15px 8px 0 8px;}
input[type=text].c5{width:60%;padding:1%; margin:0 2% 0 0;border:1px solid #999;display:inline;}
input[type=submit].c6{width:37%;font-size:1em;line-height:32px; padding: 4px; background-color:#a60a38; color:#fff; display:inline}
#atrtx {
    width: 100%;
    float: right;
    background: rgba(12,91,136,.88);
    padding: 8% 4%;
}
.vid  { float:none; width:98%; margin:0 auto; position:relative; padding-bottom:56%; margin-top:3%; clear:both; }
.check1 {margin:12px 12px; float:left; width:38%; }
}

@media only screen and (min-width:581px) and (max-width:768px)
{
	.vid  { float:none; width:98%; margin:0 auto; position:relative; padding-bottom:56%; }
.top, .menu, .foot {width:96%; margin:0 auto; float:none;}

.seo, .video {width:96%; margin:0 auto; float:none; margin-top:20px;}
.ban-button a {padding:6px 12px; text-decoration:none;}
.footer-middle, .list, .detail {width:90%; margin:0 auto; float:none;}
.box, .prbox {width:60%; margin:0 auto; float:none; margin-top:20px;}
.foot1 {width:40%; margin:0 auto; float:left; margin:20px 30px 0 15px;}
.foot2 {width:30%; margin:0 auto; float:left; margin:20px 0 0 15px;}
input[type=text].c5{width:60%;padding:1%; margin:0 2% 0 0;border:1px solid #999;display:inline;}
input[type=submit].c6{width:37%;font-size:1em;line-height:32px; padding: 4px; background-color:#a60a38; color:#fff; display:inline}
#atrtx {
    width: 100%;
    float: right;
    background: rgba(12,91,136,.88);
    padding: 8% 4%;
}
}

@media only screen and (min-width:769px) and (max-width:1100px)
{
#head {width:90%; margin:0 auto;}
.deatil {float:none; width:90%; margin:0 auto; padding:2% 0; clear:both;}
.parktx, .prpic, .box1 {float:none; width:90%; margin:0 auto; margin-bottom:30px; }
.box { width:46%; float:left; background:#fff; margin:10px 10px;}
.footer-col {float:left; width:90%; margin-bottom:30px; clear:both; }
.footer-co {float:left; width:30%; margin-bottom:30px; }
#footer {float:none; width:90%; margin:0 auto;}
.vid  { float:none; width:98%; margin:0 auto; position:relative; padding-bottom:56%; }

}
@media only screen and (min-width:1100px) and (max-width:1320px)
{
	#menu{ float:none; width:96%; margin:0 auto; background:#e21714; border-radius:0 0;}

}