socket text not aligning

Hi there

Im not sure what you did to fix that but I had to make some other changes to the site and custom CSS and now the pocket menu text isn’t showing on mobile again.

Also I had another request in for the size of the cart that shows in the main menu – the client now changed their mind as there were still display issues on the sub pages where it wasn’t sitting inline with the menu items so I removed any custom coding to set it back to default but its not still dropping down below the menu area instead of lining up on mobile viewing.

here is the site link: http://test.natashasolley.com

Here is my Quick CSS coding:
Quick CSS

@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #socket .sub_menu_socket {
display: block !important;
}
}
#socket .sub_menu_socket div {
overflow: visible;
}
#socket .menu {
margin-top: -6px;
}
#socket {font-size: 14px;
}
.avia-button.avia-size-x-large {
padding: 15px 25px 15px;
font-size: 25px;
min-width: 100px;
}
/* General Template Headers Events*/
h2.tribe-events-page-title {
font-size: 45px !important;
font-weight: bold;
position: relative;
z-index: 0;
margin-bottom: .5em;
text-align: center;
clear: none;
}
span.tribe-events-list-separator-month {
font-size: 25px !important;
font-weight: bold;
color :#29c4f3 !important;
}
td.tickets_name {
white-space: normal;
}
span.date-start.dtstart {
font-size: 21px !important;
font-weight: bold;
color :#29c4f3 !important;
}
span.end-time.dtend {
font-size: 21px !important;
font-weight: bold;
color :#29c4f3 !important;
}
.tribe-events-meta-group.tribe-events-meta-group-gmap {
width: 100% !important;
}