/* =Child-Theme responsive styles starts here
-------------------------------------------------------------- */

/* Fix: on the collapsed ("...") mobile header menu, a 2nd-level submenu
   (e.g. "Servizi" > list of services) is positioned by the theme as a
   sideways flyout (left: 13em) meant for desktop screens with room to the
   side. On narrow screens there is no room, so the theme's own
   "keep on screen" logic (trx_addons_shift_submenu) folds it back on top
   of its own parent panel, covering the "Servizi" link itself: the next
   tap then lands on the first service in the list instead of just
   toggling the submenu open. Force it to expand in place (accordion style)
   instead, only for this specific mobile/tablet header widget instance. */
.sc_layouts_hide_on_wide.sc_layouts_hide_on_desktop.sc_layouts_hide_on_notebook
  .sc_layouts_menu_nav > li.menu-collapse ul.submenu li.menu-item-has-children > ul.sub-menu {
  position: static;
  left: auto;
  right: auto;
  top: auto;
  margin: 0 0 0 1em;
  width: auto;
  max-width: 100%;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}