@viewport{width:device-width}
@-ms-viewport{width:devide-width}
@-o-viewport{width:devide-width}
@media only screen and (max-width:480px){
#topbg, #top {margin:0 auto; width:98%; position: relative;top:0px;z-index:1001; border-bottom:0;}
.main, .acc {width:100%; margin:0 auto;}	
#logo {float:none;margin:0 auto; padding:8px 0;}
.fr{ float:none; margin:0 auto; width:70%; text-align:center; margin-bottom:8px;}
#menu{ float:none;margin:0 auto; width:75%;}
 #right {float:none;margin:0 auto; width:100%}
.reserve {
    margin: 0 auto;
    width: 90%;
    margin-bottom: 5px;
    float: none;
    text-align: center;
    padding: 8px 0;
}
.ada{ margin-top:0;}
.check1{ margin:6px 10px; float:left; width:42%; }
.ame {float:none; width:100%; margin:0 auto;}
.ame p{ padding:0 10px;}
.ft {float:none; margin:5px;}
.acc{ font-size:25px; padding:0; width:100%;}	
.vid{ display:none;}
.left{ float:none;}

.bed{padding:0; width:100%; margin:0 auto;}
.room {float:none; margin:0 auto; padding:0; display:inline;}
.feature3 img{float:none; margin-left:25px; width:90%; }
.feature4 p{text-align: center; margin:0 auto; width:70%;}

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

}

@media only screen and (min-width:481px) and (max-width:768px){
#topbg, #top {margin:0 auto; width:98%; position: relative;top:0px;z-index:1001; border-bottom:0;}
.main, .acc {width:100%; margin:0 auto;}	
#logo {float:none;margin:0 auto; padding:8px 0;}
.fr{ float:none; margin:0 auto; width:70%; text-align:center; margin-bottom:8px;}
#menu{ float:none;margin:0 auto; width:75%;}
 #right {float:none;margin:0 auto; width:100%}
.reserve {
    margin: 0 auto;
    width: 90%;
    margin-bottom: 5px;
    float: none;
    text-align: center;
    padding: 8px 0;
}
.ada{ margin-top:0;}
.acc{ font-size:25px; padding:0; width:100%;}	
.ame {float:none; width:100%; margin:0 auto;}
.ame p{ padding:0 10px;}
.ft {float:none; margin:5px;}

.bed{padding:0; width:100%; margin:0 auto;}
.room {float:none; margin:0 auto; padding:0; display:inline;}
.feature3 img{float:none; margin-left:25px; width:90%; }
.feature4 p{text-align: center; margin:0 auto; width:70%;}

.vid{ display:none;}
.left{ float:none;}

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

	}

@media only screen and (min-width:769px) and (max-width:1023px)	{
	
	#topbg, #top {margin:0 auto; width:98%; position: relative;top:0px;z-index:1001; border-bottom:0;}
.main, .acc {width:100%; margin:0 auto;}	
#logo {float:none;margin:0 auto; padding:8px 0;}
.fr{ float:none; margin:0 auto; width:70%; text-align:center; margin-bottom:8px;}
#menu{ float:none;margin:0 auto; width:75%;}
 #right {float:none;margin:0 auto; width:100%}
.reserve {
    margin: 0 auto;
    width: 90%;
    margin-bottom: 5px;
    float: none;
    text-align: center;
    padding: 8px 0;
}
.ada{ margin-top:0;}
.check1{ margin:6px 10px; float:left; width:42%; }
.acc{ font-size:25px; padding:0; width:100%;}	
.ame {float:none; width:100%; margin:0 auto;}
.ame p{ padding:0 10px;}
.ft {float:none; margin:5px;}

.bed{padding:0; width:100%; margin:0 auto;}
.room {float:none; margin:0 auto; padding:0; display:inline;}
.feature3 img{float:none; margin-left:25px; width:90%; }
.feature4 p{text-align: center; margin:0 auto; width:70%;}

.vid{ display:none;}
.left{ float:none; width:70%; margin:0 auto;}	

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

	
	}
@media only screen and (min-width:1024px) and (max-width:1139px)	{
	#topbg, #top {margin:0 auto; width:98%; position: relative;top:0px;z-index:1001; border-bottom:0;}
.main, .acc {width:100%; margin:0 auto;}	
#logo {float:none;margin:0 auto; padding:8px 0;}
.fr{ float:none; margin:0 auto; width:70%; text-align:center; margin-bottom:8px;}
#menu{ float:none;margin:0 auto; width:75%;}
 #right {float:none;margin:0 auto; width:100%}
.reserve {
    margin: 0 auto;
    width: 90%;
    margin-bottom: 5px;
    float: none;
    text-align: center;
    padding: 8px 0;
}
.ada{ margin-top:0;}
.check1{ margin:6px 10px; float:left; width:42%; }
.ame {float:none; width:100%; margin:0 auto;}
.ame p{ padding:0 10px;}
.ft {float:none; margin:5px;}

.bed{padding:0; width:100%; margin:0 auto;}
.room {float:none; margin:0 auto; padding:0; display:inline;}
.feature3 img{float:none; margin-left:25px; width:90%; }
.feature4 p{text-align: center; margin:0 auto; width:70%;}

.vid{ float:right; width:50%;}
.left{ float:left; width:40%; margin:0 auto;}	

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

}