@viewport{width:device-width}
@-ms-viewport{width:devide-width}
@-o-viewport{width:devide-width}
@media only screen and (max-width:480px){
#top {margin: 0 auto; width: 100%; position: relative; top: 0px; z-index: 1001;}
#menu{float:none; margin:0 auto;}
#logo{ float:none; margin:0 auto;}
.fr {float: none; text-align: center; margin: 10px 25px; padding:5px;}
.main {width:100%; margin:0 auto;}	
.topbg{height:auto;margin:0 auto;}
#slide{ padding:0;}
#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{height:auto; padding:0;}	
#submit{float:none;}
.check {width:98%;float:none;}
.check1{float:none;width:45%; display:inline-block;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}
.adult{width:25%; padding-bottom:15px;}	
.f2 {width:90%;margin: 0 auto; font-size:20px;}	
.col {width:179px;}
.video{width:90%; margin:0 auto; float:none;}
.book{ margin:0 auto;}
.right{float:none; margin:0 auto; width:95%; padding:5px;}	
.acc{ font-size:25px; padding:0; width:100%;}	
.vid{ display:none;}
.left{ float:none;}	
.add{float:none; width:90%; margin:0 auto;}
.col-one {float:none; padding-left:25px; }
.hotel {float: none; margin-left:40px; width:85%;}
#owner{width:90%; margin:0 auto;} 
#buss{padding:0; height:auto;}
.head1{line-height:30px; font-size:20px;}
.info {float:none; width:73%; height:auto; margin-bottom:0;}
.small {line-height:25px;}
.big{ font-size:30px;}
}
@media only screen and (min-width:481px) and (max-width:768px){
#top {margin: 0 auto; width: 100%; position: relative; top: 0px; z-index: 1001;}
#menu{float:none; margin:0 auto;}
#logo{ float:none; margin:0 auto;}
.fr {float: none; text-align: center; margin: 10px 25px; padding:5px;}
.main {width:100%; margin:0 auto;}	
.topbg{height:auto;margin:0 auto;}
#slide{ padding:0;}
#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{height:auto; padding:0;}	
#submit{float:none;}
.check {width:98%;float:none;}
.check1{float:none;width:45%; display:inline-block;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}
.adult{width:25%; padding-bottom:15px;}	
.f2 {width:90%;margin: 0 auto;}	
.col {width:48%;}
.video{width:90%; margin:0 auto; float:none;}
.book{ margin:0 auto;}
.right{float:none; margin:0 auto; width:95%; padding:5px;}	
.acc{ font-size:25px; padding:0; width:100%;}	
.vid{ display:none;}
.left{ float:none;}	
.add{float:right; width:50%; margin:0 auto;}
.col-one {float:none; padding-left:25px; }
.hotel {float: none; margin-left:40px; margin-top:0;}
#owner{width:90%; margin:0 auto;} 
#buss{padding:0; height:auto;}
.head1{line-height:30px; font-size:20px;}
.info {float:none; width:73%; height:auto; margin-bottom:0;}
.small {line-height:25px;}
.big{ font-size:30px;}
}

@media only screen and (min-width:769px) and (max-width:1023px)	{
#top {margin: 0 auto; width: 100%; position: relative; top: 0px; z-index: 1001;}
#menu{float:none; margin:0 auto;}
#logo{ float:none; margin:0 auto;}
.fr {float: none; text-align: center; margin: 10px 55px;}
.main {width:100%; margin:0 auto;}	
.topbg{height:auto;margin:0 auto;}
#slide{ padding:0;}
#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{height:auto; padding:0;}	
.check {width:98%;float:none;}
.check1{float:none;width:45%; display:inline-block;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}
.adult{width:25%; padding-bottom:15px;}	
#ame,.f2 {width:95%;margin: 0 auto;}	
.col {width:24%;}
.video{width:90%; margin:0 auto; float:none;}
.book{ margin:0 auto;}
.right{float:none; margin:0 auto; width:95%; padding:5px;}	
.acc{ font-size:25px; padding:0; width:100%;}	
.vid{ display:none;}
.left{ float:none; width:70%; margin:0 auto;}	
.add{width:50%; margin:0 auto; padding-left:35px;}
.col-one {float:none; padding-left:25px; }
#owner{width:90%; margin:0 auto;} 
#buss{padding:0; height:auto;}
.head1{line-height:30px; font-size:20px;}
.info {float:none; width:73%; height:auto; margin-bottom:0;}
.small {line-height:25px;}
.big{ font-size:30px;}
}

@media only screen and (min-width:1024px) and (max-width:1139px)	{
	.main {width:100%; margin:0 auto;}
#menu{float: right;
        margin: 18px 0;
        width: 69%;}
.fr {padding:8px 15px;}
#logo{ padding:5px;}
.col-one { padding:15px; }
.add{ width:30%;}
.vid{ float:right; width:50%;}
.left{ float:left; width:40%; margin:0 auto;}	
.hotel {padding-left:30px;}
#owner{width:95%; margin:0 auto;}
.video{width:90%; margin:0 auto; float:none;}
.book{ margin:0 auto;}
.right{float:none; margin:0 auto; width:95%; padding:5px;}
#buss{padding:0; height:auto;}
.head1{line-height:35px; font-size:20px;}
.info {float:none; width:73%; height:auto; margin-bottom:0;}
.small {line-height:25px;}
.big{ font-size:30px;}
.f2, .acc{ width:80%;}
}