/* Loaded after Bootstrap 5 on the service pages that load it. On the live site the nav.php <style> block came after
   Bootstrap 5, so these rules must win over it again (same rules as section 2 of site.css). */
.desktop_header .cust_menu li a {font-size: 15px;}
a, a:hover, a:focus, a:active { text-decoration: none; }
#mediz-mobile-header .mediz-mobile-header-container { position: relative !important; }
#mediz-mobile-header .mediz-mobile-menu-right {
    display: block !important; position: absolute !important; right: 20px !important;
    top: 22px !important; left: auto !important; margin: 0 !important; z-index: 1000 !important;
}
#mediz-mobile-header .mediz-mobile-menu { display: block !important; float: none !important; margin: 0 !important; }
.mediz-mobile-header .mediz-overlay-menu-icon.mediz-mobile-button-hamburger {
    display: inline-block; position: relative;
    width: 30px; height: 26px; cursor: pointer;
}
.mediz-overlay-menu-content { background: #17449e !important; }
.mediz-overlay-menu-content ul.menu > li > a { color: #ffffff !important; }
.mediz-overlay-menu-content ul.menu > li { border-bottom-color: rgba(255,255,255,0.18) !important; }
.mediz-overlay-menu-content .mediz-overlay-menu-close {
    left: auto !important; right: 18px !important; top: 14px !important;
    margin: 0 !important; color: #ffffff !important; z-index: 2 !important;
}
.mediz-overlay-menu-content .mediz-overlay-menu-cell { vertical-align: top !important; }
.mediz-overlay-menu-content ul.menu { padding-top: 80px !important; padding-bottom: 40px !important; }
.mediz-overlay-menu-open { overflow: hidden; }
@media (max-width: 999px) {
    html, body { overflow-x: hidden; max-width: 100%; }
}