@media (max-width: 600px) {
    

    /* Username (or phone) to top-right */
    #username {
        order: 0;
        align-self: flex-end;
        padding: 6px 10px;
        color: white;
        font-size: 14px;
    }
    .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: 50%;
        padding: 10px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        left: -7px;
        top: 14px;
    }
   
    .searchbox {
    }

    #searchitem {
        width: 100%;
        border-radius: 28px;
        border-left: 1px solid #ff4d4d;
    }
    .topbar {
        font-size: 14px;
        height: auto;
        line-height: 1.4;
        padding: 10px;
    }
   

    

    .imgProfile2 {
        background-size: contain;
        background-position: center center;
        min-width: 100%;
        min-height: 100%;
    }




}