@media (min-width: 1200px) {
  .region-nav-main-mobile,
  #menu-overlay {
    display: none !important;
  }
}

.toogler-wrapper {
  display: flex;
  padding: 0.25rem 0;
  background-color: var(--mobile-navbar-bg, #fff);
}
@media (max-width: 575.98px) {
  .toogler-wrapper {
    justify-content: space-around;
  }
}
@media (min-width: 576px) {
  .toogler-wrapper {
    justify-content: flex-end;
  }
}

.menu-mobile-panel {
  position: fixed;
  width: 100%;
  max-width: 36rem;
  height: 100%;
  overflow: auto;
  background-color: var(--mobile-panel-bg, #ececec);
  top: 0;
  right: -36rem;
  transition: right 0.5s;
  z-index: 9000;
}
.menu-mobile-panel.open {
  right: 0;
  transition: right 0.5s;
}
.menu-mobile-panel.sticky {
  top: 0 !important;
}
.menu-mobile-panel .item-list {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--mobile-menu-item-color, #1e4e66);
}
.menu-mobile-panel .navbar-nav,
.menu-mobile-panel .item-list ul {
  flex-direction: column;
  margin: 0;
  list-style-type: none;
  padding-left: 0;
}
.menu-mobile-panel .navbar-nav > li,
.menu-mobile-panel .item-list ul > li {
  position: relative;
  margin: 0;
}
.menu-mobile-panel .navbar-nav > li.expanded,
.menu-mobile-panel .item-list ul > li.expanded {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.menu-mobile-panel .navbar-nav > li.expanded > a,
.menu-mobile-panel .item-list ul > li.expanded > a {
  color: var(--mobile-menu-item-color, #1e4e66);
  background-color: var(--mobile-menu-item-bg-color, #7895a3);
}
.menu-mobile-panel .navbar-nav > li.expanded > a.disabled,
.menu-mobile-panel .item-list ul > li.expanded > a.disabled {
  width: 100%;
  background-color: var(--mobile-menu-item-bg-color, #f8f9fa);
}
.menu-mobile-panel .navbar-nav > li.expanded > a.disabled:hover,
.menu-mobile-panel .item-list ul > li.expanded > a.disabled:hover {
  background-color: var(--mobile-menu-item-bg-color-hover, #f8f9fa);
  color: var(--mobile-menu-item-color-hover, #1e4e66);
}
.menu-mobile-panel .navbar-nav > li.expanded > a.disabled:hover + .dropdown-toggle::after,
.menu-mobile-panel .item-list ul > li.expanded > a.disabled:hover + .dropdown-toggle::after {
  color: var(--mobile-menu-item-color-hover, #1e4e66);
}
.menu-mobile-panel .navbar-nav > li.expanded > a.nav-link,
.menu-mobile-panel .item-list ul > li.expanded > a.nav-link {
  width: 100%;
}
.menu-mobile-panel .navbar-nav > li.expanded > ul .dropdown-menu > li,
.menu-mobile-panel .item-list ul > li.expanded > ul .dropdown-menu > li {
  padding: 0;
}
.menu-mobile-panel .navbar-nav > li.expanded.opened > .dropdown-menu,
.menu-mobile-panel .item-list ul > li.expanded.opened > .dropdown-menu {
  display: block;
}
.menu-mobile-panel .navbar-nav > li.expanded.opened .disabled,
.menu-mobile-panel .item-list ul > li.expanded.opened .disabled {
  background-color: var(--mobile-menu-item-opened-bg-color, #acf1d3);
}
.menu-mobile-panel .navbar-nav > li.expanded.opened > a,
.menu-mobile-panel .item-list ul > li.expanded.opened > a {
  color: var(--mobile-menu-item-opened-color, #1e4e66);
  background-color: var(--mobile-menu-item-opened-bg-color, #acf1d3);
}
.menu-mobile-panel .navbar-nav > li.active > a, .menu-mobile-panel .navbar-nav > li.active > a.disabled, .menu-mobile-panel .navbar-nav > li.active.expanded > a, .menu-mobile-panel .navbar-nav > li.active.expanded > a.disabled,
.menu-mobile-panel .item-list ul > li.active > a,
.menu-mobile-panel .item-list ul > li.active > a.disabled,
.menu-mobile-panel .item-list ul > li.active.expanded > a,
.menu-mobile-panel .item-list ul > li.active.expanded > a.disabled {
  background-color: var(--mobile-menu-item-bg-color-hover, #f8f9fa);
  color: var(--mobile-menu-item-color-hover, #1e4e66);
}
.menu-mobile-panel .navbar-nav li,
.menu-mobile-panel .item-list ul li {
  text-align: center;
}
.menu-mobile-panel .navbar-nav li a,
.menu-mobile-panel .item-list ul li a {
  display: block;
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  color: var(--mobile-menu-item-color, #1e4e66);
}
.menu-mobile-panel .navbar-nav li a:hover, .menu-mobile-panel .navbar-nav li a.is-active,
.menu-mobile-panel .item-list ul li a:hover,
.menu-mobile-panel .item-list ul li a.is-active {
  color: var(--mobile-menu-item-color-hover, #fff);
  background-color: var(--mobile-menu-item-bg-color-hover, #30dd92);
}
.menu-mobile-panel .navbar-nav .dropdown-menu,
.menu-mobile-panel .item-list ul .dropdown-menu {
  position: relative;
  width: 100%;
  box-shadow: none;
  transform: none !important;
}
.menu-mobile-panel .navbar-nav .dropdown-menu li > a,
.menu-mobile-panel .item-list ul .dropdown-menu li > a {
  background-color: var(--mobile-menu-dropdown-item-bg-color, #7895a3);
  color: var(--mobile-menu-dropdown-item-color, #1e4e66);
}
.menu-mobile-panel .navbar-nav .dropdown-menu li > a:hover, .menu-mobile-panel .navbar-nav .dropdown-menu li > a:focus,
.menu-mobile-panel .item-list ul .dropdown-menu li > a:hover,
.menu-mobile-panel .item-list ul .dropdown-menu li > a:focus {
  background-color: var(--mobile-menu-item-bg-color-hover, #f8f9fa);
  color: var(--mobile-menu-item-color-hover, #1e4e66);
}
.menu-mobile-panel .expanded .dropdown-toggle {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.menu-mobile-panel .expanded .dropdown-toggle::after {
  font-family: "Material Design Icons";
  font-size: 1.25rem;
  border: none;
  max-height: 2rem;
  display: flex;
  align-items: center;
  content: "\F0415";
}
.menu-mobile-panel .expanded .dropdown-toggle:hover::after {
  color: var(--mobile-menu-item-color-hover, #1e4e66);
}
.menu-mobile-panel .expanded .dropdown-toggle.show::after {
  content: "\F0374";
}
.menu-mobile-panel .dropdown.open {
  border-bottom: 0 !important;
}
.menu-mobile-panel .dropdown a {
  display: block;
  position: relative;
}
.menu-mobile-panel .dropdown .dropdown-submenu.open {
  border-bottom: 0 !important;
}
.menu-mobile-panel .dropdown-menu {
  position: relative !important;
  padding: 0;
  margin: 0;
  border: none !important;
  background-color: transparent;
}
.menu-mobile-panel .dropdown-menu li:last-child {
  border: none;
}
.menu-mobile-panel .dropdown-menu li:last-child a {
  font-weight: normal;
}

.toogler-main-panel {
  justify-content: flex-end;
  display: flex;
  color: var(--mobile-menu-btn-color, #1e4e66);
  background-color: var(--mobile-menu-btn-bg-color, #30dd92);
  text-transform: uppercase;
  appearance: none;
  text-decoration: none;
  cursor: pointer;
  padding: 0.5rem;
}
.toogler-main-panel:hover, .toogler-main-panel.is-active {
  color: var(--mobile-menu-btn-color-hover, #414141);
  background-color: var(--mobile-menu-btn-bg-color-hover, transparent);
}
.toogler-main-panel::before {
  margin-right: 5px;
  font-family: "Material Design Icons";
  content: "\F0156";
}

.opened.dropdown .dropdown-toggle::after {
  content: "\F0374";
}