@media screen and (min-width: 768px) {
    .portal-userInfoMobile-menu-wrapper {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .portal-mobile-userdropdown-wrapper .logo-btn-wreapper {
        width: 50% !important;
    }

    .portal-mobile-userdropdown-wrapper #portal-mobile-user-dropdown {
        display: block !important;
    }

    #sds-topbar .portal-mobile-userdropdown-wrapper {
        justify-content: space-between !important;
        padding: 0px 16px 0px 8px !important;
    }

    .portal-userInfoMobile-menu-wrapper .dx-popup-wrapper>.dx-overlay-content {
        border: 1px solid #DEE4E4 !important;
    }

    .portal-userInfoMobile-menu-wrapper.dx-popup-wrapper.dx-popover-wrapper .dx-popup-content {
        padding: 0px !important;
        border-radius: 16px !important;
        border: 1px solid var(--sds-grey-400, #DEE4E4);
        background-color: var(--sds-grey-000, #FFF) !important;
    }

    .portal-userInfoMobile-menu-wrapper hr {
        margin: 0px !important;
        background-color: #D9D9D9 !important;
        color: #D9D9D9 !important;
    }

    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-languages-header,
    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-userprofile-header,
    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-userprofile-content {
        padding: 14px 16px !important;
    }

    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-languages {
        margin-top: 8px;
    }

    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-userprofile {
        margin-bottom: 18px;
    }

    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-languages-header,
    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-userprofile-header {
        font-family: Inter;
        font-weight: 500;
        font-size: 12px;
        line-height: 18px;
        color: #879090;
    }

    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-languages .language-switch-dropdown,
    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-languages .language-switch-dropdown a {
       border-radius: 20px !important;
    }

    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-languages .language-switch-dropdown {
        padding-left: 8px;
        padding-right: 8px;
    }

    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-languages .language-switch-dropdown a.active {
        background-color: #E5F1F2 !important;
        width: 100%;
        /* margin-inline-start: 0.4rem; */
    }

    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-userprofile-content {
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
    }


    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-userprofile-content div {
        display: flex;
        flex-direction: column;
        /* gap: 4px; */
        min-width: 32px;
    }

    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-userprofile-content .user-name {
        font-family: Inter;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #020303;
    }

    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-userprofile-content .user-email {
        font-family: Inter;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        color: #879090;
    }

    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-userprofile-logout {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;

        background: #E5F1F2 !important;
        border-radius: 28px !important;
        padding: 6px 12px !important;
        margin: 10px 16px !important;

    }

    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-languages-content {
        cursor: pointer;
        background: #E5F1F2 !important;
        border-radius: 28px !important;
        padding: 0px 12px !important;
        margin: 10px 16px !important;
    }

    #sds-topbar #sds-language-switch.dropdown .header-item.portal,
    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-languages-content button {
        width: 100% !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 4px 0px !important;
    }

    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-userprofile-logout span {
        font-family: Inter;
        font-weight: 500;
        font-size: 12px;
        line-height: 18px;
        color: #5A6161;
    }

    .portal-userInfoMobile-menu-wrapper .portal-user-mobile-userprofile-logout svg path {
        fill: #5A6161;
    }

    .portal-userInfoMobile-menu-wrapper .dx-popover-arrow {
        display: none !important;
    }

    .portal-userInfoMobile-menu-wrapper .sds-selected-lang-abbr-mobile {
        font-weight: 500;
    }

    .portal-userInfoMobile-menu-wrapper .sds-selected-lang-abbr-mobile span {
        font-weight: 400;
    }
    

}