@media only screen and (max-width: 514px),
(max-device-width: 514px) {

.availability-calendar {
	width: 100%;
	margin-bottom: 20px;
}

.ui-datepicker {
	width: 100%;
	padding: 25px 0px;
}

.ui-datepicker .ui-datepicker-header {
	padding: 0 0 5px 0;
}

.ui-datepicker .ui-datepicker-prev {
	left: 5%;
}
.ui-datepicker .ui-datepicker-next {
	right: 5%;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 5%;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 5%;
}

.ui-datepicker table {
	max-width: 100%;
}

.ui-datepicker th {
	font-size: 14px;
}

.ui-datepicker td span,
.ui-datepicker td a {
	margin: 5px 0;
}

}

@media only screen and (min-width: 515px) and (max-width: 768px),
(min-device-width: 515px) and (max-device-width: 768px) {

.ui-datepicker {
	width: 56%;
	margin: 25px auto;
}
	
}