#feedbackBox {
    color: red;
    width: 600px;
    font-size: 1vw;
    display: block;
}

#bookingBox {
    color: green;
    width: 600px;
    font-size: 1vw;
    display: block;
}

#mainContent1 .xdsoft_datetimepicker .xdsoft_datepicker {
    width: 365px;
    height: 195px;
    float: left;
    margin-left: 8px;
}

.web365callbackform {
    padding:0 20px 0 0;
}

.web365callback p {
    padding: 0;
    margin: 0 0 10px 0;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #E2232A;
    box-shadow: #E2232A 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}

input {
    border-radius: 4px;
    padding: 8px;
    width: 300px;
    color: #000;
    background: #fff;
}

.xdsoft_datetimepicker {
    padding-bottom: 24px;
}


    input[type="submit"] {
        border-radius: 25px;
        border: 1px solid #000;
        margin: 0;
        cursor: pointer;
        margin: 20px 0;
        padding: 10px 0;
        background: #fff;
        background-repeat: repeat;
        background-image: none;
        background-size: auto auto;
        background-image: url(/images/ee1c25.png);
        background-repeat: no-repeat;
        background-size: 0px 80px;
        transition: all 0.2s linear;
        font-size: 16px;
        font-weight: bold;
        color: #000;
    }

        input[type="submit"]:hover {
            border: 1px solid #ee1c25;
            background-image: url(/images/ee1c25.png);
            background-size: 100% 80px;
            background-repeat: no-repeat;
            color: #ffffff;
        }


.web365callback input[type="text"] {
    width: 100%;
}

#calendarContainer {
    min-width: 486px;
}

@media screen and (max-width:685px) {
    #mainContent1 .xdsoft_datetimepicker .xdsoft_datepicker {
        width: 100%;
        height: 195px;
        float: left;
        margin-left: 8px;
    }
}