responsive design - What to do if more than 2 hamburger icons in nav bar?

I am building a website for each office within an agency (about 6-8 different offices). I want to make it easy for a visitor to jump to another office website when on an office website. So, each office website will have a dropdown list in a navbar that can be used to jump to a specific office page.

Problem: The ABC Network dropdown is competing against the main nav dropdown for the "P" office when the viewport changes to tablet/mobile view (examples below).

Question:

1. How would you differentiate between the 2 navs? Should we consolidate all into one main toggle nav?

DESKTOP VIEW

MOBILE VIEW