*{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; }
.imenu, #menu, #atr, #reserve, #top, .am, .ftx, .picright, .room, .att, .container, .con{ float:none; margin:0 auto; width:92%;}
.check1{ margin:8px 12px; float:left; width:40%;}
.logo {float:none; margin:0 auto; width:94px;}
.bk {float:none; margin:0 auto; width:92%; text-align:center; margin-top:10px; margin-bottom:12px;}
 .col1{float:none; margin:0 auto; width:90%;}
.ft{width:32%; float:left; margin:12px 12px;}
#fr, #fun, #rail {float:none; margin:0 auto; width:92%; margin-top:12px; height:280px;}
.footer-col, .footer-co {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:581px) and (max-width:768px)
{
#headbg {margin:0 auto; width:100%; position:relative; padding:8px 0; background:#004233;}
#head {width:96%; margin:0 auto; }
#reserve, .att {width:70%; margin:0 auto; float:none; }
.imenu, #atr, #top, .am, .ftx, .picright, .room { float:none; margin:0 auto; width:94%;}
.check1{ margin:8px 8px; float:left; width:36%;}
.logo {float:none; margin:0 auto; width:94px;}
.bk, #menu {float:left; margin:10px 10px; width:46%;}
 .col1{float:none; margin:0 auto; width:90%;}
.ft{width:30%; float:left; }
#fr, #fun, #rail {float:none; margin:0 auto; width:70%; margin-top:12px; height:280px;}
.footer-col, .footer-co {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:1150px)
{
 #headbg {margin:0 auto; width:100%; position:relative; padding:8px 0;}
.imenu, #head { float:none; margin:0 auto; width:96%;}
.check1{ margin:8px 12px; float:left; width:12%;}
.col1 { width:42%;  float:left;}
#feature {width:92%; margin:0 auto; padding:6% 0; float:none;}
.ft{width:44%; float:left; }
.thpic {float:none; margin:0 auto; width:98%;}
.picright, .room { float:none; margin:0 auto; width:94%;}
.footer-co{float:left; width:30%; }
 .footer-col {float:left; width:64%; margin:10px 10px;}
.bk{ float:right; margin:20px 0; padding:8px 8px;  color:#f7ac14; font-size:15px; border:solid 1px #f7ac14; font-weight:bold; text-align:center;}
#menu, #top {float:left; width:96%;}
}
@media only screen and (min-width:769px) and (max-width:940px)
{
	#menu {float:none; width:90%; margin:0 auto;}
	#cssmenu > ul > li > a {
 padding:8px 13px; font-size:17px; font-family: 'Poppins', sans-serif; 
  text-decoration: none;
  color: #fff; font-weight:normal;
    -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
}
@media only screen and (min-width:941px) and (max-width:1150px)
{
	#menu {float:right; margin:10px 6px; width:64%;}
}