Problem with Normal menu and Responsive menu

Hello,
I am developing a site and there is a dropdown menu but the problem is dropdown menu is for hover effect. When i hover the menu with my mouse the dropdowns menu is perfect from PC, but when i access my website from a Tab there is no hover effect and i am unable to view dropdown menu elements.

How can i fix this issue?
web url is http://sparkcoder.com/work/autokingdom/
Dropdown menu is called VEHICLES.

If you know then please help me. Thanks in advance.
Take care.

When I go and inspect the dropdown (btw it’s not even working on Chrome on my Chromebook) the class sfHover isn’t even being added to the parent LI. This is a Javascript issue, as such I will report it to be moved.

I don’t know why you are using JS for this but nevertheless (perhaps you have some animation effect, I dunno)