@media (max-width: 1024px) {
    .principle-item {
        grid-template-columns: 1fr;
    }

    .principle-image-block {
        text-align: center;
    }

    .learning-block {
        display: flex;
        flex-direction: column-reverse;
        gap: 18px;
    }

    .learning-right {
        text-align: center;
    }

    .founder-block {
        grid-template-columns: 1fr;
    }

    .founder-block-left {
        text-align: center;
    }

    .option-item {
        grid-template-columns: 1fr;
    }

    .option-item-reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .option-price {
        display: none;
    }

    .option-price-xs {
        display: inline-block;
        background: var(--light-blue);
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 14px;
        color: var(--white);
        padding: 8px 16px;
        border-radius: 5px;
    }

    .option-title {
        margin-top: 24px;
    }

    .work-item {
        grid-template-columns: 1fr;
    }

    .work-image-block {
        text-align: center;
    }

    .conditions-row {
        display: flex;
        flex-direction: column-reverse;
    }

    .condition-item {
        height: auto;
    }
}

@media (max-width: 768px) {
    .principle-item {
        gap: 16px;
    }

    .principle-info {
        padding: 24px;
    }

    .principle-title {
        font-size: 20px;
    }

    .principle-description {
        font-size: 14px;
    }

    .learning-left {
        padding: 24px;
    }

    .learning-description {
        font-size: 20px;
    }

    .learning-text {
        font-size: 14px;
    }

    .founder-block {
        gap: 16px;
    }

    .founder-block-right {
        padding: 24px;
    }

    .founder-description {
        font-size: 20px;
    }

    .founder-text {
        font-size: 14px;
    }

    .option-text-block {
        padding: 24px;
    }

    .option-title {
        margin-top: 16px;
        font-size: 20px;
    }

    .option-description {
        font-size: 16px;
    }

    .option-text {
        font-size: 14px;
        margin-top: 8px;
        margin-bottom: 16px;
    }

    .options-ask-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .options-ask-item {
        padding: 16px 3px;
        font-size: 14px;
        gap: 16px;
    }

    .options-ask-item svg {
        width: 60px;
    }

    .principle-item-reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .work-item {
        gap: 16px;
    }

    .work-text-block {
        gap: 16px;
    }

    .work-info {
        padding: 24px;
        flex-basis: 100%;
    }

    .work-title {
        font-size: 20px;
    }

    .work-description {
        font-size: 14px;
    }

    .conditions-list {
        gap: 16px;
    }

    .conditions-row {
        gap: 16px;
    }

    .condition-item-blue .condition-title,
    .condition-item-white .condition-title {
        font-size: 20px;
    }

    .condition-description {
        font-size: 14px;
    }

    .cases2-container {
        padding-top: 32px;
    }

    .cases2-swiper {
        padding-bottom: 32px;
    }

    .case2-card {
        flex-direction: column;
    }

    .case2-card__img {
        width: 100%;
        height: auto;
    }

    .case2-card__content {
        padding: 16px;
        width: 100%;
        margin-left: 0;
        margin-top: -24px;
    }

    .case2-card__title {
        font-size: 16px;
    }

    .team-row {
        flex-direction: column;
    }

    .team-item {
        height: auto;
        min-height: auto;
    }

    .row-split-left .team-item--big,
    .row-split-right .team-item--big {
        height: auto;
        min-height: auto;
    }

    .team-col {
        display: contents;
    }

    .team-item-description {
        display: block;
        padding: 16px;
        border-radius: 10px;
        font-size: 14px;
        background: var(--white);
        position: absolute;
        bottom: 16px;
        left: 16px;
        width: calc(100% - 32px);
    }

    .team-button-xs {
        display: block;
        margin-top: 24px;
    }

    .blogs-list {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .pagination-link {
        font-size: 16px;
    }

    .blog-title {
        font-size: 20px;
        margin-top: 8px;
    }

    .blog-description {
        font-size: 16px;
        margin-top: 8px;
    }

    .blog-container img {
        margin: 16px 0;
    }

    .blog-button {
        margin-top: 24px;
    }
}