@media (max-width: 900px) {
    .left-side {
        position: relative; /* Remove fixed positioning */
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: initial;
        height: auto;
        overflow: visible;
        padding-top: 70px;
        padding-right: 0;
        z-index: auto; /* Reset z-index */
        padding-bottom: 2rem;
    }

    .menu-title {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .search-form {
        display: inline-block;
        vertical-align: middle;
        width: auto; /* Ensure the form does not take full width */
    }

    .search-form input {
        width: 100%; /* Ensure the input adjusts to the width of its container */
        max-width: 150px; /* Set a max width to prevent it from being too wide */
    }

    .left-side ul {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        margin: initial;
        justify-content: center; /* Center the items horizontally */
    }

    .left-side li {
        margin: 5px;
    }

    .left-side a {
        font-size: small; /* Adjust font size if needed */
    }
}