@import 'menu-layout';
.#{$prefix}-mobile-menu-section{
   position: fixed;
   height: 100%;
   z-index: 99;
   top: 0;
   bottom: 0;
   left: -100%;
   background-color: $color_black;
   padding: 30px;
   overflow-y: auto; 
   transition: all 0.5s ease;
   width: 100%;
   a{
       color: $color_white;
   }
   @include media(lg){
       padding: 30px;
       width: 25%;
   }

   &.show{
       left: 0;
   }
   .#{$prefix}-mobile-close-icon{
       text-align: right;
   }
   .#{$prefix}-menubar-search{
       padding-top: 30px;
       .search-form{
           .search-submit{
               background-color: $color_white;
               color: $color_black;
           }
       }
   }

}