Mega Menu in KCMS7

Hi

I want to know how it is possible to generate a megamenu using hierarchical viewer for following menu.

                                <ul class="mainnav">
                                <li class="level0 custom-item active">
                                    <a href="" target="_self" class="menu-title-lv0">
                                        <span class="title">Home</span>
                                    </a>
                                </li>
                                <li class="level0 custom-itemdrop-staticblock">
                                    <a href="" target="_self" class="menu-title-lv0">
                                        <span class="title">Sales</span>
                                    </a>
                                    <div class="wrap_dropdown fullwidth">
                                        <div class="menu_custom_category v2">
                                            <div class="row">
                                                <div class="col-md-8 menu_custom_left">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <h6 class="menu_category_title">laptop</h6>
                                                            <ul class="menu">
                                                                <li><a href="#">Laptop</a></li>
                                                                <li><a href="#">Smartphone</a></li>
                                                                <li><a href="#">Fashion</a></li>
                                                                <li><a href="#">Kids</a></li>
                                                                <li><a href="#">Babys</a></li>
                                                                <li><a href="#">Mens</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <h6 class="menu_category_title">Smartphone</h6>
                                                            <ul class="menu">
                                                                <li><a href="#">Laptop</a></li>
                                                                <li><a href="#">Smartphone</a></li>
                                                                <li><a href="#">Fashion</a></li>
                                                                <li><a href="#">Kids</a></li>
                                                                <li><a href="#">Babys</a></li>
                                                                <li><a href="#">Mens</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <h6 class="menu_category_title">Fashion</h6>
                                                            <ul class="menu">
                                                                <li><a href="#">Laptop</a></li>
                                                                <li><a href="#">Smartphone</a></li>
                                                                <li><a href="#">Fashion</a></li>
                                                                <li><a href="#">Kids</a></li>
                                                                <li><a href="#">Babys</a></li>
                                                                <li><a href="#">Mens</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <h6 class="menu_category_title">Kids</h6>
                                                            <ul class="menu">
                                                                <li><a href="#">Laptop</a></li>
                                                                <li><a href="#">Smartphone</a></li>
                                                                <li><a href="#">Fashion</a></li>
                                                                <li><a href="#">Kids</a></li>
                                                                <li><a href="#">Babys</a></li>
                                                                <li><a href="#">Mens</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <h6 class="menu_category_title">Laptop</h6>
                                                            <ul class="menu">
                                                                <li><a href="#">Laptop</a></li>
                                                                <li><a href="#">Smartphone</a></li>
                                                                <li><a href="#">Fashion</a></li>
                                                                <li><a href="#">Kids</a></li>
                                                                <li><a href="#">Babys</a></li>
                                                                <li><a href="#">Mens</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <h6 class="menu_category_title">Smartphone</h6>
                                                            <ul class="menu">
                                                                <li><a href="#">Laptop</a></li>
                                                                <li><a href="#">Smartphone</a></li>
                                                                <li><a href="#">Fashion</a></li>
                                                                <li><a href="#">Kids</a></li>
                                                                <li><a href="#">Babys</a></li>
                                                                <li><a href="#">Mens</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <h6 class="menu_category_title">Fashion</h6>
                                                            <ul class="menu">
                                                                <li><a href="#">Laptop</a></li>
                                                                <li><a href="#">Smartphone</a></li>
                                                                <li><a href="#">Fashion</a></li>
                                                                <li><a href="#">Kids</a></li>
                                                                <li><a href="#">Babys</a></li>
                                                                <li><a href="#">Mens</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <h6 class="menu_category_title">Kids</h6>
                                                            <ul class="menu">
                                                                <li><a href="#">Laptop</a></li>
                                                                <li><a href="#">Smartphone</a></li>
                                                                <li><a href="#">Fashion</a></li>
                                                                <li><a href="#">Kids</a></li>
                                                                <li><a href="#">Babys</a></li>
                                                                <li><a href="#">Mens</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4 ">
                                                    <a href="#" class="banner5">
                                                        <img src="http://demo.snstheme.com/sns-camen/media/wysiwyg/camen/sport3.jpg" alt=""/></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="level0 custom-itemdrop-staticblock">
                                    <a href="#" target="_self" class="menu-title-lv0">
                                        <span class="title">category</span>
                                    </a>
                                    <div class="wrap_dropdown fullwidth">
                                        <div class="menu_custom_category">
                                            <div class="row">
                                                <div class="col-md-2">
                                                    <h6 class="menu_category_title">Laptop</h6>
                                                    <ul class="menu">
                                                        <li><a href="#">Laptop</a></li>
                                                        <li><a href="#">Smartphone</a></li>
                                                        <li><a href="#">Fashion</a></li>
                                                        <li><a href="#">Kids</a></li>
                                                        <li><a href="#">Babys</a></li>
                                                        <li><a href="#">Mens</a></li>
                                                        <li><a href="#">News</a></li>
                                                    </ul>
                                                </div>
                                                <div class="col-md-2">
                                                    <h6 class="menu_category_title">Smartphone</h6>
                                                    <ul class="menu">
                                                        <li><a href="#">Laptop</a></li>
                                                        <li><a href="#">Smartphone</a></li>
                                                        <li><a href="#">Fashion</a></li>
                                                        <li><a href="#">Kids</a></li>
                                                        <li><a href="#">Babys</a></li>
                                                        <li><a href="#">Mens</a></li>
                                                        <li><a href="#">News</a></li>
                                                    </ul>
                                                </div>
                                                <div class="col-md-2">
                                                    <h6 class="menu_category_title">Fashion</h6>
                                                    <ul class="menu">
                                                        <li><a href="#">Laptop</a></li>
                                                        <li><a href="#">Smartphone</a></li>
                                                        <li><a href="#">Fashion</a></li>
                                                        <li><a href="#">Kids</a></li>
                                                        <li><a href="#">Babys</a></li>
                                                        <li><a href="#">Mens</a></li>
                                                        <li><a href="#">News</a></li>
                                                    </ul>
                                                </div>
                                                <div class="col-md-2">
                                                    <h6 class="menu_category_title">Kids</h6>
                                                    <ul class="menu">
                                                        <li><a href="#">Laptop</a></li>
                                                        <li><a href="#">Smartphone</a></li>
                                                        <li><a href="#">Fashion</a></li>
                                                        <li><a href="#">Kids</a></li>
                                                        <li><a href="#">Babys</a></li>
                                                        <li><a href="#">Mens</a></li>
                                                        <li><a href="#">News</a></li>
                                                    </ul>
                                                </div>
                                                <div class="col-md-2">
                                                    <h6 class="menu_category_title">Babys</h6>
                                                    <ul class="menu">
                                                        <li><a href="#">Laptop</a></li>
                                                        <li><a href="#">Smartphone</a></li>
                                                        <li><a href="#">Fashion</a></li>
                                                        <li><a href="#">Kids</a></li>
                                                        <li><a href="#">Babys</a></li>
                                                        <li><a href="#">Mens</a></li>
                                                        <li><a href="#">News</a></li>
                                                    </ul>
                                                </div>
                                                <div class="col-md-2">
                                                    <h6 class="menu_category_title">Mens</h6>
                                                    <ul class="menu">
                                                        <li><a href="#">Laptop</a></li>
                                                        <li><a href="#">Smartphone</a></li>
                                                        <li><a href="#">Fashion</a></li>
                                                        <li><a href="#">Kids</a></li>
                                                        <li><a href="#">Babys</a></li>
                                                        <li><a href="#">Mens</a></li>
                                                        <li><a href="#">News</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-6 col-phone-12">
                                                    <a href="#" class="banner5">
                                                        <img src="App_Themes/images/menu/sport1.jpg" alt=""></a>
                                                </div>
                                                <div class="col-md-6 col-phone-12">
                                                    <a href="#" class="banner5">
                                                        <img src="App_Themes/images/menu/sport2.jpg" alt=""></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="level0 nav-1 no-group drop-submenu first">
                                    <a class=" menu-title-lv0" href="#">
                                        <span class="title">Men
                                        </span>
                                    </a>
                                </li>
                                <li class="level0 nav-2 no-group drop-submenu parent">
                                    <a class=" menu-title-lv0" href="#">
                                        <span class="title">Women
                                        </span>
                                    </a>
                                    <div class="wrap_submenu">
                                        <ul class="level0">
                                            <li class="level1 nav-1-1 first parent">
                                                <a class=" menu-title-lv1" href="#">
                                                    <span class="title">Bags</span>
                                                </a>
                                                <div class="wrap_submenu">
                                                    <ul class="level1">
                                                        <li class="level2 nav-1-1 first">
                                                            <a class=" menu-title-lv2" href="#">
                                                                <span class="title">Laptop</span>
                                                            </a>
                                                        </li>
                                                        <li class="level2 nav-1-2 parent">
                                                            <a class=" menu-title-lv2" href="#">
                                                                <span class="title">Dresses</span>
                                                            </a>
                                                            <div class="wrap_submenu">
                                                                <ul class="level2">
                                                                    <li class="level3 nav-1-1-1 first">
                                                                        <a class=" menu-title-lv3" href="#">
                                                                            <span class="title">Briefs</span>
                                                                        </a>
                                                                    </li>
                                                                    <li class="level3 nav-1-1-2 last parent">
                                                                        <a class=" menu-title-lv3" href="#">
                                                                            <span class="title">Blog</span>
                                                                        </a>
                                                                        <div class="wrap_submenu">
                                                                            <ul class="level3">
                                                                                <li class="level4 nav-1-1-1-1 first last">
                                                                                    <a class=" menu-title-lv4" href="#">
                                                                                        <span class="title">Bands</span>
                                                                                    </a>
                                                                                </li>
                                                                            </ul>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </li>
                                                        <li class="level2 nav-1-3">
                                                            <a class=" menu-title-lv2" href="#">
                                                                <span class="title">Cosmetic</span>
                                                            </a>
                                                        </li>
                                                        <li class="level2 nav-1-4">
                                                            <a class=" menu-title-lv2" href="#">
                                                                <span class="title">Duffle</span>
                                                            </a>
                                                        </li>
                                                        <li class="level2 nav-1-5 last">
                                                            <a class=" menu-title-lv2" href="#">
                                                                <span class="title">Nightwear</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="level1 nav-1-2 parent">
                                                <a class=" menu-title-lv1" href="#">
                                                    <span class="title">Shirts</span>
                                                </a>
                                                <div class="wrap_submenu">
                                                    <ul class="level1">
                                                        <li class="level2 nav-1-1-6 first">
                                                            <a class=" menu-title-lv2" href="#">
                                                                <span class="title">Tops</span>
                                                            </a>
                                                        </li>
                                                        <li class="level2 nav-1-1-7">
                                                            <a class=" menu-title-lv2" href="#">
                                                                <span class="title">Camis</span>
                                                            </a>
                                                        </li>
                                                        <li class="level2 nav-1-1-8">
                                                            <a class=" menu-title-lv2" href="#">
                                                                <span class="title">Helmet</span>
                                                            </a>
                                                        </li>
                                                        <li class="level2 nav-1-1-9">
                                                            <a class=" menu-title-lv2" href="#">
                                                                <span class="title">Lingerie</span>
                                                            </a>
                                                        </li>
                                                        <li class="level2 nav-1-1-10 last">
                                                            <a class=" menu-title-lv2" href="#">
                                                                <span class="title">Hair</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="level1 nav-1-3 parent">
                                                <a class=" menu-title-lv1" href="">
                                                    <span class="title">Shoes</span>
                                                </a>
                                                <div class="wrap_submenu">
                                                    <ul class="level1">
                                                        <li class="level2 nav-1-2-11 first">
                                                            <a class=" menu-title-lv2" href="">
                                                                <span class="title">Leathers</span>
                                                            </a>
                                                        </li>
                                                        <li class="level2 nav-1-2-12">
                                                            <a class=" menu-title-lv2" href="">
                                                                <span class="title">Rings</span>
                                                            </a>
                                                        </li>
                                                        <li class="level2 nav-1-2-13">
                                                            <a class=" menu-title-lv2" href="">
                                                                <span class="title">Cocktail</span>
                                                            </a>
                                                        </li>
                                                        <li class="level2 nav-1-2-14">
                                                            <a class=" menu-title-lv2" href="">
                                                                <span class="title">Gloves</span>
                                                            </a>
                                                        </li>
                                                        <li class="level2 nav-1-2-15 last">
                                                            <a class=" menu-title-lv2" href="">
                                                                <span class="title">Clothing</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="level1 nav-1-4 last parent">
                                                <a class=" menu-title-lv1" href="">
                                                    <span class="title">Shapewear</span>
                                                </a>
                                                <div class="wrap_submenu">
                                                    <ul class="level1">
                                                        <li class="level2 nav-1-3-16 first">
                                                            <a class=" menu-title-lv2" href="">
                                                                <span class="title">Hats</span>
                                                            </a>
                                                        </li>
                                                        <li class="level2 nav-1-3-17">
                                                            <a class=" menu-title-lv2" href="">
                                                                <span class="title">Outerwear</span>
                                                            </a>
                                                        </li>
                                                        <li class="level2 nav-1-3-18">
                                                            <a class=" menu-title-lv2" href="">
                                                                <span class="title">Novelty</span>
                                                            </a>
                                                        </li>
                                                        <li class="level2 nav-1-3-19">
                                                            <a class=" menu-title-lv2" href="">
                                                                <span class="title">Footwear</span>
                                                            </a>
                                                        </li>
                                                        <li class="level2 nav-1-3-20 last">
                                                            <a class=" menu-title-lv2" href="">
                                                                <span class="title">Sundresses</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="level0 nav-3 no-group drop-submenu">
                                    <a class=" menu-title-lv0" href="">
                                        <span class="title">Kids
                                        </span>
                                    </a>
                                </li>
                                <li class="level0 nav-4 no-group drop-submenu last parent">
                                    <a class=" menu-title-lv0" href="">
                                        <span class="title">Accessor
                                        </span>
                                    </a>
                                    <div class="wrap_submenu">
                                        <ul class="level0">
                                            <li class="level1 nav-3-1 first">
                                                <a class=" menu-title-lv1" href="">
                                                    <span class="title">Cfg products</span>
                                                </a>
                                            </li>
                                            <li class="level1 nav-3-2">
                                                <a class=" menu-title-lv1" href="">
                                                    <span class="title">Product types</span>
                                                </a>
                                            </li>
                                            <li class="level1 nav-3-3 parent">
                                                <a class=" menu-title-lv1" href="">
                                                    <span class="title">Bicycle</span>
                                                </a>
                                                <div class="wrap_submenu">
                                                    <ul class="level1">
                                                        <li class="level2 nav-3-2-1 first">
                                                            <a class=" menu-title-lv2" href="">
                                                                <span class="title">Lifestyle</span>
                                                            </a>
                                                        </li>
                                                        <li class="level2 nav-3-2-2">
                                                            <a class=" menu-title-lv2" href="">
                                                                <span class="title">Jackets</span>
                                                            </a>
                                                        </li>
                                                        <li class="level2 nav-3-2-3 last">
                                                            <a class=" menu-title-lv2" href="">
                                                                <span class="title">Scarves</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="level1 nav-3-4">
                                                <a class=" menu-title-lv1" href="">
                                                    <span class="title">Cosmetics</span>
                                                </a>
                                            </li>
                                            <li class="level1 nav-3-5 last">
                                                <a class=" menu-title-lv1" href="">
                                                    <span class="title">Bras</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="level0 custom-item"><a href="" target="_self" class="menu-title-lv0"><span class="title">blog</span></a></li>
                                <li class="level0 custom-item"><a href="" target="_self" class="menu-title-lv0"><span class="title">TV CHANEL</span></a></li>
                            </ul>

i check all articles and forum posts but i can't generate complete code of this menu.

i need help to know how i can construct transformation to achive this menu.