Header elements responsiveness

I’m trying to get this right but the alignment just keeps messing up. The elements goes under the logo or to the next line. I tried grouping them all together but that caused issue on mobile.

How do I go about with this? Any suggestions

Tricky without seeing the editor.

Can you show us screen with the group borders?