.zmenu-mobile-handler{ display:none; }

.zmenu ul li{ display:inline-block; transition:background 0.3s; cursor:pointer; }
.zmenu ul li a{ display:inline-block; padding:11px 17px; }
.zmenu ul li:hover{ background:var(--main-light-color); }
.zmenu ul li .fa, .zmenu ul li .fas{ margin-right:7px; }

@media (max-width:768px){
   .zmenu-mobile-handler{ display:block; position:fixed; top:-48px; left:-47px; border-radius:45%; background:var(--main-medium-color); width:100px; height:100px; color:#ffffff; z-index:9900; box-shadow:1px 1px 5px 0 rgba(0,0,0,0.15); }
   .zmenu-mobile-handler .fas{ position:fixed; top:12px; left:12px; font-size:21px; }
   .zmenu-mobile-handler .fas.fa-times{ font-size:23px; left:13px; }
   .zmenu{ position:fixed; top:0; left:-100vw; width:100vw; height:100vh; transition:left 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05); z-index:9899; background:rgba(0,0,0,0.15); }
   .zmenu.open{ left:0; }

   .zmenu ul{ padding-top:75px; height:100vh; width:80%; background:#ffffff; box-shadow:1px 1px 5px 0 rgba(0,0,0,0.15); }
   .zmenu ul li{ display:block; }
   .zmenu ul li a{ display:block; padding:11px 15px 11px 45px; }
   .zmenu ul li.float-right{ float:none!important; }
   .zmenu ul li.mobile-separator{ margin-top:25px; }
}