*{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)
{ 
#headbg {margin:0 auto; width:100%; position:relative; padding:8px 0; background:#fff;}
.imenu, #menu, #atr { float:none; margin:0 auto; width:92%;}
.check1{ margin:8px 8px; float:left; width:24%;}
.logo {float:none; margin:0 auto; width:186px;}
.bk {float:none; margin:0 auto; width:92%; text-align:center; margin-top:10px; margin-bottom:12px;}
.ftx, .vid, .col1{float:none; margin:0 auto; width:90%;}

.ft{width:40%; float:left; }
#fr, #fun, #rail {float:none; margin:0 auto; width:92%; margin-top:12px; height:280px;}
.footer-col, .footer-co, .rom, .boxtx, .box, .atpic, .attx, #reserve, .detail, .welpic {float:none; width:96%; margin:0 auto; margin-top:12px; clear:both; }
.vid  { float:none; width:98%; margin:0 auto; position:relative; padding-bottom:56%; }
.rs { text-align:center; width:80%; margin:0 auto;}
.title4{text-transform:uppercase; margin:0 auto;margin-bottom:10px; font-weight:normal; font-size:21px; line-height:28px;  color:#FFF; padding:10px 6px; font-family: "Comfortaa", sans-serif; }
.addtx, .collapsible { display:none;}
}

@media only screen and (min-width:581px) and (max-width:768px)
{
 #headbg {margin:0 auto; width:100%; position:relative; padding:8px 0; }
.check1{ margin:8px 12px; float:left; width:22%;}
#menu {float:right; margin:10px 6px; width:40%;}
.note {float:none; margin:0 auto; width:80%; padding:8% 9%; text-align:center; }
.contx {float:none; margin:0 auto; width:80%; padding:6% 0%;}
.ftx, .vid, .col1 {float:none; margin:0 auto; width:90%;}
.vid { margin-bottom:15px; }
.ft{width:22%; float:left; margin:6px 6px; }
#fr, #fun, #rail {float:none; margin:0 auto; width:70%; margin-top:12px;}
.footer-col, .footer-co, .imenu, .bk, .rs, .rom, .boxtx, .box, .atpic, .attx, .detail, .welpic {float:none; width:96%; margin:0 auto; margin-top:12px; }
.vid  { float:none; width:98%; margin:0 auto; position:relative; padding-bottom:56%; }

}

@media only screen and (min-width:769px) and (max-width:1024px)
{
	#head{width:92%; margin:0 auto; float:none;}
 #headbg {margin:0 auto; width:100%; position:relative; padding:8px 0; }
.check1{ margin:8px 12px; float:left; width:22%;}
#menu {float:right; margin:10px 6px; width:70%;}
.note {float:none; margin:0 auto; width:80%; padding:8% 9%; text-align:center; }
.contx {float:none; margin:0 auto; width:80%; padding:6% 0%;}
.ftx, .vid, .col1 {float:none; margin:0 auto; width:90%;}
.vid { margin-bottom:15px; }
.ft{width:22%; float:left; margin:6px 6px; }
#fr, #fun, #rail {float:none; margin:0 auto; width:70%; margin-top:12px;}
.footer-col, .footer-co, .imenu, .bk, .rs, .rom, .boxtx, .box, .atpic, .attx, .detail, .welpic {float:none; width:96%; margin:0 auto; margin-top:12px; }
}