@media (max-width: 600px) {
    .secondline {
        flex-direction: column;
        align-items: stretch;
        position: relative;
        height: 77px;
    }

    /* Username (or phone) to top-right */
    #username {
        order: 0;
        align-self: flex-end;
        padding: 6px 10px;
        color: white;
        font-size: 14px;
    }
    .topbar{
        font-size: 10px;
    }
    .logoimage {
       
        
    }

    /* Logo to left, auth-cart to right on same row */
    .logo {
        order: 1;
        align-self: flex-start;
        margin-left: 10px;
        margin-bottom: 8px;
    }

    .auth-cart {
        order: 1;
        align-self: flex-end;
        margin: 0;
        width: auto;
        gap: 16px;
        padding: 1px 18px 52px 2px;
        margin-top: -11%;
    }

    /* Searchbar takes full width on a new line */
    .searchbar {
        position: relative;
        order: 2;
        width: 100%;
        padding: 10px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        
        top: -205px;
    }

    .searchbox {
        
    }

    #searchitem {
        height: 48px;
        width: 52px;
    }
    .menu2 {
        width: 63px;
        height: 38px;
       
        margin-top: -14px;
    }

        .menu2 a {
            height: 32px;
            padding: 0 12px;
            font-size: 6px;
            border-radius: 899px;
        }

   

}