*{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)
{ 
.logo{ margin:0 auto; float:none; margin-top:15px; position:relative; clear: both;}
#head { margin:0 auto; width:96%; }
#headbg {margin:0 auto; width:100%; float:none; position:relative;}
.bk {float: left;
        width: 38%;
        text-align: center;
        margin: 5px 2px;
        padding: 10px 10px;
        font-size: 13px;}
.imenu, .ftm, .fpic { width:96%; float:none; margin:0 auto;}
.check1{ margin:10px 8px; float:left; width:40%;}
.reserve {font-size:19px; clear:both; float:none; margin:0 auto; text-align:center;}
.ft { float:left; margin:10px 12px; width:40%;}
.atx, .pol, .col1, .col, .room , .container,  .half-field-row,  .full-field-row, .hotel { width:96%; float:none; margin:0 auto; margin-top:15px;}
.atpic, .polpic, .roompic, .box, .hotelbg { width:96%; float:none; margin:0 auto; margin-top:15px; background-size:cover;}
.footer-col, .footer-co, .footer-sm { float:none; width:98%; margin:0 auto;}
.vid  { float:none; width:98%; margin:0 auto; position:relative; padding-bottom:4%; }
.attrac_text { color: #fff; text-align:center; padding-bottom:14px; font-size: 20px!important;
}
	
@media only screen and (min-width:581px) and (max-width:767px)
{
.bk{ float:right;  width:56%; margin-top:12px;}
.imenu { width:96%; float:none; margin:0 auto;}
.check1{ margin:10px 5px; float:left; width:17%;}
.reserve, .ftm {font-size:22px; clear:both; margin:0 auto; float:none; width:96%; padding:10px 10px;}
.ft { float:left; margin:15px 10px; width:15%;}
.atx, .pol { width:96%; float:none; margin:0 auto; margin-top:15px;}
.atpic, .polpic, .roompic { width:96%; float:none; margin:0 auto; margin-top:15px; background-size:cover;}
.footer-col, .footer-co, .footer-sm { float:none; width:98%; margin:0 auto;}
.half-field-row,  .full-field-row { float:left; margin:8px; width:40%;}
.vid  { float:none; width:98%; margin:0 auto; position:relative; padding-bottom:56%; }
}
@media only screen and (min-width:768px) and (max-width:1100px)
{ 
.check1{ margin:11px 10px; float:left; width:12%; font-weight:normal;}
.reserve, .ftm {font-size:22px; clear:both; margin:0 auto; float:none; width:96%; padding:10px 10px;}
.ft { float:left; margin:15px 10px; width:15%;}
.footer-col { float:none; width:98%; margin:0 auto;}
 .footer-co, .footer-sm { float:left; width:48%;} 
 .half-field-row,  .full-field-row { float:left; margin:8px; width:22%;}
}