@media (max-width: 991.98px) {
  #mainHeader #navMenu .navbar-nav { width:100%; gap:0; }
  #mainHeader #navMenu .navbar-nav > .nav-item { width:100%; margin-left:0!important; text-align:center; }
  #mainHeader #navMenu .navbar-nav > .nav-item + .nav-item { border-top:1px solid rgba(45,78,62,.17); }
  #mainHeader #navMenu .navbar-nav > .nav-item > a { font-size:20px; font-weight:500; line-height:1.5; padding:14px 12px; }
  #mainHeader #navMenu .navbar-nav > .nav-item:last-child { padding-top:14px; }
  #mainHeader #navMenu .dropdown-menu {
    display:block; position:static; float:none; min-width:0; width:100%;
    max-height:0; overflow:hidden; opacity:0; visibility:hidden;
    padding:0 12px; margin:0; border:0; box-shadow:none;
    background:rgba(145,173,135,.08);
    transition:max-height .3s ease-in-out, opacity .25s ease-in-out, padding .3s ease-in-out, visibility 0s linear .3s;
  }
  #mainHeader #navMenu .dropdown-menu.show {
    max-height:350px; opacity:1; visibility:visible; padding:8px 12px;
    transition:max-height .3s ease-in-out, opacity .25s ease-in-out, padding .3s ease-in-out, visibility 0s;
  }
  #mainHeader #navMenu .dropdown-menu li + li { border-top:1px solid rgba(45,78,62,.12); }
  #mainHeader #navMenu .dropdown-item { font-size:20px; font-weight:500; line-height:1.5; white-space:normal; padding:10px 8px; text-align:center; }
  #mainHeader #navMenu .dropdown-toggle::after { transition:transform .3s ease-in-out; }
  #mainHeader #navMenu .dropdown-toggle[aria-expanded="true"]::after { transform:rotate(180deg); }
}
@media (prefers-reduced-motion: reduce) {
  #mainHeader #navMenu .dropdown-menu, #mainHeader #navMenu .dropdown-toggle::after { transition:none; }
}