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

    .event-title {
        font-size: 1.6em;
    }

    .event-container {
        height: unset;
    }

    .event-image-container {
        min-width: 200px;
        max-height: 200px;
    }

    .event-image-container img {
        width: 200px;
        max-height: 200px;
    }

    .event-text-container {
        margin: 0;
        margin-left: 12px;
    }

    .event-ticket-container {
        display: flex;
    }

    .buyticket_container {
        display: none;
    }

    .event-second-link-container {
        position: relative;
        font-size: 0.8em;
    }
}


@media only screen and (max-width: 600px) {
    .searchForm {
        width: 90%;
    }

    .event-container {
        margin-top: 0;
    }

    .event-title {
        font-size: 1.2em;
    }

    .event-subtitle {
        font-size: 1em;
    }

    .event-time-container {
        font-size: 0.9em;
    }

    .event-image-container {
        width: 150px;
    }

    .event-image-container img {
        min-width: 150px;
    }

}


@media only screen and (max-width: 450px) {
    .event-container {
        flex-direction: column;
    }

    .event-image-container {
        width: 100%;
        padding-top: 16px;
        padding-bottom: 8px;
    }

    .event-title-container {
        padding-top: 0;
    }

    .event-text-container {
        margin-left: 0;
    }

    .event-image-container img {
        min-width: 100px;
        width: 90%;
        margin:  0 auto;
    }

}