@media screen and (max-width: 991px) {
    .header-top {
        padding: 5px 0;
    }

    .header-top .profile-info > .profile-info__button {
        width: 38px;
        height: 38px;
        padding: 2px;
    }

    .header-top .profile-info > .profile-info__button .profile-info__icon {
        width: 30px;
        height: 30px;
    }

    .header-top .language_switcher > .language_switcher__caption {
        width: 38px;
        height: 38px;
        padding: 0;
    }

    .header-top .language_switcher > .language_switcher__caption .icon,
    .header-top .language_switcher > .language_switcher__caption .icon img {
        width: 20px;
        height: 20px;
    }

    .nav-backdrop {
        display: block !important;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100vw;
        height: auto;
        z-index: 999;
        -webkit-backdrop-filter: blur(10px) saturate(.9) brightness(.9);
        backdrop-filter: blur(10px) saturate(.9) brightness(.9);
    }

    html.nav-open .header {
        z-index: 1000;
    }
}

@media screen and (max-width: 575px) {
    body.profile-dropdown-open::after {
        z-index: 999;
        background: rgba(15, 23, 42, .24);
        -webkit-backdrop-filter: blur(10px) saturate(.9) brightness(.9);
        backdrop-filter: blur(10px) saturate(.9) brightness(.9);
    }

    body.profile-dropdown-open .header-top {
        position: relative;
        z-index: 1000;
    }

    body.profile-dropdown-open .profile-dropdown {
        z-index: 10020;
    }
}
