
@media only screen and (min-width:1920px) {
}

@media only screen and (min-width:1600px) and (max-width:1900px) {
}

@media only screen and (min-width:1300px) and (max-width:1367px) {
}

@media only screen and (min-width:1200px) and (max-width:1280px) {
	div#reservationSearch {
		margin-top: -112px !important;
	}
}

@media screen and (max-width: 1024px) {
	div#reservationSearch {
		margin-top: -112px !important;
	}
    
}

@media screen and (max-width: 991px) {

.input_div input {
    width: 32.5% !important;
}

div#reservationSearch {
    margin-top: -112px !important;
}
	
.bookrate aside {
    font-size: 11px;
}

.bookrate li del, .bookrate li span {
    font-size: 15px;
}

.bookrate li strong {
    font-size: 15px;
}

 .filter input {
    width: 32%;
}

}

@media screen and (max-width: 767px) {

div#reservationSearch {
    margin-top: -92px !important;
}

.filter {
	display: inherit;
	padding: 50px 0;
}

.filter input{
	width: 50% !important;
	float: left;
	padding: 10px 25px;
	font-size: 14px;
}
.booklistview li.lirow ,
.booknow ,
.bookrate ul{
	display: inherit;
}
.bookdetail{
	padding: 15px;
}
.lirow img{
	width: 100%;
}
.bookrate li{
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}
.bookdetail h2 {
	font-size: 20px;
	margin-top: 0;
}
.bookrate {
	width: 100%;
}
.bookbutton {
	display: block !important;
	text-align: center !important;
	margin: 0px auto !important;
	padding: 20px 0 !important;
	margin-bottom: 15px !important;
}

.Premier_View {
	border: 1px solid #c7c7c7;
	padding: 15px;
	float: none;
	width: 100%;
	min-height: 170px;
}
.Summary{
	width: 100%;
	float: none;
}
.input_div {
	display: inherit;
}
/* .new .form-group label::before {
	padding: 8px;
	margin-right: 5px;
}
.new .form-group input:checked + label::after {
	top: 5px;
	left: 7px;
	width: 5px;
	height: 12px;
} */
.Guest_Information button {
	position: initial;
}
.new {
	margin: 30px 0;
}
.new .form-group label small {
	font-size: 11px;
	display: block;
	padding-left: 40px;
	margin-top: -7px;
}
.Guest_Information aside{
	display: block;
}
.Guest_Information ,
.Premier_View{
	border: none;
	padding:15px 0;
}
.Premier_View h3 ,
.Guest_Information h3{
	font-size: 20px;
}
.Premier_View span{
	display: block;
	font-size: 14px;
}

/* home page date picker form */

.SEARCH_AGAIN_btn button {
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
}

.SEARCH_AGAIN_btn {
    width: 100%;
}

.second_availability {
    display: flex;
    flex-direction: column;
}

.availability2 {
    width: 100%;
}

.filter button {
    width: 100%;
}
.booklistview li.lirow img {
    /* max-height: 200px;
    max-width: 100% !important; */
	max-height: initial;
    max-width: initial;
    margin: 0 auto;
}

.arrangedivcustom {
    display: block !important;
}

.input_div input {
    width: 100% !important;
}

.Guest_Information button {
    width: 100% !important;
}

.cardnumber {
    margin-bottom: 0 !important;
}

.large_width {
    width: 100% !important;
}

.small_width {
    width: 100% !important;
    padding-left: 0 !important;
}

.sbox {
    margin-bottom: 0 !important;
}

.Billing_detail .input_div {
    margin-bottom: 0 !important;
}

 button.lastbuttonpay {
    max-width: 100% !important;
    width: 100% !important;
	position: relative !important;
    margin-top: 0px !important;
}

.booklistview li.lirow img {
    max-width: 100%;
}

/*01-10-21*/
form#primary_guest_form select {
    margin-bottom: 10px !important;
    width: 49%;
}
.cal_input_filed input {
    font-size: 12px !important;
}
}

@media screen and (max-width:480px) {
}

@media screen and (max-width:360px) {
}