@viewport{width:device-width}
@-ms-viewport{width:devide-width}
@-o-viewport{width:devide-width}
@media only screen and (max-width:480px){
.main {width:100%; margin:0 auto;}	
#logo{float:none; margin:0 auto; padding:15px 0;}	
.fr	{float: none; text-align: center;padding: 5px 10px;margin: 0 auto; width: 80%;}
.fl, .f2{ float:none; margin:0 auto; width:80%;}
#menu {width:100%; margin:0 auto; float:none; padding:0;}
#topbg{height:auto;}
#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{height:auto; width:92%;}	
#submit{float:none;}
.check {width:98%;float:none;}
.check1{float:none;width:45%; display:inline-block; padding:10px 0;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}
.reserve{font-size:25px;}
.adult{width:25%; padding-bottom:15px;}	
.video{ float:none; width:95%; padding:10px;}
.right{float:none; width:95%; padding:10px;}
.big{ font-size:35px; line-height:50px;}
.ame {float:none; width:100%; margin:0 auto; padding-bottom:5px;}
.ame p{ padding:0 10px;}
.ft {float:none; margin:5px;}
.imp{width:90%; margin:0 auto; float:none; padding:10px 0;}
#video{ display:none;}
.box {float: none; margin: 0 auto;width: 80%;}
#five{ padding-bottom:0;}
.box1{width:80%; margin:0 auto; float:none; height:auto; padding-bottom:35px;}
.text1{margin:0 auto;}
.box1 p{padding:10px 15px 10px 15px;}
#lock1 a, #lock1 a:visited {padding:15px 20px;}
#smo{float:none;}
.col{ width:40%; margin:0 auto;}
.rm{ width:45%;}
.col-one, #hotel {float:none;width:90%; margin-left:20px; padding:0;}

.add {float:none;width:90%; margin:0 auto; padding:0;}
#owner {padding:15px 0 10px 0;width:100%;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}
.left{float:none; margin:0 auto; width:98%;}
.fra{ float:none; margin:0 auto; width:90%; padding:0;}
	
.info {width: 70%;float: none;padding: 20px;}	
}

@media only screen and (min-width:481px) and (max-width:768px){
.main {width:100%; margin:0 auto;}	
#logo{float:none; margin:0 auto; padding:15px 0;}	
.fr	{float: none; text-align: center;padding: 5px 10px;margin: 0 auto; width: 80%;}
.fl, .f2{ float:none; margin:0 auto; width:80%;}
#menu {width:100%; margin:0 auto; float:none; padding:0;}
#topbg{height:auto;}
#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{height:auto; width:92%;}	
#submit{float:none;}
.check {width:98%;float:none;}
.check1{float:none;width:45%; display:inline-block; padding:10px 0;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}
.reserve{font-size:25px;}
.adult{width:25%; padding-bottom:15px;}	
.video{ float:none; width:95%; padding:10px;}
.right{float:none; width:95%; padding:10px;}
.big{ font-size:45px;}
.ame {float:none; width:100%; margin:0 auto; padding-bottom:5px;}
.ame p{ padding:0 10px;}
.ft {float:none; margin:5px;}
.imp{width:90%; margin:0 auto; float:none; padding:10px 0;}
#video{ display:none;}
.box {float: none; margin: 0 auto;width: 80%;}
#five{ padding-bottom:0;}
.box1{width:80%; margin:0 auto; float:none; height:auto; padding-bottom:35px;}
.text1{margin:0 auto;}
.box1 p{padding:10px 15px 10px 15px;}
#lock1 a, #lock1 a:visited {padding:15px 20px;}
#smo{float:none;}
.col{ width:40%; margin:0 auto;}
.rm{ width:45%;}
.col-one, #hotel {float:none;width:90%; margin-left:20px; padding:0;}

.add {float:none;width:90%; margin:0 auto; padding:0;}
#owner {padding:15px 0 10px 0;width:100%;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}
.left{float:none; margin:0 auto; width:98%;}
.fra{ float:none; margin:0 auto; width:90%; padding:0;}
	
.info {width: 70%;float: none;padding: 20px;}
}

