/* Custom Language Menu - 2 columns layout with Flexbox */

/* Wrap language items in flex container */
body .dt-mobile-header ul.mobile-main-nav,
body div.dt-mobile-header ul#mobile-menu {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* All menu items default to full width */
body .dt-mobile-header ul.mobile-main-nav > li,
body div.dt-mobile-header ul#mobile-menu > li {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* Language items take 50% width */
body .dt-mobile-header ul.mobile-main-nav > li.lang-item,
body div.dt-mobile-header ul#mobile-menu > li.lang-item,
body .dt-mobile-header ul.mobile-main-nav > li[class*="lang-item"],
body div.dt-mobile-header ul#mobile-menu > li[class*="lang-item"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    display: block !important;
    box-sizing: border-box !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/* Language item links */
body .dt-mobile-header ul.mobile-main-nav > li.lang-item a,
body div.dt-mobile-header ul#mobile-menu > li.lang-item a,
body .dt-mobile-header ul.mobile-main-nav > li[class*="lang-item"] a,
body div.dt-mobile-header ul#mobile-menu > li[class*="lang-item"] a {
    width: 100% !important;
    display: block !important;
}
