x submenu positioning in 2-column layout */
    .dropdown-submenu > .dropdown-menu {
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
    }

    /* Responsive adjustments */
    @media (max-width: 767px) {
        .dropdown-menu.columns-2 {
            min-width: 100%;
        }
        
        .dropdown-menu.columns-2 > li {
            width: 100%;
            float: none;
        }
    }

    </style>

</head>

<body>

  <div id="wrapper">

      <div id="navbar-wrapper">
       