@media (max-width: 991px) {


#mast-head {
    width: 15em;
}

#slnt-logo {
    display: block;
    /*
    display:inline-block;
    float:left;
    */
}

#slnt-prim-menu {
        display: block;
    /*
    display:inline-block;
    float:left; 
    */
}

#slnt-srch {
        display: block;
    /*
    display:inline-block;
    float:left; 
    */
}

#slnt-header {
    /*clear: both;*/
    width: 100%;
    /*height: 100px;*/
    opacity: 1.0;
    z-index: 10;
    background-color: white;
}

main {
    clear:both;
}  


  /* credit: BBC iPlayer - well I pay my license fee to the glorious corporation. "It's Your BBC" */
  .sub-menu-container.animated {
    /*
    transition-property: top;
    -webkit-transition-property: top;
    transition-timing-function:
      ease;
    -webkit-transition-timing-function:
      ease;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
    */
    /*height: 64px; */
  }

  nav[role=navigation].animation {
    /*
    transition-property: height;
    -webkit-transition-property: height;
    transition-timing-function:
      ease;
    -webkit-transition-timing-function:
      ease;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
    */
    /*height: 64px; */
  }

  nav[role=navigation] {}



  .main-menu-item-container>li {
    display: block;
    white-space: nowrap;
    width: 150px;
  }

  .main-menu-item-container {
    display: block;
  }

  /*
  .main-menu-item-container {
    display: inline-block;
    column-count: 3;
    width: 200px;
  }

  .sub-menu-item-container {
    flex-direction: row;
    position: relative;
    height: 64px;
    columns: 6;
    width: auto;
    z-index: -2;

  }
  */

  .sub-menu-container {
    /* width: 100%; */
    /*right: 250px; */
    /*
    right: 0px;
    position: absolute;
    z-index: -2;
    */
    /*height: 100%;*/
  }

  /*
  .sub-menu-container.visible {
    visibility: visible;
    display: initial;
  }

  .sub-menu-container.hidden-2l {
    visibility: hidden;
    display: initial;

  }
    */

  .slnt-menu-main-ul {
    background: white;
  }

  .sub-menu-container.visible {
    visibility: initial;
    display: block;
  }

  .sub-menu-container.hidden-2l {
    visibility: initial;
    display: none;
  }

  .sub-menu-item-container > li {
  padding-bottom: 5px;
}

.main-menu-item-container > li {
  padding-bottom: 5px;
}

}

/*

https://stackoverflow.com/questions/79791175/how-to-stop-tap-highlight-blink-on-sub-menu-items-and-only-have-it-for-top-menu

*/


/* Remove pointer events from the LI containers so they don't get tap highlights */
/*
.main-menu-item-container > li {
    pointer-events: none;
}
*/
/* Re-enable pointer events on the interactive children */
/*
.main-menu-item-container > li > button.main_nav_link {
    pointer-events: auto;
}
*/

/* Ensure the entire submenu and its contents are interactive */
/*
.sub-menu-container,
.sub-menu-container * {
    pointer-events: auto;
}
*/