@media only screen and (max-width: 1120px) {
    #header .left {
        min-width: 50px;
    }

    #header .center {
        flex-grow: 3;
        justify-content: center;
    }

    #header .right {
        min-width: 50px;
        justify-content: flex-end;

    }
}

@media only screen and (max-width: 960px) {
    #header .left .logo-text {
        display: none;
    }
}

@media only screen and (max-width: 850px) {
    #header .center .search {
        width: 500px;
    }
}

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

    #header .center .search {
        display: none;
    }

    #header {
        height: 50px;
    }

    #header .left .logo {
        margin-left: 12px;
        margin-right: 12px;
    }

    #header .dropdown-button {
        height: 50px;
        width: 50px;
        padding-left: 16px;
        padding-right: 6px;
    }

    #header .right {
        padding-right: 0;
    }

    #header .center .search {
        position: absolute;
        top: 50px;
        z-index: 160;
        height: 50px;
        border-radius: 0;
        width: 100vw;
        left:0;
    }

    #header .right .search {
        display: block;
    }
}