.mobile-menu-hide {
  display: none;
}

.mobile-menu-show {
  display: unset;
  margin-top: unset;
}

.mobile-category-name {
  font-size: 20px;
  padding-bottom: unset;
}

.mobile-category-first-level li {
  margin: 15px;
  margin-left: unset;
}

.expander-minus::after {
  content: "-";
}

.mobile-category-name a, .sub-nav-content a, .mega-menu-images a {
  color: #333 !important;
  background-color: #fff !important;
}

@media (max-width: 767px) {
  .replacer-sub-nav.img-column {
    margin: unset !important;
    padding: unset;
    padding-left: 10px;
  }
}

@media (max-width: 991px) {
  .header-menu .sublist {
    border-bottom: unset !important;
  }

  .replacer-sub-nav {
    margin-left: 45px !important;
  }

  .mega-menu-images {
    text-align: center;
  }

    .mega-menu-images img {
      width: 300px;
    }

  .header-menu-mobile > .top-menu li .sublist li:hover, .header-menu-mobile > .top-menu li:hover {
    background-color: #fff !important;
  }
}

@media (min-width: 768px) {

  .img-column {
    top: 5%;
    position: absolute !important;
    right: 4px;
  }
}

@media all and (min-width: 992px) {
  .menu-expander {
    display: none;
  }

  .mobile-menu-hide {
    display: unset;
  }

  .header-menu ul li:hover > .sublist {
    display: flex;
    justify-content: space-between;
    width: fit-content;
    max-width: 1300px;
  }

  .popup-right-align {
    right: 0px;
  }

  .replacer-sub-nav-outer a {
    padding: 7px 14px !important;
  }

  .replacer-sub-nav {
    float: left;
  }

    .replacer-sub-nav.img-column {
      float: right;
      padding-left: 10px;
      width: 270px;
    }

    .replacer-sub-nav .sub-nav-header {
      font-size: 14px;
      font-weight: bold;
      padding: 6px 14px !important;
      display: block;
      max-width: 35ch;
      white-space: nowrap;
    }

    .replacer-sub-nav sub-nav-content {
      margin-left: unset;
    }

    .replacer-sub-nav .sub-nav-subheader {
      max-width: 35ch;
      white-space: nowrap;
    }

    .replacer-sub-nav.img-column a {
      font-weight: bold;
      padding: 5px 0 !important;
      text-align: center;
    }

      .replacer-sub-nav.img-column a img {
        padding: 0px !important;
        width: 250px;
      }

        .replacer-sub-nav.img-column a img:hover {
          border: 2px solid #008035;
        }

      .replacer-sub-nav.img-column a span {
        color: #008035;
      }

  .header-menu .sublist li a::before {
    display: none;
  }

  .header-menu .sublist {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .img-column {
    position: relative !important;
  }
}