Enfold theme – header overlapping with page content on Safari (OS X)

Hey there! I’m using Enfold theme for the first time to a greater extent and do like it a lot!

Unfortunately now I do have an issue with the header (main and/or extra) viewing the following project on my desktop with the Safari (OS X, not mobile on iOS) browser.. Chrome and Firefox look just fine..

–> http://s129101505.online.de/leistungen

The header on Safari overlaps (too far) with the content of the page.. There is this “extra line” beneath the phone-info I cannot get rid of. I guess if it was possible to have that “extra line” gone it would also look just fine viewed with Safari.

Please see screen shots: http://imgur.com/a/PzdDn

What I already added to the quick CSS field:

@media only screen and (max-width: 479px) {.responsive #socket .sub_menu_socket {display: block !important; width: 100%;} .responsive #socket .sub_menu_socket ul li {float: none; border-left: none; text-align: center;}}

#menu-item-606 .avia-menu-text{ display: table; height: 100%; }
#menu-item-606 .av_font_icon { display: table-cell; vertical-align: middle; }

#top .av_header_transparency .avia-menu-fx {
bottom: 35%;
width: 80%;
left: 12%;}

#top #header_meta .container {padding: 7px 50px;}

Do you need more info?

I hope you can help me to fix my problem. I believe I need to adjust my custom CSS.. but I’m just guessing here.. so on to to you, dear Support Team!

Thx a lot in advance!!!
Cheers Dany