ヘッダーナビで孫メニューを2列で表示する

このページ上部のナビゲーションで、メニュー 1 ⇒ サブメニュー 1-2 の順に開くと以下のように孫メニューが表示されます。

@media (min-width: 992px) { 

.gMenu>li:hover>.sub-menu {
    overflow: visible;
}

.vk-menu-acc ul.sub-menu ul.acc-child-open,
.vk-menu-acc ul.sub-menu ul.acc-child-close {
    position: absolute;
    left: -50%;
    width: 480px;
}

.vk-menu-acc ul.sub-menu ul.acc-child-open li,
.vk-menu-acc ul.sub-menu ul.acc-child-close li {
    width: 240px;
    float: left;
    background-color: #333333;
}

.vk-menu-acc ul.sub-menu ul.acc-child-open li a,
.vk-menu-acc ul.sub-menu ul.acc-child-close li a {
    border-right: 1px solid rgba(255,255,255,.15);
}

}