Nav Bar Overlapping Issue

https://preview.webflow.com/preview/upas-test-site?utm_medium=preview_link&utm_source=designer&utm_content=upas-test-site&preview=46679d665d637bf93bd0cbe4033c14b1&workflow=preview

Hey all! At home page, I wanted to make my Brand not overlapping my nav menu when the screen shrink. The nav menu item should be dropping down around 1470px. And when my screen shrink to 992px, I want my brand stay on the left corner and the nav menu item on the right side.

I have try to set the nav menu min width to 1470px, no more overlapping but the menu item will go beyond the screen and not dropping down.

Anyone has a solution? Greatly appreciate for the help, thank you