.height-image {height:300px; width: auto; background-image: }
.background-image {
	background-image: url('/booking/img/service.jpg');
	background-position: right top;
	background-repeat: no-repeat;
	background-size: auto 600px;
	height: 600px;
	width: 100%;
	}
.z-1-absolute {position: absolute; z-index: 1;}	


@media (min-width: 992.002px) and (max-width: 1200px) {
	.background-image {background-size: auto 550px; height: 550px;}
}
		
@media (min-width: 768.002px) and (max-width: 992px) {
	.z-1-absolute {position: relative !important;}
	
}
@media (min-width: 414.002px) and (max-width: 768px) {
	.z-1-absolute {position: relative !important;}
	.background-image {background-size: auto 400px; height: 400px;}
}

@media (min-width: 320.002px) and (max-width: 414px) {
	.z-1-absolute {position: relative !important;}
	.background-image {background-size: auto 350px; height: 350px;}
}

@media (max-width: 320px) {

}


/* Imgage Background */
.book-bg {z-index: -1; position: absolute; width: 100%; justify-content: flex-end; display: flex;}
.book-bg img {max-height: 545px; width: auto; right: 0; padding: 0px;}
.book-top-mg {margin-top:70px;}

@media (min-width: 768.002px) and (max-width: 992px) {
	.book-bg {position: relative; }
	.book-bg img {max-height: 500px;}
	.position-relative {margin-top:0px;}
}
@media (min-width: 414.002px) and (max-width: 768px) {
.book-bg {position: relative; }
.book-bg img {max-height: 500px;}
.position-relative {margin-top:0px;}
}

@media (min-width: 320.002px) and (max-width: 414px) {
.book-bg {position: relative; }
.book-bg img {max-height: 500px;}
.position-relative {margin-top:0px;}
}

@media (max-width: 320px) {
.book-bg {position: relative; }
.book-bg img {max-height: 500px;}
.position-relative {margin-top:0px;}
}





/* Form Booking Online */
.ct-formblock {width: 500px;}
::placeholder, .form-control, .form-select {color: #404040 !important; border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important;}
label {font-size: 14px;}
#ct h3 {font-size: 26px; margin-bottom:8px;}
.ct-des {font-size: 13px; margin-bottom:8px;}

#ct [type=submit], button {padding: 5px 30px;}
.ct {z-index: 2;}

.datepicker {border: 0px; background-color: rgb(255, 255, 255); border-bottom-right-radius: 16px;-webkit-box-shadow: rgba(0, 0, 50, 0.3) 2px 2px 10px;box-shadow: rgba(0, 0, 50, 0.3) 2px 2px 10px; background: #fff;}
.datepicker th {font-weight: 500;}
/* .datepicker td {} */
.datepicker-days {font-size:13px;}

/* Booking */
#booking .form-label {font-size:14px;}
.bk-formblock {width: 514px; margin:auto; top: 135px;right: 105px; position:absolute; z-index: 2;}
#booking .datepicker {background: #fff;}



@media (min-width: 1200.002px) and (max-width: 1400px) {
.ct-formblock {top: 40px; }
 }

@media (min-width: 992.002px) and (max-width: 1200px) {
.ct-formblock {top: 0px; left: 60px;}
}

@media (min-width: 768.002px) and (max-width: 992px) {
.ct-formblock {width:100%; margin: auto;}
}
@media (min-width: 414.002px) and (max-width: 768px) {
.ct-formblock {width:100%; margin: auto;}
}

@media (min-width: 320.002px) and (max-width: 414px) {
.ct-formblock {width:100%; margin: auto;}
}

@media (max-width: 320px) {
.ct-formblock {width:100%; margin: auto;}
}