.submenu__toggle {
    display: none;
    background: none;
    border: none;
    color: var(--white);
    width: 2.5em;
}

.submenu__toggle.is-active img {
    transform: rotate(180deg);
}

.main-nav__bottom-social-links {
    display: none;
}

@media only screen and (max-width: 767px) {
    /* Отключение прокрутки на body */
    .mobile--no-scroll {
        overflow: hidden;
    }

    /* Для фиксации позиции при отключении прокрутки */
    body.mobile--no-scroll {
        /*position: fixed;*/
        overflow: hidden;
        width: 100%;
    }

    .page-header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
        background-color: var(--white);

        --mobile-menu-fs: 17px;
    }

    .main-nav__bottom-social-links {
        display: flex;
        color: var(--white);
        flex-direction: column;
        align-items: center;
        gap: 1em;
        padding-block: 4em;
    }

    .bottom-social-links__icons a:not(:last-child) {
        margin-inline-end: 0.4em;
    }

    .main-nav__bottom-social-links .header-item-phone {
        margin-right: 0;
    }

    .main-nav__bottom-social-links .header-item-phone a {
        color: var(--white);
        font-weight: bolder;
    }

    .main-nav__bottom-social-links .phone-icon {
        margin-right: 1em;
    }

    .page-header > .container {
        max-height: 50px;
        z-index: 110;
        background-color: var(--white);
    }

    .bottom-social-links__button {
        border-radius: 4px;
        padding: 8px 16px;

    }

    .bottom-social-links__button:hover {
        /*background-color: var(--white);*/
        /*color: var(--base);*/
        text-decoration: underline;
    }

    .mp__panel {
        position: unset;
        background-color: unset;
    }

    .mp__wr {
        display: flex;
        align-items: center;
    }

    .mp__line, .mp__line::after, .mp__line::before {
        background-color: #202338;
    }

    .mp__nav-panel_main {
        top: 60px;
    }

    .logo-img {
        height: 2.5em;
        width: 100%;
    }

    .page-header__mobile-navbar {
        display: flex;
        justify-content: space-between;
    }

    .bottom-social-links__phone {
        margin-block-end: 0.3em;
    }

    .main-nav, .main-nav .col-md-12, .mp__nav-panel {
        padding-left: 0;
        padding-right: 0;
    }

    .mp__nav-panel {
        padding-block-start: 1.2em;
    }

    .main-nav > .container {
        max-width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .mp__nav-panel {
        max-width: 300px;
    }

    .main-nav__item {
        border-block-end: 1px solid #FFFFFF80;
    }

    .main-nav__item:last-child {
        border-block-end: 1px solid #FFFFFF80;
        margin-left: 0;
        max-width: 100%;
    }

    .main-nav__item__wrapper {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }

    .submenu {
        display: none;
        position: relative;
        left: unset;
        min-height: unset;
        background: unset;
        z-index: unset;
    }

    .submenu.is-active {
        display: block;
    }

    .submenu__toggle {
        display: inline-block;
    }

    .submenu__toggle {
        position: relative;
        border: none;
        background: none;
        padding: 0;
        margin: 0;
        outline: none;
    }

    .submenu__toggle::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 0;
        border-bottom: 4px solid transparent;
        /*transition: border-color 0.3s;*/
    }

    /*.submenu__toggle:hover::after {*/
    /*    border-bottom-color: var(--white);*/
    /*}*/

    .submenu a {
        color: var(--white);
    }

    .submenu__top img {
        display: none;
    }

    .submenu_item-ul {
        display: none;
    }

    .submenu__top {
        font-weight: unset;
        font-size: var(--mobile-menu-fs);
        margin-bottom: 0;
    }

    .submenu__items {
        flex-direction: column;
        padding-block-start: 0;
        padding-block-end: 0.5em;
    }

    .submenu__item {
        padding-block: 0.3em;
    }

    .main-nav__item-link {
        font-size: var(--mobile-menu-fs);
        padding-block: 11px;
        padding-inline: 0.2em;
        margin-inline-start: 0.7em;
    }
}