@media only screen and (max-width:480px){
.main {width:100%; margin:0 auto;}	
.fl{float:none; width:95%; text-align:center; padding:0;}
.fr{float:none; width:95%; text-align:center; padding-top:5px;}	
#top{height:auto;}
#logo{float:none; margin:0 auto; padding-top:10px;}
#topbg{height:auto;}
#menu {width:100%; margin:0 auto; padding:0;}
#photo{display:none;}

.explore{width:80%; float:none;margin:0 auto;}
.explore p{padding:0;}

#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{height:auto; 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;}	
.col {display: inline; width:43%;}
.feature1 {padding:20px; text-align:center; background: #fff;}
.icon {padding:20px;}
.video {width:90%; float:none; margin:0 auto;}
.right{float:none; margin:0 auto; width:90%;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}


.add{float:none; margin:0 auto; width:90%;}
#owner{margin:0 auto; width:90%;}
.col-one {float:none;width:90%; margin:0 auto;}
#hotel{float:none;width:90%; margin:0 auto; display:none;}

}
@media only screen and (min-width:481px) and (max-width:768px){
.main {width:100%; margin:0 auto;}	
.fl{float:none; width:95%; text-align:center; padding:0;}
.fr{float:none; width:95%; text-align:center; padding-top:5px;}	
#top{height:auto;}
#logo{float:none; margin:0 auto; padding-top:10px;}
#topbg{height:auto;}
#menu {width:100%; margin:0 auto; padding:0;}
#photo{display:none;}

.explore{width:80%; float:none;margin:0 auto;}
.explore p{padding:0;}

#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{height:auto; 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;}	
.col {display: inline; width:43%;}
.feature1 {padding:20px; text-align:center; background: #fff;}
.icon {padding:20px;}
.video {width:90%; float:none; margin:0 auto;}
.right{float:none; margin:0 auto; width:90%;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}



.add{float:none; margin:0 auto; width:90%;}
#owner{margin:0 auto; width:90%;}
.col-one {float:none;width:90%; margin:0 auto;}
#hotel{float:none;width:90%; margin:0 auto; display:none;}
}
@media only screen and (min-width:769px) and (max-width:1023px)	{
.main {width:100%; margin:0 auto;}	
.fl{float:none; width:95%; text-align:center; padding:0;}
.fr{float:none; width:95%; text-align:center; padding-top:5px;}	
#top{height:auto;}
#logo{float:none; margin:0 auto; padding-top:10px;}
#topbg{height:auto;}
#menu {width:100%; margin:0 auto; padding:0;}
#photo{display:none;}

.explore{width:80%; float:none;margin:0 auto;}
.explore p{padding:0;}

#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{height:auto; 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;}	
.col {width:43%;}
.feature1 {padding:20px; text-align:center; background: #fff;}
.icon {padding:20px;}
.video {width:90%; float:none; margin:0 auto;}
.right{float:none; margin:0 auto; width:90%;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}


.add{float:none; margin:0 auto; width:90%;}
#owner{margin:0 auto; width:90%;}
.col-one {float:none;width:90%; margin:0 auto;}
#hotel{float:none;width:90%; margin:0 auto; display:none;}
}
@media only screen and (min-width:1024px) and (max-width:1139px)	{
.main {width:100%; margin:0 auto;}	
.fl{float:none; width:95%; text-align:center; padding:0;}
.fr{float:none; width:95%; text-align:center; padding-top:5px;}	
#top{height:auto;}
#logo{float:none; margin:0 auto; padding-top:10px;}
#topbg{height:auto;}
#menu {width:100%; margin:0 auto; padding:0;}
#photo{display:none;}

.explore{width:80%; float:none;margin:0 auto;}
.explore p{padding:0;}

#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{height:auto; 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;}	
.video {width:90%; float:none; margin:0 auto;}
.right{float:none; margin:0 auto; width:90%;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}


.add{float:none; margin:0 auto; width:90%;}
#owner{margin:0 auto; width:90%;}
.col-one {float:none;width:90%; margin:0 auto;}
#hotel{float:none;width:90%; margin:0 auto; display:none;}	
	
	
}