<div class="responsive so-megamenu ">
	<div class="so-vertical-menu no-gutter compact-hidden">
		<nav class="navbar-default">
			<div class="container-megamenu vertical">
				<div id="menuHeading">
					<div class="megamenuToogle-wrapper">
						<div class="megamenuToogle-pattern">
							<div class="container">
								<div>
									<span></span>
									<span></span>
									<span></span>
								</div>
								
								Todas Categorias						
							</div>
						</div>
					</div>
				</div>
									
				<div class="navbar-header">
					<button type="button" id="show-verticalmenu" data-toggle="collapse" class="navbar-toggle btn btn-primary"><i class="fa fa-bars"></i> Menu</button>	
				</div>

				<div class="vertical-wrapper" style="display: none;">
					<span id="remove-verticalmenu" class="fa fa-times"></span>
					<div class="megamenu-pattern">
						<div class="container">
							<ul class="megamenu">
								<li class="visible-xs" style="padding: 10px; text-transform: uppercase; font-size: 15px; font-weight: bold; text-align: center;">Categorias</li>
								%%SNIPPET_departamentos%%
							</ul>

							<ul class="megamenu visible-xs">
								<li style="padding: 10px; text-transform: uppercase; font-size: 15px; font-weight: bold; text-align: center;">P&aacute;ginas</li>
								%%Panel.PagesMenu%%
							</ul>
						</div>
					</div>
				</div>
			</div>
		</nav>
	</div>
</div>