.mobile-menu {
    left: 0;
    transform: translate(-100%);
}

.mobile-menu.opened {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    display: block;
}

.mobile-menu.opened .menu li a {
    color: var(--color-theme_text);
}

.mobile-menu.opened .header-contact {
    display: flex;
}

.mobile-menu.opened .social-group__item {
    background-color: inherit;
    padding: 0;
}

@media (max-width: 991px) {
    .header-top {
        display: flex !important;
    }

    .header__mob {
        display: none;
    }
}

@media (max-width: 870px) {
    .header__mob {
        display: flex;
    }

    .menu-header_menu-container {
        display: none;
    }
}