@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 {float: none;text-align: center;padding: 10px 0;width:44%; display:inline-block;}

#video{ display:none;}
#smo{float:none; margin:0 auto;}	
#menu,#menubg  {width:100%; margin:0 auto;}
.heading{ font-size:25px;}
.reserve{ padding:20px 0; font-size:25px;}
#reservation {margin:0 auto; width:95%;}
#resbg { margin:0 auto; float:none; padding:10px 0; width:100%;}
#submit{float:none; margin:0 auto; display:inline; }
.check1,.check{float:none; display:inline-block;padding:5px 0 5px 12px;}
#txtcheckoutdate, #txtcheckindate {float:none; width:92%}
#txtChildren, #txtadult, #txtRoomId {float:none;display:inline-block;}

#features {width:100%; height:auto; padding:0;}
.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;}

#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; padding:0 30px;}
.info p{ padding:0;}
.small {line-height:30px; padding:0;}
.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;}	
.title1, .title2 {width:90%; margin:0 auto; font-size:25px; padding:20px; line-height:35px;}		
}
@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 {float: none;text-align: center;padding: 10px 0;width:44%; display:inline-block;}

#video{ display:none;}
#smo{float:none; margin:0 auto;}	
#menu,#menubg  {width:100%; margin:0 auto;}
.heading{ font-size:25px; padding:10px;}
.reserve{ padding:20px 0; font-size:25px;}
#reservation {margin:0 auto; width:95%;}
#resbg { margin:0 auto; float:none; padding:10px 0; width:100%;}
#submit{float:none; margin:0 auto; display:inline; }
.check1,.check{float:none; display:inline-block;padding:5px 0 5px 12px;}
#txtcheckoutdate, #txtcheckindate {float:none; width:92%}
#txtChildren, #txtadult, #txtRoomId {float:none;display:inline-block;}

#features {width:100%; height:auto; padding:0;}
.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;}

#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; padding:0 30px;}
.info p{ padding:0;}
.small {line-height:30px; padding:0;}
.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;}	
.title1, .title2 {width:90%; margin:0 auto; font-size:25px; padding:20px; line-height:35px;}	
}


@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 {float: none;text-align: center;padding: 10px 0;width:44%; display:inline-block;}

#video{ display:none;}
#smo{float:none; margin:0 auto;}	
#menu,#menubg  {width:100%; margin:0 auto;}
.heading{ font-size:25px;}
.reserve{ padding:20px 0; font-size:25px;}
#reservation {margin:0 auto; width:95%;}
#resbg { margin:0 auto; float:none; padding:10px 0; width:100%;}
#submit{float:none; margin:0 auto; padding:15px; }
.check1{float:none; display:inline-block;padding:5px 0 5px 12px;}
.check {float:none;padding:5px 0 5px 12px;}
#txtcheckoutdate {float:none; width:22%}
#txtcheckindate {float:none; width:22%}
#txtChildren, #txtadult, #txtRoomId {float:none;display:inline-block;}

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

#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; padding:0 30px;}
.info p{ padding:0;}
.small {line-height:30px; padding:0;}
.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;}	
.title1, .title2 {width:90%; margin:0 auto; font-size:25px; padding:20px; line-height:35px;}	
}
@media only screen and (min-width:1024px) and (max-width:1139px)	{
.logo {margin: 0 auto;float: none;margin-top:5px;position: relative;}

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

.title1, .title2 {width:90%; margin:0 auto; font-size:25px; padding:20px; line-height:35px;}	

#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{width:30%;}
.col-one {width:44%; }
#hotel {width:20%;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}
}