.eshop-top-menu {
  background:                                               $eshop-top-menu-bg-color;
  color:                                                    $eshop-top-menu-color;
  font-size:                                                $eshop-top-menu-font-size;
  top:                                                      0px !important;

  @include media-breakpoint-down(sm) {
    padding:                                                0px;
    justify-content:                                        normal;
    position:                                               fixed;
    z-index:                                                100002;
    width:                                                  100%;

    .navbar-nav {
      display:                                              block;
      width:                                                100%;
      z-index:                                              100;
    }

    .nav-link {
      padding:                                              15px;
    }
  }

  &:link, &:hover{
    color:                                                  $eshop-top-menu-color;
  }
  .nav-link {
    color:                                                  $eshop-top-menu-color !important;
  }
  .dropdown {
    background:                                             $eshop-top-menu-dropdown-bg-color;
  }
}
