<div class='apk-header-mobile apk-header-mobile-sticky uk-hidden@s uk-dark' uk-sticky='top: 0; animation: uk-animation-slide-bottom'>
<div class='uk-container'>
<ul class='uk-navbar-nav uk-width-1-1'>
<li class='uk-width-auto uk-flex uk-flex-left'>
<a href='#menu-mobile' title="Menu" uk-toggle>
<svg width="25" height="25" viewBox="0 0 38 34" fill="none" xmlns="http://www.w3.org/2000/svg" class=" uk-svg" data-svg="/static/img/pictos/menu-burger.svg">
<rect x="0.5" width="37" height="8.18462" fill="currentColor"></rect>
<rect x="0.5" y="12.4708" width="37" height="8.18462" fill="currentColor"></rect>
<rect x="0.5" y="25.8154" width="37" height="8.18462" fill="currentColor"></rect>
</svg>
</a>
</li>
<li class='uk-width-3-5 uk-flex uk-flex-center'>
<a href='/{{app.request.locale}}' title="{{ "Your website name"|trans }}">
<div class='apk-logo uk-text-center'>
<span>{{ "Your website name"|trans }}</span>
</div>
</a>
</li>
{% if document.getProperty('BookNowLink') %}
<li class='uk-width-1-3 uk-flex uk-flex-right'>
{% if document.getProperty('studio-type') %}
{% set studType = document.getProperty('studio-type') %}
{% if document.getProperty('studio-type') is instanceof('\\Pimcore\\Model\\DataObject') %}
<a class='uk-button uk-button-primary' href="{{ document.getProperty('BookNowLink') }}?studioTypeId={{ studType.id }}">{{ "Book now"|trans }}</a>
{% else %}
<a class='uk-button uk-button-primary' href="{{ document.getProperty('BookNowLink') }}?studioTypeId={{ studType }}">{{ "Book now"|trans }}</a>
{% endif %}
{% else %}
<a class='uk-button uk-button-primary' href="{{ document.getProperty('BookNowLink') }}">{{ "Book now"|trans }}</a>
{% endif %}
</li>
{% endif %}
</ul>
</div>
</div>