How can I fix a staggered bottom after making a top menu in single line?

[Avantika01]

My Website: https://greendeerkids.myshopify.com/

ps. veep

I used the following code:

@media only screen and (min-width: 750px)
{
.medium-up--one-half {
    width: 70%!important;
}
}
@media only screen and (min-width: 750px)
{
.medium-up--one-quarter {
    width: 15%!important;
}
}

This Code made the menu in single line but also made bottom staggered. (See in image)

Please help. How to resolve it.