@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;}	
.topbg{height:auto;margin:0 auto;}
#top {margin: 0 auto; width: 100%; position: relative; top: 0px; z-index: 1001;}
.imp {margin:0 auto; width:85%;}
#content p { width:85%; margin:0 auto;}
.fl{float:none; width:100%; text-align:center;padding:5px 0;}
.f2 { text-align:center; font-size:20px; padding:10px;float:none; width:95%;}
.fr {float:none; width:60%; margin:0 auto;}
#menu{float:none; margin:0 auto;}
#logo{ float:none; margin:0 auto;}
#reservation {width:95%; margin:0 auto; float:none; padding:10px 0 0 15px;}
#resbg{height:auto;}	
#submit{float:none;}
.check {width:98%;float:none;}
.check1{float:none;width:45%; display:inline-block; padding-bottom:10px;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}
.adult{width:32%; padding-bottom:15px;}	
#slide{ padding-top:0;}
.title2{ margin:0 auto; width:85%;}
.owner{padding:10px;}
#right{float:none; margin:0 auto;}
#choice{display:none;}
.add{float:none; width:90%; margin:0 auto;}
.col-one {float:none;width:90%; padding:0; margin-left:25px;}
#hotel {float:none;padding-left:40px; padding-top:0;}
.owner{width:90%; margin:0 auto;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}
.col {display: inline; width:43%;}
.feature1 {padding:20px; text-align:center; background: #fff;}
.icon {padding:20px;}
#buss{padding:0;}
.head1{ padding:0; line-height:30px; font-size:20px;}
.info {float:none; width:100%;}
.info p{ padding:0 20px;}

}

@media only screen and (min-width:481px) and (max-width:768px)	{
.main {width:100%; margin:0 auto;}	
.topbg{height:auto;margin:0 auto;}
#top {margin: 0 auto; width: 100%; position: relative; top: 0px; z-index: 1001;}
.imp {margin:0 auto; width:85%;}
#content p { width:85%; margin:0 auto;}
.fl{float:none; width:100%; text-align:center;padding:5px 0;}
.f2 { text-align:center; font-size:20px; padding:10px;float:none; width:95%;}
.fr {float:none; width:60%; margin:0 auto;}
#menu{float:none; margin:0 auto;}
#logo{ float:none; margin:0 auto;}
#reservation {width:95%; margin:0 auto; float:none; padding:10px 0 0 15px;}
#resbg{height:auto;}	
#submit{float:none;}
.check {width:98%;float:none;}
.check1{float:none;width:45%; display:inline-block; padding-bottom:10px;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}
.adult{width:25%; padding-bottom:15px;}	
#slide{ padding-top:0;}
.title2{ margin:0 auto; width:85%;}
.owner{padding:10px;}
#right{float:none; margin:0 auto;}
#choice{display:none;}
.add{float:none; width:90%; margin:0 auto;}
.col-one {float:none;width:90%; padding:0; margin-left:25px;}
#hotel {float:none;padding-left:40px; padding-top:0;}
.owner{width:90%; margin:0 auto;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}
.col { width:43%;}
.feature1 {padding:20px; text-align:center; background: #fff;}
.icon {padding:20px;}
#buss{padding:0;}
.head1{ padding:0; line-height:30px; font-size:20px;}
.info {float:none; width:100%;}
.info p{ padding:0 20px;}
}
@media only screen and (min-width:769px) and (max-width:1023px)	{
.main {width:100%; margin:0 auto;}	
.topbg{height:auto;margin:0 auto;}
#top {margin: 0 auto; width: 100%; position: relative; top: 0px; z-index: 1001;}
.imp {margin:0 auto; width:85%;}
#content p { width:85%; margin:0 auto;}
.fl{float:none; width:100%; text-align:center;padding:5px 0;}
.f2 { text-align:center; font-size:20px; padding:10px;float:none; width:95%;}
.fr {float:none; width:60%; margin:0 auto;}
#menu{float:none; margin:0 auto;}
#logo{ float:none; margin:0 auto;}
#reservation {width:95%; margin:0 auto; float:none; padding:10px 0 0 15px;}
#resbg{height:auto;}	
#submit{float:none;}
.check {width:98%;float:none;}
.check1{float:none;width:45%; display:inline-block; padding-bottom:10px;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}
.adult{width:25%; padding-bottom:15px;}	
#slide{ padding-top:0;}
.title2{ margin:0 auto; width:85%;}
.owner{padding:10px;}
#right{float:none; margin:0 auto;}
#choice{ width:40%;}
.add{float:left; padding-left:50px; }
.col-one {float:left;width:50%; }
/*#hotel {float:none;padding-left:40px; padding-top:0;}*/
.owner{width:90%; margin:0 auto;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}
.col {width:30%;}
.feature1 {padding:20px; text-align:center; background: #fff;}
.icon {padding:20px;}
#buss{padding:0;}
.head1{ padding:0; line-height:30px; font-size:20px;}
.info {float:none; width:100%;}
.info p{ padding:0 20px;}
	}
	
	
@media only screen and (min-width:1024px) and (max-width:1139px)	{
.main {width:100%; margin:0 auto;}	
.topbg{height:auto;margin:0 auto;}
#top {margin: 0 auto; width: 100%; position: relative; top: 0px; z-index: 1001;}
.imp {margin:0 auto; width:85%;}
#content p { width:85%; margin:0 auto;}
.fl{float:none; width:100%; text-align:center;padding:5px 0;}
.f2 { text-align:center; font-size:20px; padding:10px;float:none; width:95%;}
.fr {float:none; width:60%; margin:0 auto;}
#menu{float:none; margin:0 auto;}
#logo{ float:none; margin:0 auto;}
#reservation {width:95%; margin:0 auto; float:none; padding:10px 0 0 15px;}
#resbg{height:auto;}	
#submit{float:none;}
.check {width:98%;float:none;}
.check1{float:none;width:45%; display:inline-block; padding-bottom:10px;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}
.adult{width:25%; padding-bottom:15px;}	
#slide{ padding-top:0;}
.title2{ margin:0 auto; width:85%;}
.owner{padding:10px;}
#right{float:none; margin:0 auto;}
#choice{ width:40%;}
.add{float:left; padding-left:50px; }
.col-one {float:left;width:50%; }
/*#hotel {float:none;padding-left:40px; padding-top:0;}*/
.owner{width:90%; margin:0 auto;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}
.col {width:30%;}
.feature1 {padding:20px; text-align:center; background: #fff;}
.icon {padding:20px;}
#buss{padding:0;}
.head1{ padding:0; line-height:30px; font-size:20px;}
.info {float:none; width:100%;}
.info p{ padding:0 20px;}
}
