.mobileSidebarContainer {
    display: none;
}

@media screen and (max-width: 1200px) {
    .mobileSidebarContainer {
        z-index: 1000;
        top: 0;
        left: calc(-100% - 60px);
        /*left: 0;*/
        width: 100%;
        height: 100vh;
        transition: left 0.2s ease;
        position: fixed;
        display: block;
    }
    .mobileSidebarContainer.active {
        left: 0;
    }
    .mobileSidebar {
        width: 100%;
        display: flex;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .mobileSidebar.active {
        left: 0;
    }
    .mobileSidebar__left {
        width: 293px;
        flex: none;
        box-shadow: 20px 4px 35px 0 rgba(147, 151, 173, 0.29);
        background-color: #fff;
        z-index: 1000;
        height: 100%;
        padding: 24px;
        border-top-right-radius: 26px;
        border-bottom-right-radius: 26px;
        display: flex;
        flex-direction: column;
    }
    .mobileSidebar__left .customScroll {
        height: 100%;
        margin-right: -19px;
        padding-right: 19px;
    }
    .mobileSidebar__right {
        margin-left: -26px;
        width: calc(100% - 267px);
        position: relative;
    }
    .mobileSidebar__right .customScroll {
        padding-right: 10px;
    }
    .mobileSidebar--toggle {
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 18px;
        cursor: pointer;
    }

    .sidebar--logo {
        display: flex;
    }
    .sidebar--logo img {
        height: 54px;
        display: block;
    }
    .sidebar__header {
        margin-bottom: 42px;
        flex: none;
        width: 100%;
        height: 54px;
        position: relative;
    }
    .sidebarMenuContainer {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .sidebarMenu {
        display: grid;
        row-gap: 6px;
        margin-bottom: 40px;
    }
    .mobileSidebar__left li {
        padding-left: 0;
    }
    .mobileSidebar__left li p {
        margin-bottom: 0;
    }
    .mobileSidebar__left li:before {
        display: none;
    }
    .sidebarMenu__item {
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #383838;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        transition: background-color 0.2s ease;
        border-radius: 10px;
    }
    .sidebarMenu__item:hover {
        background-color: #F5F7FA;
    }
    .sidebarMenu__item__content {
        display: flex;
        align-items: center;
    }
    .sidebarMenu__item--icon {
        margin-right: 10px;
        font-size: 24px;
    }
    .sidebarMenu__item--arrow {
        font-size: 20px;
        transform: rotate(-90deg);
    }

    .sidebar__block {
        padding: 20px;
        border-radius: 13px;
        background: rgba(235, 236, 241, 0.40);
    }
    .sidebar__block--title {
        color: #004271;
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 10px;
    }
    .sidebar__block--value {
        color: #383838;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
    }
    .sidebar__phone--link {
        color: #383838;
        font-family: Montserrat, serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        text-transform: uppercase;
    }
    .sidebar__blocks {
        display: grid;
        row-gap: 24px;
    }
    .sidebar__block {
        display: grid;
        row-gap: 20px;
    }
    .sidebar__block .button3 {
        width: 100%;
    }

    .sidebarMenu--openBottom {
        display: grid;
        row-gap: 5px;
    }
    .sidebarMenu--openBottom .sidebarMenu__item--arrow {
        transform: rotateX(0) rotate(90deg);
        transition: transform 0.2s ease;
    }
    .sidebarMenu__secondMenu{
        display: none;
        padding: 14px 14px 14px 22px;
        background-color: #F5F7FA;
        border-radius: 10px;
    }

    .sidebarMenu--openBottom.active .sidebarMenu__secondMenu {
        display: block;
    }

    .sidebarMenu--openBottom.active .sidebarMenu__item--arrow {
        transform: rotateX(180deg) rotate(90deg);
    }
    .sidebarMenu__secondMenu ul {
        list-style: none;
        display: grid;
        row-gap: 5px;
    }
    .sidebarMenu__secondMenu ul>li {
        border-radius: 10px;
        color: #495057;
        font-size: 16px;
        line-height: 20px;
        transition: background-color 0.2s ease;
    }
    .sidebarMenu__secondMenu ul>li.active {
        background-color: #E9EEF8;
    }
    .sidebarMenu__secondMenu ul>li:hover {
        background-color: #E9EEF8;
    }
    .sidebarMenu__secondMenu a {
        color: #495057;
        padding: 12px 10px;
        display: flex;
        align-items: center;
    }
    .sidebarMenu__secondMenu--icon {
        font-size: 20px;
        margin-right: 11px;
    }
    .mobileSidebarSecondMenu {
        padding: 20px 14px 20px 45px;
        flex-direction: column;
        height: 100%;
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
    }
    .mobileSidebarSecondMenu__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex: none;
        margin-bottom: 10px;
    }
    .mobileSidebarSecondMenu__header>span {
        display: flex;
        align-items: center;
    }
    .mobileSidebarSecondMenu--closeButton {
        margin-left: 12px;
        cursor: pointer;
        border-radius: 13px;
        background-color: rgba(0, 78, 134, 0.10);
        font-size: 14px;
        width: 26px;
        height: 26px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: none;
    }
    .mobileSidebarSecondMenu--closeButton span:before {
        color: #004E86;
    }
    .mobileSidebarSecondMenu--title {
        color: #004E86;
        font-size: 22px;
        font-weight: 600;
        line-height: 22px;
    }
    .mobileSidebarSecondMenu--backButton {
        transform: rotate(90deg);
        cursor: pointer;
        width: 26px;
        height: 26px;
        border-radius: 13px;
        background: #004E86;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        margin-right: 17px;
        flex: none;
    }
    .mobileSidebarSecondMenu--backButton span:before {
        color: #fff;
    }
    .mobileSidebarSecondMenu li {
        padding: 0;
    }
    .mobileSidebarSecondMenu li:before {
        display: none;
    }
    .mobileSidebarSecondMenu__items {
        margin-bottom: 0;
        display: grid;
        row-gap: 2px;
        column-gap: 5px;
    }
    .mobileSidebarSecondMenu__items li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 9px 12px;
        font-size: 14px;
        line-height: 20px;
        color: #231F20 !important;
        border-radius: 5px;
        transition: color 0.2s ease, background-color 0.2s ease;
    }
    .mobileSidebarSecondMenu__items li a:hover {
        color: #004E86;
        background-color: #F5F7FA;
    }
    .mobileSidebarSecondMenu__items li a>.icon-arrow {
        font-size: 20px;
        transform: rotate(-90deg);
        margin-left: 12px;
    }
    .mobileSidebar__manufactures {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 1000px) {
    .mobileSidebar__manufactures {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 700px) {
    .mobileSidebarContainer {
        box-shadow: 20px 4px 35px 0 rgba(147, 151, 173, 0.29);
        border-top-right-radius: 26px;
        border-bottom-right-radius: 26px;
    }
    .mobileSidebar {
        overflow: hidden;
        width: 310px;
        border-top-right-radius: 26px;
        border-bottom-right-radius: 26px;
    }
    .mobileSidebar__left {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 24px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .mobileSidebar__right {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        margin-left: 0;
    }
    .mobileSidebar__right .customScroll {
        margin-right: -20px;
        padding-right: 20px;
    }
    .mobileSidebarSecondMenu__items {
        margin-right: 0;
        padding-right: 0;
        row-gap: 8px;
    }
    .mobileSidebar__manufactures {
        grid-template-columns: repeat(1, 1fr);
    }
    .mobileSidebarSecondMenu {
        padding: 18px 16px 20px;
    }
    .mobileSidebarSecondMenu__items li a {
        font-size: 16px;
        padding: 10px;
    }
    .mobileSidebar__right .customScroll {
        margin-right: -10px;
        padding-right: 10px;
    }
    .mobileSidebarSecondMenu__header {
        margin-bottom: 24px;
    }
}