@media (min-width: 1440px) {

}
@media (max-width: 1440px) {

}
@media (max-width: 1199px) {

}

@media (max-width: 991px) {
    header {
        top: 42px;
    }
}

@media (max-width: 767px) {
    .header-logo {
        width: 84px;
    }
    .btn-lng {
        font-size: 14px;
    }
    .top-block,
    .white-wrap,
    .pink-wrap {
        border-radius: 32px;
    }
    header {
        top: 24px;
        left: 24px;
        right: 24px;
    }
    h1, .h1 {
        font-size: 54px;
    }
    .framework-list {
        margin-right: -36px;
    }
    .framework-item {
        margin-bottom: 36px;
        margin-right: 36px;
    }

    .services-item {
        min-height: auto;
        cursor: pointer;
    }
    .services-item:after {
        content: "";
        display: block;
        opacity: 0.5;
        width: 12px;
        height: 12px;
        border-right: 1px solid;
        border-bottom: 1px solid;
        transform: rotate(45deg);
        margin: auto;
        transition: all 0.2s ease-out ;
    }
    .services-item.expand:after {
        transform: rotate(225deg);
    }
    .services-item > div,
    .industries-item:not(.expand) > div > div:nth-child(2) {
        padding-bottom: 16px;
    }
    .services-item:not(.expand) > div {
        display: none;
    }
    .industries-item {
        cursor: pointer;
    }
    .industries-item > div > div:nth-child(1):after {
        content: "";
        display: block;
        width: 12px;
        height: 12px;
        border-right: 1px solid;
        border-bottom: 1px solid;
        transform: rotate(45deg);
        margin: auto;
        transition: all 0.2s ease-out ;
        opacity: 0.5;
        position: absolute;
        bottom: 16px;
        left: 50%;
        margin-left: -8px;
    }
    .industries-item.expand > div > div:nth-child(1):after {
        transform: rotate(225deg);
    }
    .industries-item:not(.expand) > div > div:nth-child(2) {
        display: none;
    }
    .industries-item.way-item > div > div:nth-child(1):after {
        /*left: 116px;*/
    }
}

@media (min-width: 576px) {
}

@media (max-width: 575px) {
    h1, .h1 {
        font-size: 26px;
    }
    h2, .h2 {
        font-size: 26px;
    }
    .font-30 {
        font-size: 22px;
    }
    .framework-list {
        margin-right: -26px;
    }
    .framework-item {
        margin-bottom: 26px;
        margin-right: 26px;
    }
}

@media (max-width: 440px) {

}
@media (max-width: 425px) {
    .framework-list {
        margin-right: -16px;
    }
    .framework-item {
        margin-bottom: 16px;
        margin-right: 16px;
    }
}