Header Issues

First of all, I want to congratulate you on an amazing theme. I bought it last year, and I didn’t have any issues until now:

Website: http://alchemizesolutions.com/new-home/

1. How can I add the dotted line in the header that separates the main menu from the social icons? I have seen it on other sites using this theme and even on this support site.

2. How can I change the hover effect on the social icons in the header to be square not circular shaped? Again, this is on the support site.

3. On hover of main menu titles, there is a blue line that appears under each menu item. Under “contact” that blue line is strangely aligned, I mean it cuts off in a way that tells me that “contact” is sticking to the right-side of the margin.. anyway, I am sure you will spot the difference between “contact” and the rest being so perfectly centered. Please help.