#searchbox {
    height: 2em;
}

.button3demboss.search {
    line-height: 2.2em;
    width: 20%;
    padding: 0px 0px;
}

#controls form {
    display: flex;
}

@media (max-width: 1000px) {

    #controls {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        width: 100%;
    }

    form {
        width: 50%;
        display: flex;
        flex-direction: row;
    }

    #searchbox {
        width: 80%;
        height: 2em;
    }

}

@media (max-width: 650px) {

    #controls {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 96%;
        padding: 5px;
    }
    #controls2{
        display: flex;
        flex-direction: column;
    }

    form {
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    #video-home-link {
        margin-bottom: 1%;
    }

}

@media (max-width: 450px) {
    .video-list li {
        display: flex;
        flex-direction: column;
    }

    .video-list li .description,
    .video-list li .video-list-date {
        padding: unset;
    }

    .video-list li a.video-link {
        display: flex;
        flex-direction: column;
    }

    .video-list .thumb_background,
    .video-list .thumb_wrap,
    .video-list .thumb {
        width: 100%;
        height: fit-content;
        max-height: max-content;
    }
    #listing-bottom {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }
}