@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;}	
#logo{float:none; margin:0 auto; padding:15px 0;}	
.fr	{float: none; text-align: center;padding: 5px 10px;margin: 0 auto; width: 80%;}
.fl, .f2{ float:none; margin:0 auto; width:80%;}
#menu {width:100%; margin:0 auto; float:none; padding:0;}
#topbg{height:auto;}
#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{height:auto; width:92%;}	
#submit{float:none;}
.check {width:98%;float:none;}
.check1{float:none;width:45%; display:inline-block; padding:10px 0;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}
.reserve{font-size:25px;}
.adult{width:25%; padding-bottom:15px;}		
.vido, .video, .dine { display:none;}
.right, .lef {float:none; width:90%; margin:0 auto; padding:10px 15px; line-height:35px;}
.col{ width:45%; margin:0 auto;}
	
.hotel{ float:none; width:80%; margin-left:40px;}
.col-one {float:none; margin-left:20px;width:90%;}
.add{float:none; margin:0 auto; padding:10px; width:90%;}
.owner {padding:15px;width:90%;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}
.ame{ padding:30px 0;}
.small{ text-align:center;}
.big{font-size:25px; letter-spacing:2px;}

.left, .vid{ float:none; margin:0 auto; width:80%;}

}
@media only screen and (min-width:481px) and (max-width:768px){
.main {width:100%; margin:0 auto;}	
#logo{float:none; margin:0 auto; padding:15px 0;}	
.fr	{float: none; text-align: center;padding: 5px 10px;margin: 0 auto; width: 80%;}
.fl, .f2{ float:none; margin:0 auto; width:80%;}
#menu {width:100%; margin:0 auto; float:none; padding:0;}
#topbg{height:auto;}
#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{height:auto; width:92%;}	
#submit{float:none;}
.check {width:98%;float:none;}
.check1{float:none;width:45%; display:inline-block; padding:10px 0;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}
.reserve{font-size:25px;}
.adult{width:25%; padding-bottom:15px;}		
.vido, .video, .dine { display:none;}
.right, .lef {float:none; width:90%; margin:0 auto; padding:10px 15px; line-height:35px;}
.col{ width:45%; margin:0 auto;}
	
.hotel{ float:none; width:80%; margin-left:40px;}
.col-one {float:none; margin-left:20px;width:90%;}
.add{float:none; margin:0 auto; padding:10px; width:90%;}
.owner {padding:15px;width:90%;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}
.ame{ padding:30px 0;}
.small{ text-align:center;}
.big{font-size:25px; letter-spacing:2px;}

.left, .vid{ float:none; margin:0 auto; width:80%;}

	
	}


@media only screen and (min-width:769px) and (max-width:1023px)	{
.main {width:100%; margin:0 auto;}	
#logo{float:none; margin:0 auto; padding:15px 0;}	
.fr	{float: none; text-align: center;padding: 5px 10px;margin: 0 auto; width:30%;}
.fl, .f2{ float:none; margin:0 auto; width:80%;}
#menu {width:100%; margin:0 auto; float:none; padding:0;}
#topbg{height:auto;}
#reservation {width:95%; margin:0 auto; float:none; padding-left:15px;}
#resbg{height:auto; width:92%;}	
#submit{float:none;}
.check {width:98%;float:none;}
.check1{float:none;width:45%; display:inline-block; padding:10px 0;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}
.reserve{font-size:25px;}
.adult{width:25%; padding-bottom:15px;}		
.vido, .video, .dine { display:none;}
.right, .lef {float:none; width:90%; margin:0 auto; padding:10px 15px; line-height:35px;}
.col{ width:45%; margin:0 auto;}
	
.hotel{ float:none; width:80%; margin-left:40px;}
.col-one {float:none; margin-left:20px;width:90%;}
.add{float:none; margin:0 auto; padding:10px; width:90%;}
.owner {padding:15px;width:90%;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}
.ame{ padding:30px 0;}
.small{ text-align:center;}
.big{font-size:25px; letter-spacing:2px;}

.left, .vid{ float:none; margin:0 auto; width:80%;}
	}
@media only screen and (min-width:1024px) and (max-width:1139px)	{
.main {width:100%; margin:0 auto;}	
#logo{float:left; margin:0 auto; padding:5px 0 0 40px;}	
.fl, .f2{ float:none; margin:0 auto; width:80%;}
.fr	{float:right; text-align: center;padding: 5px 10px;}
#menu {margin:0 auto; float:none;}
#topbg{height:auto;}
#reservation {width:57%; margin:0 auto; float:none;}
#resbg{height:auto; width:92%;}	
#submit{float:none;}
.check {width:98%;float:none;}
.check1{float:none;width:45%; display:inline-block; padding:10px 0;}
.message1 {padding:9px 8px;margin:0 auto;float:none;}
.message{ margin-bottom:5px;}
.reserve{font-size:25px;}
.adult{width:25%; padding-bottom:15px;}	
	
	
.hotel{ float:right; margin-top:0; width:30%; padding-right:10px;}
.col-one { margin-left:20px; margin-top:0; width:23%;}
.add { margin:0 auto;  width:40%;}
.owner {padding:15px;width:90%;}
.col-two {float: none;width: 80%; margin-top: 0; margin-left: 45px;}	
.left{ float:none; margin:0 auto; width:95%; padding:0 20px;}
.video, .dine { width:50%;}
.right, .lef {float:right; width:45%; margin:0 auto; padding:10px 15px; line-height:35px;}
.col{ margin:0 auto; padding-top:30px;}	
 .vid{ float:right; margin:0 auto;}
}