menutron js

[cualquiera]

ayuda con menú menutron tengo esta menú en la cual he anidado listas, y he agrupado, con el menu menutron quiero que aparezcan agrupados según la anidacion pero no se como hacerlo me muestra todo en un solo grupo y lo necesito en 3 dejo la la lista y script que aplico cosa que el script no esta completo.

lo que necesito es poder agrupar las listas en grupos

como hacerlo
Gracias.

Código HTML:

<div id="navi">
            	<ul>
        	<li><a href="index.html">Home</a></li> 
            <li><a href="acerca-de-mi.html">Acerca de mí</a></li>
            <li><a href="#">Servicios</a>
            	 <ul>
                       <li><a href="#">Bioenergética Integral</a></li>
                       <li><a href="#">Biodescodificación</a></li>
                       <li><a href="#">Reconexión y Sanación</a></li>
                        <li><a href="#">Meditación y Sonido</a></li>
                       <li><a href="#">Flores de Bach</a></li>
                       <li><a href="#">Limpieza Energética</a></li>
                        <li><a href="#">Botica Floral</a></li>
                 </ul>
            </li>
            <li><a href="#">Coaching</a>
            		 <ul>
                       <li><a href="#">Coaching Individual</a></li>
                       <li><a href="#">Coaching Corporativo</a></li>
                       <li><a href="#">Coaching Game</a></li>
                 </ul>
            </li>
            <li><a href="#">Work Shop</a>
            	<ul>
                       <li><a href="#">Talleres de Coaching</a></li>
                       <li><a href="#">Taller....</a></li>
                 </ul>
            </li>
            <li><a href="programas.html">Programas</a></li>
            <li><a href="videos.html">Videos</a></li>
            <li><a href="good-vibes.html">Good Vibes</a></li>
        </ul>
            </div>

$("#navi").menutron({
			maxScreenWidth: 750,
			menuTitle: 'Menú'
			
		});