@media only screen and (max-width:580px) {
.main{ width:100%; margin:0 auto;}
#ame,.f2 {width:90%;margin: 0 auto;}	
.col {width:179px;}

#reserve, .reserve {width:95%; margin:0 auto; float:none; text-align:center; padding:10px 0;}
#submit{float:none; margin-top:0; }
.check1, .check {margin: 8px 12px; float: left;width:40%;}
.fr{float: none;
    text-align: center;
    width: 50%;
    margin: 0 auto;
}
.message1 {margin:0 auto;float:none;}
.message{ margin-bottom:5px;}	
.txt{height:auto; width:90%;}
.add{ float:none; width:100%; padding:0 20px; margin:0 auto;}
.col-one{ width:95%; margin:0 auto;}
.col-one ul{ width:50%;}
.hotel{ float:none; width:70%; margin:0 auto;}
.owner{width:90%; padding:10px 15px; margin:0 auto;}
.right{float:none; width:100%; clear: left;}
}

@media only screen and (min-width:581px) and (max-width:768px) {
	
.main{ width:100%; margin:0 auto;}
#ame,.f2 {width:90%;margin: 0 auto;}	
.col {width:48%;}




.add{ float:none; width:100%; padding:0 20px; margin:0 auto;}
.col-one{ width:95%; margin:0 auto;}
.col-one ul{ width:50%;}
.hotel{ float:none; width:50%; margin:0 auto;}
.owner{width:90%; padding:10px 15px; margin:0 auto;}	
	
}


@media only screen and (min-width:769px) and (max-width:1200px) {
	
.main{ width:100%; margin:0 auto;}
#ame,.f2 {width:95%;margin: 0 auto;}	
.col {width:24%;}




.add{ float:none; width:100%; padding:0 20px; margin:0 auto;}
.col-one{ width:95%; margin:0 auto;}
.col-one ul{ width:50%;}
.hotel{ float:none; width:50%; margin:0 auto;}
.owner{width:90%; padding:10px 15px; margin:0 auto;}	
	
	
}
@media only screen and (min-width:1201px) and (max-width:1350px) {
	
	
	
	
}