Main Menu Social Media Buttons align horizontally

Hi,

I have a Question to Re-Align my Social Media Buttons in my “between Mobile and Desktop View”

As Explanation: I have the Main Menu in a way where between 990px – 1150px the Main Menu is the same as on Desktop but without a Logo.
For this task I created a CSS Line which hides the Logo between this gap.

CSS:
@media only screen and (min-width: 990px) and (max-width: 1150px) {
.responsive .logo { display: none !important; }

This one is working.

Now i´m trying to align the Social Media Button horizontal in this gap since in the other way the Buttons are in the Second Line and out of the Box.
Anyone who could help me to archieve this goal?

If any further Informations needes please let me know.

Thanks in advance!

Br