menu wrappingi problem, confused by @media rules

I’m using the free Skeleton Theme and have a question related to @media rules in the CSS. If anyone can provide pointers, I’d be very grateful for the help.

When I resize the browser window width, the main nav menu wraps (and pushes my last menu item to a 2nd row) at 1140 px then unwraps at 990 then wraps again at 960px, then unwraps again at 770.

Using Firebug, I can see the @media rules for the .container class appear/disappear depending on the browser window width, and I sense that this wrapping behavior is driven somehow by those, but I’m having trouble understanding exactly how it’s all working. My question is: Can I prevent the main menu from wrapping (ever) by adjusting the CSS or do I have no choice but to shorten my menu, change font size, etc.?

Here is the site:
https://tinyurl.com/ns3d45o

Thanks!