.mobile-menu-button .lines {
  vertical-align: middle;
}
.extra_icons {
  box-sizing: border-box;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  z-index: 1001;
  width: max-content;
  vertical-align: middle;
  cursor: default;
  display: none;
}
.mmb-container .mobile-menu-button .extra_icons.horizontal_icons {
  display: inline-block;
}
.mmb-container .mobile-menu-button .extra_icons.vertical_icons {
  display: block;
}
.mmb-container .mobile-menu-button.close .extra_icons {
  display: none;
}

@media (max-width: 959px) {
  body[class*="popeye-sm-"] .menu-container .mmb-container {
    display: none;
  }
  body[class*="popeye-sm-"].open-overlay-menu .navbar.menu-primary > .menu-container.menu-hide.menu-hided {
    transform: none !important;
  }
  #masthead > .mmb-container {
    z-index: 2001;
  }
  .menu-overlay .menu-sticky + .overlay-menu {
    z-index: 999;
  }
  .popeye-sm-bottomleft .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
    position: fixed;
    transform: none;
    left: 0;
    bottom: 0;
  }
}
.extra_icons > span {
  display: block;
  text-align: center;
  padding: 5px;
  height: 100%;
  position: relative;
}
.extra_icons.horizontal_icons > span {
  display: inline-block;
  align-items: center;
  vertical-align: middle;
}
.extra_icons .mobile-shopping-cart {
  position: initial;
  padding: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}
.extra_icons .mobile-shopping-cart .badge {
  background-color: #006cff;
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  color: #ffffff;
  line-height: 10px;
  top: 0px;
  right: 8px;
  border-radius: 50%;
  text-align: center;
  font-size: 9px;
  letter-spacing: 0.5px;
  padding: 4px;
  box-sizing: content-box;
  transform: none;
}
.extra_icons img {
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 960px) {
  .popeye-lg-topleft .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
    position: fixed;
    transform: none;
    left: 0;
    top: 0;
  }
  .popeye-lg-topcenter .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
    position: fixed;
    transform: none;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
  }
  .popeye-lg-topright .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
    position: fixed;
    transform: none;
    right: 0;
    top: 0;
  }
  body.admin-bar[class*="popeye-lg-top"] .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
    top: 32px;
  }
  .popeye-lg-topright .mmb-container.mmb-container-overlay .mobile-menu-button {
    position: fixed;
    right: 0;
  }
  .popeye-lg-bottomleft .mmb-container .mobile-menu-button {
    position: fixed;
    transform: none;
    left: 0;
    bottom: 0;
  }
  .popeye-lg-bottomcenter .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
    position: fixed;
    transform: none;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }
  .popeye-lg-bottomcenter .mmb-container.mmb-container-overlay .mobile-menu-button {
    position: fixed;
    bottom: 0;
  }
  .popeye-lg-bottomright .mmb-container .mobile-menu-button {
    position: fixed;
    transform: none;
    right: 0;
    bottom: 0;
  }
}

@media (max-width: 959px) {
  .popeye-sm-topleft .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
    position: fixed;
    transform: none;
    left: 0;
    top: 0;
  }
  .popeye-sm-topcenter .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
    position: fixed;
    transform: none;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: max-content;
  }
  .popeye-sm-topright .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
    position: fixed;
    transform: none;
    right: 0;
    top: 0;
  }
  body.admin-bar[class*="popeye-sm-top"] .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
    top: 32px;
  }
  .popeye-sm-bottomleft .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
    position: fixed;
    transform: none;
    left: 0;
    bottom: 0;
  }
  .popeye-sm-bottomcenter .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
    position: fixed;
    transform: none;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: max-content;
  }
  .popeye-sm-bottomright .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
    position: fixed;
    transform: none;
    right: 0;
    bottom: 0;
  }
}

@media screen and (max-width: 782px) {
  body.admin-bar[class*="popeye-sm-top"] .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
    top: 46px;
  }
}
@media screen and (max-width: 600px) {
  body.admin-bar[class*="popeye-sm-top"] .mmb-container:not(.mmb-container-overlay) .mobile-menu-button {
    top: 0px;
  }
}