@viewport{width:device-width}
@-ms-viewport{width:devide-width}
@-o-viewport{width:devide-width}
@media only screen and (max-width:480px){
.main, .txt, .owner {width:100%; margin:0 auto;}
.add,.col-one {float:none;width:90%; margin-left:30px;}
.text{display:none;}
.book-btn {bottom:30%;}
.box {float: none; margin: 0 auto;width: 80%;margin-bottom:20px;}
#reservation {margin:0 auto; padding:10px 0; height:auto;width:100%;}
#resbg { margin:0 auto; float:none; padding:10px 0; width:100%;}
#submit{float:none; margin:0 auto; padding:15px; }
.check1{float:none; display:inline-block;padding:5px 0 5px 12px;}
.check {float:none;padding:5px 0 5px 12px;}
#txtcheckoutdate {float:none; width:20%}
#txtcheckindate {float:none; width:20%}
#txtChildren, #txtadult, #txtRoomId {float:none;display:inline-block;}
}

@media only screen and (min-width:481px) and (max-width:768px){
.main, .txt, .owner {width:100%; margin:0 auto; padding10px;}
.add,.col-one {float:none;width:90%; margin-left:30px;}
.text{display:none;}
.book-btn {bottom:30%;}
.box {float: none; margin: 0 auto;width: 80%;margin-bottom:20px;}
#reservation {margin:0 auto; padding:10px 0; height:auto;width:100%;}
#resbg { margin:0 auto; float:none; padding:10px 0; width:100%;}
#submit{float:none; margin:0 auto; padding:15px; }
.check1{float:none; display:inline-block;padding:5px 0 5px 12px;}
.check {float:none;padding:5px 0 5px 12px;}
#txtcheckoutdate {float:none; width:20%}
#txtcheckindate {float:none; width:20%}
#txtChildren, #txtadult, #txtRoomId {float:none;display:inline-block;}	


}

@media only screen and (min-width:769px) and (max-width:1023px)	{
.main, .txt, .owner {width:100%; margin:0 auto;}
.add,.col-one {float:none;width:90%; margin-left:30px;}
.text{display:none;}
.book-btn {bottom:30%;}
.box {float: none; margin: 0 auto;width: 80%;}
#reservation {margin:0 auto; padding:10px 0; height:auto;width:100%;}
#resbg { margin:0 auto; float:none; padding:10px 0; width:100%;}
#submit{float:none; margin:0 auto; padding:15px; }
.check1{float:none; display:inline-block;padding:5px 0 5px 12px;}
.check {float:none;padding:5px 0 5px 12px;}
#txtcheckoutdate {float:none; width:20%}
#txtcheckindate {float:none; width:20%}
#txtChildren, #txtadult, #txtRoomId {float:none;display:inline-block;}


}


@media only screen and (min-width:1024px) and (max-width:1139px)	{	
.main, .txt, .owner {width:100%; margin:0 auto;}
.add,.col-one {float:none;width:90%; margin-left:30px;}
.text{display:none;}
.book-btn {bottom:30%;}
.box {float: none; margin: 0 auto;width: 80%;}
}