/* V8/tag keep desktop navigation until their existing 660px mobile switch. */
@media (min-width: 661px) and (max-width: 768px) {
  #navigation {
    position: relative;
  }

  #navigation #normal_menu .mmo.cbnl-mega-menu {
    top: 100%;
    left: 0;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    color: #333;
    overflow-wrap: anywhere;
    animation: none;
  }

  #navigation #normal_menu > li:hover > .cbnl-mega-menu,
  #navigation #normal_menu > li:focus-within > .cbnl-mega-menu {
    display: grid;
  }

  #navigation #normal_menu .cbnl-mega-menu--without-featured.cbnl-mega-menu--without-links {
    grid-template-columns: minmax(0, 1fr);
  }

  #navigation #normal_menu .cbnl-mega-menu,
  #navigation #normal_menu .cbnl-mega-menu * {
    box-sizing: border-box;
  }

  #navigation #normal_menu .cbnl-mega-menu > div {
    float: none;
    width: auto;
    min-width: 0;
  }

  #navigation #normal_menu .cbnl-mega-menu > .mmo_box_3 {
    display: block;
    grid-column: 1 / -1;
    padding: 15px 27px;
    border-top: 1px solid #efefef;
  }

  #navigation #normal_menu .cbnl-mega-menu--without-links > .mmo_box_3 {
    grid-column: auto;
    border-top: 0;
    border-left: 1px solid #efefef;
  }

  #navigation #normal_menu .cbnl-mega-menu .mmo_box_3 img {
    display: none;
  }

  #navigation #normal_menu .cbnl-mega-menu a:focus-visible {
    outline: 2px solid #a51b0b;
    outline-offset: 3px;
  }
}