/* Themeisle Support - change menu mobile breakpoint */
@media only screen and (max-width: 900px) {
    .navbar-toggle {
        display: block;
    }
    #main-navigation {
        margin-top: 70px;
        padding-bottom: 15px;
    }
    .navbar.navbar-default .navbar-brand {
        color: #555;
    }
    .header > .navbar, .navbar.navbar-fixed-top .navbar-collapse {
        background-color: #fff;
    }
    .navbar-nav {
        float: none;
    }

    /* This was hiding the entire mobile menu — we need to remove the !important here */
    .navbar-collapse.collapse {
        display: none;
    }

    .navbar-collapse.collapse.in {
        display: block;
    }

    .navbar.hestia_left .navbar-nav {
        display: block;
        width: auto;
        float: none;
    }

    ul#menu-primary-menu li {
        display: block;
        float: none;
    }

    ul#menu-primary-menu li a {
        color: #000;
    }

    .navbar-toggle-wrapper {
        right: 20px;
        position: absolute;
        top: 25px;
    }

    .navbar.navbar-fixed-top .navbar-collapse {
        max-height: calc(100% - 70px);
        margin-top: 70px;
        overflow-y: auto;
        position: fixed;
        z-index: 9999;
        background: #fff;
        width: 100%;
        left: 0;
        top: 0;
        margin-left: 0;
        margin-right: 0;
        -webkit-overflow-scrolling: auto;
    }

    .navbar.navbar-transparent>.container {
        padding-top: 25px !important;
    }

    navbar.navbar-default.navbar-transparent li:not(.btn):hover > a,
    .navbar.navbar-default.navbar-transparent li:not(.btn):hover > a i,
    .navbar.navbar-default.navbar-transparent .navbar-toggle:hover,
    .navbar.navbar-default .responsive-nav-cart a:hover .navbar.navbar-default .navbar-toggle:hover {
        color: #e91e63 !important;
    }
}
@media (max-width: 768px) {
  /* Fix submenu display */
  .navbar-nav .menu-item-has-children > .sub-menu {
    display: none;
    position: relative;
    background-color: #fff;
    padding-left: 20px;
    z-index: 9999;
  }

  .menu-item-has-children.open > .sub-menu {
    display: block !important;
  }

  .navbar-nav .sub-menu li a {
    display: block;
    padding: 10px 15px;
    pointer-events: auto;
    z-index: 99999;
    position: relative;
  }

  /* Prevent next menu item from overlapping submenu */
  .menu-item-has-children.open + li {
    margin-top: 120px;
  }
}