@media only screen and (min-width:769px) and (max-width:1023px)	{
.main {width:100%; margin:0 auto;}	
#logo{float:none; margin:0 auto; padding:15px 0;}	
.fr	{float: none; text-align: center;padding: 5px 10px;margin: 0 auto; width: 80%;}
.fl, .f2{ float:none; margin:0 auto; width:80%;}
#menu {width:100%; margin:0 auto; float:none; padding:0;}
#topbg{height:auto;}
#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{height:auto; width:92%;}	
#submit{float:none;}
.check {width:98%;float:none;}
.check1{float:none;width:45%; display:inline-block; padding:10px 0;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}
.reserve{font-size:25px;}
.adult{width:25%; padding-bottom:15px;}	
.video{ float:none; width:95%; padding:10px;}
.right{float:none; width:95%; padding:10px;}
.big{ font-size:45px;}
.ame {float:none; width:100%; margin:0 auto; padding-bottom:5px;}
.ame p{ padding:0 10px;}
.ft {float:none; margin:5px;}
.imp{width:90%; margin:0 auto; float:none; padding:10px 0;}
#video{ display:none;}
.box {float: none; margin: 0 auto;width: 80%;}
#five{ padding-bottom:0;}
.box1{width:80%; margin:0 auto; float:none; height:auto; padding-bottom:35px;}
.text1{margin:0 auto;}
.box1 p{padding:10px 15px 10px 15px;}
#lock1 a, #lock1 a:visited {padding:15px 20px;}
#smo{float:none;}
.col{ width:40%; margin:0 auto;}
.rm{ width:45%;}
.col-one, #hotel {float:none;width:90%; margin-left:20px; padding:0;}

.add {float:none;width:90%; margin:0 auto; padding:0;}
#owner {padding:15px 0 10px 0;width:100%;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}
.left{float:none; margin:0 auto; width:98%;}
.fra{ float:none; margin:0 auto; width:90%; padding:0;}
	
.info {width: 70%;float: none;padding: 20px;}

}


@media only screen and (min-width:1024px) and (max-width:1139px)	{
.main {width:100%; margin:0 auto;}	
#logo{float:left; margin:0 auto;}	
.fl, .f2{ float:none; margin:0 auto; width:80%;}
.fr	{float:right; text-align: center;padding: 5px 10px;}
#menu {margin:0 auto; float:none;}
#topbg{height:auto;}
#reservation {width:50%; margin:0 auto; float:none;}
#resbg{height:auto; width:92%;}	
#submit{float:none;}
.check {width:98%;float:none;}
.check1{float:none;width:45%; display:inline-block; padding:10px 0;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}
.reserve{font-size:25px;}
.adult{width:25%; padding-bottom:15px;}	
.video{ float:left; margin-left:20px;}
.right{float:right; width:55%;}
.big{ font-size:45px;}
.ame {float:none; width:100%; margin:0 auto; padding-bottom:5px;}
.ame p{ padding:0 10px;}
.ft {float:none; margin:5px;}
.imp{width:90%; margin:0 auto; float:none; padding:10px 0;}
#video{ display:none;}
.box {margin: 0 auto;width: 50%;}
#five{ padding-bottom:0;}
.box1{width:80%; margin:0 auto; float:none; height:auto; padding-bottom:35px;}
.text1{margin:0 auto;}
.box1 p{padding:10px 15px 10px 15px;}
#lock1 a, #lock1 a:visited {padding:15px 20px;}
#smo{float:none;}
.col{ width:19%; margin:0 auto;}
.rm{ width:45%;}
.col-one{margin-left:20px; padding:0;}
#hotel {float:right; padding-right:25px; margin:0 auto;}
.add {width:30%; margin:0 auto; padding-left:20px;}
#owner {padding:15px 0 10px 0;width:90%;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}	
.info {width: 70%;float: none;padding: 20px;}	
.left{float:none; margin:0 auto; width:98%;}
}
/*
     FILE ARCHIVED ON 03:28:09 Feb 11, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:12:17 Oct 24, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.049
  exclusion.robots: 0.193
  exclusion.robots.policy: 0.178
  esindex: 0.01
  cdx.remote: 44.293
  LoadShardBlock: 943.947 (3)
  PetaboxLoader3.datanode: 94.575 (4)
  PetaboxLoader3.resolve: 933.431 (2)
  load_resource: 88.421
*/