How to remove overlapping of the logo and hamburger menu and making top nav content responsive

Hi,
My site on mobile views shows
1. Top nav content not responsive on mobile phones e.g samsung-galaxy, blackberry especially the contact phone number
2. The logo and hamburger menu overlaps and clashes together. How can make them distinct.
Shot: http://awesomescreenshot.com/0355ak2kcd
Link: mobile view test: http://mobiletest.me/iphone_5_emulator/?u=http://www.kaisteventures.com
my site: http://kaisteventures.com

With Regards