.eshop-bottom-menu-wrapper {
  background:                                               $bottom-menu-bg-color;
  .eshop-bottom-menu {
    color:                                                  $bottom-menu-color;
    height:                                                 $bottom-menu-height;
    font-size:                                              $bottom-menu-font-size;

    @extend                                                  .container ;
    @include media-breakpoint-down(sm) {
      height:                                               auto;
      padding:                                              0px;
    }

    &:link, &:hover {
      color:                                                $bottom-menu-color;
    }
    .nav-link {
      color:                                                $bottom-menu-color !important;
      border-left:                                          solid 1px $bottom-menu-color;

      @extend                                                .py-0 ;
      @extend                                                .px-#{$bottom-menu-spacing} ;
      @include media-breakpoint-down(sm) {
        margin:                                             15px !important;
        border-left:                                        none !important;
        text-align:                                         left;
        padding-left:                                       0px !important;
      }
    }
    .nav-item {
      &:first-child {
        .nav-link {
          padding-left:                                     0px !important;
          border-left:                                      none;
        }
      }
    }
    .navbar-nav {
      @include media-breakpoint-down(sm) {
        display:                                            block;
        width:                                              100%;
        z-index:                                            100;
        margin-top:                                         -1px;
        padding:                                            0px;
      }
    }
    .navbar {
      @include media-breakpoint-down(sm) {
        padding:                                            0px;
      }
    }
  }
}
