Hello there.

I'm kinda new in HTML & Bootstrap, but I have a little project I've been working on and got stuck on a responsive Bootstrap navbar.
Here's my Fiddle -> https://jsfiddle.net/Taliesin84/qL35nejo/

My current objective is to prevent the Search bar from wrapping bellow the menu buttons when the size gets small and collapse button is pressed.
I also need to make the Search Bar wider in larger screen sizes, but that's secondary for now.
Can I get some help on how to accomplish this?

Best