/* 320px-480px *//* 480px-768px *//* 768px-1024px */
@viewport{width:device-width}
@-ms-viewport{width:devide-width}
@-o-viewport{width:devide-width}
@media only screen and (max-width:480px){
#top,.main {margin:0 auto; width:100%; height:auto;}
#logo{float:none;margin:0 auto;}
#name {float:none; margin:0 auto;padding:0; text-align:center}
#menubg,#menu{width:98%; margin:0 auto; float:none;}
#reservation {width:98%;float:none; margin:0 auto; padding-left:10px;}


.room { float:none; width:100%; margin:0 auto;}
.room .img {width:100%; margin:15px 0 10px 0; padding-top:10px;}
.room .h2{padding:15px;}
.room p{padding:0 0 15px 15px;}
.book{padding:6px 15px;margin-left: 15px;}
#features {width:100%; height:auto;}
.col {display: inline;}
.feature1 {padding:20px; text-align:center; background: #fff;}
.icon {padding:20px;}
.details {float:none;padding:0px;width:90%; }
#hotel {float:none;width:100%; padding-left:30px;}
.col-one {float:none;width:90%; padding:20px;}
.title { margin:0 auto; width:100%; text-align: left;}
.add {float:none;width:90%; padding-left:30px; padding-bottom:20px;}
#owner {padding:0px;width:100%;}
#bottom{width:100%; float:none; display:block;}
.col-1{ float:none; width:96%;}

}
@media only screen and (min-width:481px) and (max-width:768px){
#top,.main {margin:0 auto; width:100%; height:auto;}
#logo{float:none;margin:0 auto;}
#name {float:none; margin:0 auto;padding:0; text-align:center}
#menubg,#menu{width:98%; margin:0 auto; float:none;}
#reservation {width:98%;float:none; margin:0 auto; padding-left:10px;}


.room { float:none; width:100%; margin:0 auto;}
.room .img {width:100%; margin:15px 0;}
.room p{padding:0 0 15px 15px;}
.room .h2{padding:15px;}
#features {width:100%; height:auto;}
.col {display: inline;}
.feature1 {padding:20px; text-align:center; background: #fff;}
.icon {padding:20px;}
.details {float:none;padding:0px;width:90%; }
#hotel {float:none;width:100%; padding-left:30px;}
.col-one {float:none;width:90%; padding:20px;}
.title { margin:0 auto; width:100%; text-align: left;}
.add {float:none;width:90%; padding-left:30px; padding-bottom:20px;}
#owner {padding:0px;width:100%;}
#bottom{width:100%; float:none; display:block;}
.col-1{ float:none; width:96%;}
}
@media only screen and (min-width:769px) and (max-width:1023px)	{
#top,.main {margin:0 auto; width:100%; height:auto;}
#logo{float:none;margin:0 auto;}
#name {float:none; margin:0 auto;padding:0; text-align:center}
#menubg,#menu{width:98%; margin:0 auto; float:none;}
#reservation {width:98%;float:none; margin:0 auto; padding-left:10px;}


.room { float:none; width:100%; margin:0 auto;}
.room .img {width:100%; margin:15px 0;}
.room p {padding:0 0 15px 15px;}
.room .h2{padding:15px;}
#features {width:100%; height:auto;}
.col {display: inline;}
.feature1 {padding:20px; text-align:center; background: #fff;}
.icon {padding:20px;}
.details {float:none;padding:0px;width:90%; }
#hotel {float:none;width:100%; padding-left:30px;}
.col-one {float:none;width:90%; padding:20px;}
.title { margin:0 auto; width:100%; text-align: left;}
.add {float:none;width:90%; padding-left:30px; padding-bottom:20px;}
#owner {padding:0px;width:100%;}
#bottom{width:100%; float:none; display:block;}
.col-1{ float:none; width:96%;}
}