Мега меню pdoMenu

<nav id="primary-menu" class="sub-title">

<ul class="sf-js-enabled my-cl" style="touch-action: auto;">
	<li class="sub-menu"><a href="/" class="sf-with-ul"><div>1</div><span>первый пунтк</span></a>
		<ul>
			<li class="sub-menu"><a href="/" class="sf-with-ul"><div>1.1</div></a></li>
			<li class="sub-menu"><a href="/" class="sf-with-ul"><div>1.2</div></a></li>
			<li class="sub-menu"><a href="/" class="sf-with-ul"><div>1.3</div></a></li>
			<li class="sub-menu"><a href="/" class="sf-with-ul"><div>1.4</div></a></li>
		</ul>
	</li>
	<li class="current sub-menu" ><a href="/" class="sf-with-ul"><div>2</div><span>второй пункт</span></a>
		<ul>
			<li class="sub-menu"><a href="/" class="sf-with-ul"><div><i class="icon-stack"></i>2.1</div></a></li>
			<li class="sub-menu"><a href="/" class="sf-with-ul"><div><i class="icon-gift"></i>2.2</div></a></li>
		</ul>
	</li>
	<li class="mega-menu sub-menu"><a href="/" class="sf-with-ul"><div>3</div><span>третий пункт (мега)</span></a>
		<div class="mega-menu-content style-2 clearfix">
			<ul class="mega-menu-column col-md-3">
				<li class="mega-menu-title sub-menu"><a href="/" class="sf-with-ul"><div>3.1</div></a>
					<ul>
						<li><a href="/"><div>3.1.1</div></a></li>
						<li><a href="/"><div>3.1.2</div></a></li>
					</ul>
				</li>
			</ul>
			<ul class="mega-menu-column col-md-3">
				<li class="mega-menu-title sub-menu"><a href="/" class="sf-with-ul"><div>3.2</div></a>
					<ul>
						<li><a href="/"><div>3.2.1</div></a></li>
						<li><a href="/"><div>3.2.2</div></a></li>
					</ul>
				</li>
			</ul>
			<ul class="mega-menu-column col-md-3">
				<li class="mega-menu-title sub-menu"><a href="/" class="sf-with-ul"><div>3.3</div></a>
					<ul>
						<li><a href="/"><div>3.3.1</div></a></li>
						<li><a href="/"><div>3.3.2</div></a></li>
					</ul>
				</li>
			</ul>
			<ul class="mega-menu-column col-md-3">
				<li class="mega-menu-title sub-menu"><a href="/" class="sf-with-ul"><div>3.4</div></a>
					<ul>
						<li><a href="/"><div>3.4.1</div></a></li>
						<li><a href="/"><div>3.4.2</div></a></li>
					</ul>
				</li>
			</ul>
		</div>
	</li>
	<li class="current sub-menu"><a href="#" class="sf-with-ul"><div>4</div><span>четвертый</span></a></li>
</ul>

<div id="top-search">
	<a href="#" id="top-search-trigger"><i class="icon-search3"></i><i class="icon-line-cross"></i></a>
	<form action="search.html" method="get">
		<input name="q" class="form-control" value="" placeholder="tip / enter" type="text">
	</form>
</div>

</nav>