@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 {margin: 0 auto;float: none;margin-top:5px;position: relative;}
.topbg{height:auto;margin:0 auto;}
.fl {text-align: center;padding: 10px 0;width:44%; display:inline; margin:10px;} 
#smo{float:none; margin:0 auto;}	
#menu,#menubg {width:100%; margin:0 auto;}
.title1 {width:95%; margin:0 auto; font-size:16px;}
.heading{ font-size:25px;}
#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{width:90%; margin:0 auto;}	
#submit{float:none; }
.check {width:98%;float:none;}
.check1{float:none;width:45%; padding-bottom:5px; display:inline-block;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}	

#buss{padding:0; height:auto;}
.head1{line-height:0px; font-size:20px; padding:40px 0 0 0;}
.info {float:none; width:73%; height:auto; margin-bottom:0;}
.small {line-height:25px;}
.big{ font-size:30px;}

.add{float:none; width:90%; margin:0 auto;}
.col-one {float:none;width:90%; }
#hotel {float:none;width:90%; padding-left:40px; padding-top:0;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}

.col {width:45%; margin:0 auto;}
.feature1 {padding:20px 0; margin:0 auto;}
.left{float:none; text-align:center; padding:10px; width:90%;}
#right{float:none; margin:0 auto; width:auto;}	
	
}
@media only screen and (min-width:481px) and (max-width:768px){
.main {width:100%; margin:0 auto;}	
.logo {margin: 0 auto;float: none;margin-top:5px;position: relative;}
.topbg{height:auto;margin:0 auto;}
.fl {text-align: center;padding: 10px 0;width:44%; display:inline; margin:10px;} 
#smo{float:none; margin:0 auto;}	
#menu,#menubg {width:100%; margin:0 auto;}
.title1 {width:95%; margin:0 auto; font-size:16px;}
.heading{ font-size:25px;}
#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{width:90%; margin:0 auto;}	
#submit{float:none; }
.check {width:98%;float:none;}
.check1{float:none;width:45%; padding-bottom:5px; display:inline-block;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}	

#buss{padding:0; height:auto;}
.head1{line-height:0px; font-size:20px; padding:40px 0 0 0;}
.info {float:none; width:73%; height:auto; margin-bottom:0;}
.small {line-height:25px;}
.big{ font-size:30px;}

.add{float:none; width:90%; margin:0 auto;}
.col-one {float:none;width:90%; }
#hotel {float:none;width:90%; padding-left:40px; padding-top:0;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}

.col {width:45%; margin:0 auto;}
.feature1 {padding:20px 0; margin:0 auto;}
.left{float:none; text-align:center; padding:10px; width:90%;}
#right{float:none; margin:0 auto; width:auto;}		
	
	
}


@media only screen and (min-width:769px) and (max-width:1023px)	{
.main {width:100%; margin:0 auto;}	
.logo {margin: 0 auto;float: none;margin-top:5px;position: relative;}
.topbg{height:auto;margin:0 auto;}
.fl {text-align: center;padding: 10px 0;width:44%; display:inline; margin:10px;} 
#smo{float:none; margin:0 auto;}	
#menu,#menubg {width:100%; margin:0 auto;}
.title1 {width:95%; margin:0 auto; font-size:16px;}
.heading{ font-size:25px;}
#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{width:90%; margin:0 auto;}	
#submit{float:none; }
.check {width:98%;float:none;}
.check1{float:none;width:45%; padding-bottom:5px; display:inline-block;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}	

#buss{padding:0; height:auto;}
.head1{line-height:0px; font-size:20px; padding:40px 0 0 0;}
.info {float:none; width:73%; height:auto; margin-bottom:0;}
.small {line-height:25px;}
.big{ font-size:30px;}

.add{float:none; width:90%; margin:0 auto;}
.col-one {float:none;width:90%; }
#hotel {float:none;width:90%; padding-left:40px; padding-top:0;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}

.col {width:45%; margin:0 auto;}
.feature1 {padding:20px 0; margin:0 auto;}
.left{float:none; text-align:center; padding:10px; width:90%;}
#right{float:none; margin:0 auto; width:auto;}	
	
	}




@media only screen and (min-width:1024px) and (max-width:1139px)	{

	.main {width:100%; margin:0 auto;}	
.fl{float:none; width:98%; text-align:center;}
.fr{float: right; text-align:center; width:25%;}
#menu {width:90%; margin:0 auto; float:none; padding:0;}
#reservation {width:80%; margin:0 auto; padding-left:15px;}
.res{display:none;}
.box {float: none; margin:10px;width:44%;}


#buss{padding:0; height:auto;}
.head1{line-height:0px; font-size:20px; padding:40px 0 0 0;}
.info {float:none; width:73%; height:auto; margin-bottom:0;}
.small {line-height:25px;}
.big{ font-size:30px;}

.add{float:none; width:90%; margin:0 auto;}
.col-one {float:none;width:90%; }
#hotel {float:none;width:90%; padding-left:40px; padding-top:0;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}



}