Socket menu alignment

We have a couple of menu items in the socket menu and copyright text that are overlapping. The overlapping occurs when the browser is at tablet width, the menu then pushes to next line in mobile sizing. Website is wildcatmattress.com

Here is the custom styling, as is, in child theme

@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #socket .sub_menu_socket {
float: left !important; }}

@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #scroll-top-link {
display: block !important;
}}

@media only screen and (max-width: 479px) {
.responsive #socket .sub_menu_socket {
display: block !important;
}}

Thank you.