@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;}	
#top{width: 100%;margin: 0 auto;position: relative;}
.fr{float:none; text-align:center; }
#logo{float:none; margin:0 auto;}	
#menu {margin:0 auto; float:none; width:90%;}
#video{float:none; margin:0 auto;}
.topbg{padding-top:10px;}
.acc { padding:5px 10px; font-size:16px;}
#features {width:100%; height:auto;}
.col {display: inline;}
.feature1 {padding:20px; text-align:center;}
.icon {padding:20px;}
.info {width:auto; float:none; font-size:15px; height:auto; padding-bottom:25px;}
.info p{ padding:25px 20px;}	
.video{width:90%; margin:0 auto; float:none;}
.book{ margin:0 auto;}
.right{float:none; margin:0 auto; width:95%; padding:5px;}
.room{width:80%; height:auto; float:none; margin:0 auto;}
.left{float:none;width:auto; margin:0 auto;}	
#choice{display:none;}
.add{float:none; width:90%; margin:0 auto;}
.col-one {float:none;width:90%; }
#hotel {float:none;width:85%; padding-left:40px; padding-top:0;}
.owner{width:98%; margin:0 auto;}

.res{padding-top:20px; width:80%;}
#reservation {width:95%; margin:0 auto; float:none; padding-top:5px; padding-left:5px; position:relative;}	
#submit{float:none; margin:0 auto; padding-top:10px;}
.check {float:none; margin:0 auto; display:inline-block;}
.check1{float:none; display:inline-block; margin-top:0;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}

}
@media only screen and (min-width:481px) and (max-width:768px){
.main {width:100%; margin:0 auto;}	
#top{width: 100%;margin: 0 auto;position: relative;}
.fr{float:none; text-align:center; }
#logo{float:none; margin:0 auto;}	
#menu {margin:0 auto; float:none; width:90%;}
#video{float:none; margin:0 auto;}
.topbg{padding-top:10px;}
.acc { padding:5px 10px; font-size:16px;}
#features {width:100%; height:auto;}
.col {display: inline;}
.feature1 {padding:20px; text-align:center;}
.icon {padding:20px;}
.info {width:auto; float:none; font-size:15px; height:auto; padding-bottom:25px;}
.info p{ padding:25px 20px;}	
.video{width:90%; margin:0 auto; float:none;}
.book{ margin:0 auto;}
.right{float:none; margin:0 auto; width:95%; padding:5px;}
.room{width:80%; height:auto; float:none; margin:0 auto;}
.left{float:none;width:auto; margin:0 auto;}	
#choice{display:none;}
.add{float:none; width:90%; margin:0 auto;}
.col-one {float:none;width:90%; }
#hotel {float:none;width:85%; padding-left:40px; padding-top:0;}
.owner{width:98%; margin:0 auto;}

.res{padding-top:20px; width:80%;}
#reservation {width:95%; margin:0 auto; float:none; padding-top:5px; padding-left:5px; position:relative;}	
#submit{float:none; margin:0 auto; padding-top:10px;}
.check {float:none; margin:0 auto; display:inline-block;}
.check1{float:none; display:inline-block; margin-top:0;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}
	
	
	
}
@media only screen and (min-width:769px) and (max-width:1023px)	{	
.main {width:100%; margin:0 auto;}	
#top{width: 100%;margin: 0 auto;position: relative;}
.fr{float:none; text-align:center; }
#logo{float:none; margin:0 auto;}	
#menu {margin:0 auto; float:none; width:90%;}
#video{float:none; margin:0 auto;}
.topbg{padding-top:10px;}
.acc { padding:5px 10px; font-size:16px;}
#features {width:100%; height:auto;}
.col {display: inline;}
.feature1 {padding:20px; text-align:center;}
.icon {padding:20px;}
.info {width:auto; float:none; font-size:15px; height:auto; padding-bottom:25px;}
.info p{ padding:25px 20px;}	
.video{width:90%; margin:0 auto; float:none;}
.book{ margin:0 auto;}
.right{float:none; margin:0 auto; width:95%; padding:5px;}
.room{width:80%; height:auto; float:none; margin:0 auto;}
.left{float:none;width:auto; margin:0 auto;}	
#choice{display:none;}
.add{float:none; width:90%; margin:0 auto;}
.col-one {float:none;width:90%; }
#hotel {float:none;width:85%; padding-left:40px; padding-top:0;}
.owner{width:98%; margin:0 auto;}

.res{padding-top:20px; width:80%;}
#reservation {width:95%; margin:0 auto; float:none; padding-top:5px; padding-left:5px; position:relative;}	
#submit{float:none; margin:0 auto; padding-top:10px;}
.check {float:none; margin:0 auto; display:inline-block;}
.check1{float:none; display:inline-block; margin-top:0;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}
}
@media only screen and (min-width:1024px) and (max-width:1139px)	{	

.fr{float:none; text-align:center; }


}