<div class="hidden-md hidden-lg  menuwrap quabg ">
		<div class="col-md-6">
			<a class="mdx_logo" href="[[++site_url]]">
				<img src="[[++Logo_mobile_image]]" alt="logo"/>
			</a>
		</div>
		
		<div class="col-md-6">		
			<input type="checkbox" id="nav-trigger" class="nav-trigger" />
			<label for="nav-trigger" onclick="showhide()"></label>
		
		
			[[pdoMenu?
				&parents=`0`
				&level=`1`
				&parentRowTpl=`@INLINE <li class="innerrow"><a href="[[+wf.link]]">[[+wf.linktext]]</a>[[+wf.description]]  [[+wf.wrapper]]</li>`
				&rowTpl=`@INLINE <li [[+wf.id]][[+wf.classes]]><a href="[[+wf.link]]" title="[[+wf.title]]" [[+wf.attributes]]>[[+wf.linktext]]</a>[[+wf.wrapper]]</li>`
				&outerTpl=`@INLINE<ul class="navigation" id="first-ul" style="display:none;*display:none;">[[+wf.wrapper]]</ul>
					<script>
						function showhide() {
							var e = document.getElementById("first-ul");
							if (e.style.display === "none") {
								e.style.display = "block";
							} else {
								e.style.display = "none";
							}
						}

					</script>`
					
				&tplInner=`@INLINE 		
						<input type="checkbox" id="nav-trigger-arr[[+id]]" class="nav-trigger-arr[[+id]]" />
						<label for="nav-trigger-arr[[+id]]"  onclick="showhide[[+id]]()" class=""></label>
						<style>
							  .nav-trigger-arr[[+id]] + label{transition:left .2s; display:block;*display:block}
							  .nav-trigger-arr[[+id]] {position:absolute;clip: rect(0,0,0,0);}
							  .nav-trigger-arr[[+id]]:checked ~ .innerul {height:auto;display:block;*display:block}							 
							  .nav-trigger-arr[[+id]]:checked + label {right: 15px;}
							  label[for="nav-trigger-arr[[+id]]"]:before{
								content: "";
								float: right;
								font-family: FontAwesome;
								font-size: 17px;
								}
							 label[for="nav-trigger-arr[[+id]]"] {position: absolute;right: 15px;margin-top:-32px;z-index: 9999;cursor: pointer;width: 32px;height: 32px;background-repeat:no-repeat; }
						</style>
						
						<script>
							function showhide[[+id]]() {
							var e = document.getElementById("sm-ul[[+id]]");
							if (e.style.display === "none") {
								e.style.display = "block";
							} else {
								e.style.display = "none";
							}
						}
						
						</script>


						<ul class="innerul" id="sm-ul[[+id]]" style="display:none;*display:none;">
						[[+wf.wrapper]]
						</ul>`
		]]
		</div>
</div>