Social Media Icons – Header without Border and Mobil

Hi all,

I want to show the Social Media Icons without the border lines between ths symbol, search the forum and find something:

#top .social_bookmarks li { border-right-style: none; }

@media only screen and (max-width: 767px) {
.responsive #header_meta .social_bookmarks li {
border-style: none; }
.responsive #top #header_meta .social_bookmarks li:last-child a {
border-right-style: none; }}

But when I switch to the mobil phone or just test with the browser there is also a vertical separators line right from the Email Button, I check the pix they are 29px X 31px the other Social Media Buttons have 30px X 31px.

I think thats it but where can I change the size so the border line is not showing?
Please give me a hint, Thx.