/* Media Queries for Responsiveness */
@media only screen and (max-width: 763px) {

    .booking_appointment-container{
        height:auto;
        margin: 10px 0;
        padding: 20px;
    }
    .booking_appointment-box{
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        height: auto;
        min-height: auto;
        gap: 20px;
        overflow: visible;
    }
    .appointment-forms-container{
        width: 100%;
    }
    .appointment_location{
        width: 100%;
    }
    /* #appointment_image{
        height:300px;
        width: 100%;
    }

    #appointment_image img{
        width: 100%;
        height: 50%;
    } */    
    #appointment_image{
        position: relative;
        background-color: red;
        width: 100%;
        height: 100%;
    }
    #appointment_image img{
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: contain; 
    }
}

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

}

@media only screen and (max-width: 450px) {
    .booking_title{
        font-size: 24px;
        font-weight: 500;
    }
}