@media (max-width: 991px) {
    .button-open-panel {
        display: flex;
    }
}

@media (max-width: 991px) {
    .navigation {
        display: none;
    }
}

@media (min-width: 992px) {
    .button-open-panel {
        display: none;
    }
}

@media (min-width: 992px) {
    .navigation {
        display: block;
    }
}


@media (max-width: 991px) {

    /* Header и Навигация */
    .header__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: stretch;
        align-items: stretch;
    }

    .header__right-contacts {
        display: flex;
        margin: 0;
        justify-content: space-between;
    }

    .header__icons {
        display: flex;
        gap: 15px;
        margin-right: 0px;
    }

    .nav {
        display: none;
    }


    .button-open-panel {
        display: flex;
    }

    .nav-menu {
        display: block;
    }

    /* //Header и Навигация// */

    /* Интегральное решение */
    .section-hero {
        padding-top: 0px;
        padding-left: 0%;
        padding-right: 0%;
        margin-bottom: 20px;
    }

    .container-hero {
        padding-top: 0px;
        padding-bottom: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        border-top-style: solid;
        border-right-style: none;
        border-left-style: none;
        border-top-width: 1px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-bottom-style: none;
        border-top-color: rgba(34, 34, 34, 0.1);
    }

    .container-left-text-hero {
        width: 100%;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        align-items: stretch;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        padding-right: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin-top: 0px;
        z-index: 2;
    }

    .wrapper-left-text-hero {
        padding-top: 40px;
        padding-bottom: 0px;
        padding-right: 0px;
    }

    .left-text-hero-title {
        font-size: 25px;
        justify-content: flex-start;
        line-height: 22px;
        text-align: left;
        width: auto;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 10px;
        font-weight: 300;
        background-color: rgba(255, 255, 255, 1);
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 0px;
    }

    .left-text-hero-title-strong {
        font-size: 35px;
        text-align: left;
        line-height: 45px;
        background-color: rgba(255, 255, 255, 1);
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 0px;
    }

    .left-text-hero-btn {
        -webkit-box-align: start;
        align-items: flex-start;
        padding-top: 20px;
        padding-bottom: 20px;
        width: auto;
    }

    .left-text-hero-btn-square {
        width: 30px;
        position: absolute;
        display: inline-block;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        background-color: rgba(255, 255, 255, 0.3);
        height: 30px;
        left: 30px;
        transition-property: all;
        transition-duration: 650ms;
        transition-delay: 0ms;
        transition-timing-function: ease;
    }

    .left-text-hero-btn-title {
        display: inline-flex;
        vertical-align: top;
        position: relative;
        text-transform: uppercase;
        font-size: 17px;
        font-family: Oswald, sans-serif;
        line-height: 140%;
        font-weight: 600;
    }

    .container-right-block-hero {
        padding-top: 0px;
        padding-bottom: 0px;
        width: auto;
        min-width: auto;
        margin-top: 20px;
    }

    .section-services {
        margin-bottom: 0px;
    }

    .container-services {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .services-item {
        -webkit-box-align: center;
        align-items: center;
        margin-right: 8px;
    }

    /* //Интегральное решение// */

    /* Карточки услуг */
    .services {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        height: auto;
        flex-wrap: wrap;
    }

    .service {
        width: 48%;
        height: auto;
        min-width: auto;
        padding-left: 30px;
        padding-top: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
        justify-content: flex-start;
    }

    .service__title {
        font-size: 21px;
        margin-left: 0px;
    }

    /* //Карточки услуг// */

    /* Блок "О нас" */
    .container-about-us {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        align-items: flex-start;
        -webkit-box-align: start;
        padding-left: 0px;
        padding-right: 0px;
        flex-direction: column;
    }

    .wrapper-image-about-us {
        width: 100%;
        margin-bottom: 24px;
        background-position: 50% 25%;
    }

    .square-image-about-us {
        margin-right: 40px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .square-title-about-us {
        font-size: 32px;
    }

    .wrapper-description-about-us {
        width: 100%;
        padding-left: 0%;
        padding-right: 0%;
    }

    .page-title {
        font-size: 35px;
        text-align: left;
        line-height: 45px;
    }

    .wrapper-work-starting-year {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .work-starting-year {
        font-size: 30px;
        line-height: 120%;
        text-align: left;
    }

    .wrapper-about-us-link {
        width: 100%;
    }

    .about-us-link-universal {
        width: auto;
        /* min-width: 160px; */
    }

    .about-us-info-text {
        text-align: left;
    }

    .about-us-btn {
        -webkit-box-align: start;
        align-items: flex-start;
    }

    /* //Блок "О нас"// */

    /* Блок Консультация и Преимущества работы */
    .container-benefit-working {
        flex-direction: column;
    }

    .container-free-expert-consultation {
        top: auto;
        position: relative;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 30px;
        margin-top: 0px;
    }

    .free-expert-consultation-caption span {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 8px;
    }

    .free-expert-consultation-text span {
        margin-bottom: 12px;
        margin-top: 0px;
        text-align: left;
    }

    .container-benefit-working-with-us {
        padding-top: 30px;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        padding-left: 0px;
    }

    .benefit-working-with-us-cont,
    .container-how-we-work {
        min-width: auto;
        padding-left: 30px;
        padding-top: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
        justify-content: flex-start;
    }

    .benefit-working-with-us-text,
    .how-we-work-title {
        font-size: 30px;
        line-height: 40px;
    }

    .benefit-working-with-us-profitable-conditions-text {
        font-size: 19px;
    }

    .how-we-work-description-icon img {
        width: 45px;
        height: auto;
    }

    /* //Блок Консультация и Преимущества работы// */

    /* Footer */
    .footer-icons-list {
        display: flex;
        flex-direction: column;
    }

    .icons-list-item {
        margin-top: 6px;
        margin-bottom: 6px;
        margin-left: 0px;
    }

    .button-up {
        width: 55px;
        height: 55px;
    }

    .section-copyright {
        padding-bottom: 4%;
        padding-top: 4%;
    }

    /* //Footer// */
}

@media screen and (min-width: 992px) {

    .button-open-panel,
    .nav-menu {
        display: none !important;
    }
}