Bootstrap Menu : Responsive Menu With Hover Menu

HTML:

<nav class="navbar navbar-inverse" role="navigation">
         <div class="container">
            <div class="row">
               <div class="navbar-header">
                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                  <span class="sr-only">Toggle navigation</span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </button>
               </div>

               <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" data-hover="dropdown" data-animations="zoomIn zoomIn bounce fadeInRight">
                  <ul class="nav navbar-nav">
                     <li><a href="index.php">Home</a></li>
                     <li><a href="#">About Us</a></li>
                     <li><a href="#">How We Work</a></li>
                     <li class="dropdown">
                        <a tabindex="0" data-toggle="dropdown" class="dropdown-toggle" role="button" aria-expanded="false" data-submenu>Our Services<span class="caret"></span>  </a>
                        <ul class="dropdown-menu" role="menu">
                           <li class="dropdown dropdown-submenu">
                              <a tabindex="0">Financial</a>
                              <ul class="dropdown-menu">
                                 <li><a href="#" tabindex="0">Accounting</a></li>
                                 <li><a href="" tabindex="0">Book- Keeping</a></li>
                                 <li><a href="" tabindex="0">Tax, Payroll and Compliance</a></li>
                              </ul>
                           </li>
                           <li class="dropdown dropdown-submenu">
                              <a tabindex="0">Technology</a>
                              <ul class="dropdown-menu">
                                 <li><a tabindex="0">Automated Accounting</a></li>
                                 <li><a tabindex="0">Robotics Data Process</a></li>
                                 <li><a tabindex="0">Website Design and Building</a></li>
                              </ul>
                           </li>
                           <li class="dropdown dropdown-submenu">
                              <a tabindex="0">Branding</a>
                              <ul class="dropdown-menu">
                                 <li><a tabindex="0">Website Design and Building</a></li>
                              </ul>
                           </li>
                          <li><a href="#">Consultancy</a></li>
                        </ul>
                     </li>
                     <li><a href="#">Blog</a></li>
                     <li><a href="#">Contact Us</a></li>
                  </ul>
               </div>
            </div>
         </div>
      </nav>

CSS:
Hover Menu : click here
Sublevel Menu : Click Here

JS:
Hover Menu : Click Here
Sublevel Menu : Click Here