.ui-datepicker td[title]::after {
    content: attr(title);
    position: absolute;
    bottom: 1px;
    left: 50%;
    transform: translate(-50%);
}

.ui-datepicker {
    width: 570px;
}

.ui-datepicker td span {
    height: 27px;
}

.ui-datepicker td a {
    height: 27px;
}

.low-price-label {
    position: relative;
    color: #0c8d0c !important;
}

.high-price-label {
    position: relative;
    color: #105202 !important;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .ui-datepicker {
        width: 360px;
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .ui-datepicker {
        width: 380px;
    }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .ui-datepicker {
        width: 420px;
    }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .ui-datepicker {
        width: 500px;
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .ui-datepicker {
        width: 500px;
    }
}