@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;}	
.fl{float:none; width:98%; text-align:center;}
.fr{float:none; width:98%; text-align:center; padding-top:5px;}
#logo{float:none; margin:0 auto;}	
#menu {width:99%; margin:0 auto; float:none;}
.acc { padding:5px 10px; font-size:16px;}
.topbg {height:auto;}


#features {width:100%; height:auto; padding:0;}
.col {display:inline-block; padding:0;}
.feature1 {padding:20px; text-align:center;}
.icon {padding:20px;}
.sm {padding:0;}
.image {margin:0 auto; float:none; width:100%;}

.room {width:100%;float:none; padding-right:0px;}
.bull {padding-bottom:10px}
.feature3 img {width:100%; margin:0 auto;}
.bed{padding:0;}
.feature4 {float:none; padding:0;}

#right{float:none; margin:0 auto;}
#choice{display:none;}
.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;}
.owner{width:98%; margin:0 auto;}

#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{height:auto;}	
#submit{float:none; margin-top:0; }
.check {width:98%;float:none;}
.check1{float:none;width:45%; display:inline-block; margin:0 auto;}
.message1 {margin:0 auto;float:none; width:60%;}
.message{ margin-bottom:5px;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}
}

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


#features {width:100%; height:auto; padding:0;}
.col {display:inline-block; padding:0;}
.feature1 {padding:20px; text-align:center;}
.icon {padding:20px;}
.sm {padding:0;}
.image {margin:0 auto; float:none; width:100%;}

.room {width:100%;float:none; padding-right:0px;}
.bull {padding-bottom:10px}
.feature3 img {width:100%; margin:0 auto;}
.bed{padding:0;}
.feature4 {float:none; padding:0;}

#right{float:none; margin:0 auto;}
#choice{display:none;}
.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;}
.owner{width:98%; margin:0 auto;}

#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{height:auto;}	
#submit{float:none; margin-top:0; }
.check {width:98%;float:none;}
.check1{float:none;width:45%; display:inline-block; margin:0 auto;}
.message1 {margin:0 auto;float:none; width:60%;}
.message{ margin-bottom:5px;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}
}

@media only screen and (min-width:769px) and (max-width:1023px)	{
.main {width:100%; margin:0 auto;}	
.fl{float:none; width:98%; text-align:center;}
.fr{float:none; width:98%; text-align:center; padding-top:5px;}
#logo{float:none; margin:0 auto;}	
#menu {width:99%; margin:0 auto; float:none;}
.acc { padding:5px 10px; font-size:16px;}
.topbg {height:auto;}


#features {width:100%; height:auto; padding:0;}
.col {display:inline-block; padding:0;}
.feature1 {padding:20px; text-align:center;}
.icon {padding:20px;}
.sm {padding:0;}
.image {margin:0 auto; float:none; width:100%;}

.room {width:100%;float:none; padding-right:0px;}
.bull {padding-bottom:10px}
.feature3 img {width:100%; margin:0 auto;}
.bed{padding:0;}
.feature4 {float:none; padding:0;}

#right{float:none; margin:0 auto;}
#choice{display:none;}
.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;}
.owner{width:98%; margin:0 auto;}

#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{height:auto;}	
#submit{float:none; margin-top:0; }
.check {width:98%;float:none;}
.check1{float:none;width:45%; display:inline-block; margin:0 auto;}
.message1 {margin:0 auto;float:none; width:60%;}
.message{ margin-bottom:5px;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}
}