@media (max-width: 767px) {

flyout-menu-categories{
  width: 85vw;
  height: 100vh;
  top: 0;
   transform: translate(-100%, 0%);
}
flyout-menu-categories.open{
  transform: translate(0%, 0%);
}
flyout-menu-categories.closed{
  transform: translate(-100%, 0%);
}
  
flyout-menu-categories #main-category-selector-wrapper ul{
  max-height: 80vh;
}
flyout-menu-categories .selectorDropDown-dropdown-wrapper{
    max-height: 70vh;
    min-height: 70vh;
}


flyout-menu-categories ul li:hover{
  background: var(--theme-white);
  color:var(--theme-selected-darkblue-color);
  box-shadow: var(--theme-box-shadow-3d-harsh-min);
}




































  
  
}