@media (max-width: 768px) {
    .grade-lines.desktop {
        display: none;
    }

    .grade-lines.mobile {
        display: block;
        background: none;
    }

    .grade-lines.mobile .grade-stage {
        grid-template-columns: 70px 250px;
        margin-bottom: 24px;
        gap: 10px;
    }

    .grade-stage--column.text-right {
        text-align: left;
    }

    .grade-stage-line {        
        background: url('./line.svg') 50% 0 no-repeat;
        top: 100%;
        height: 200%;
    }

    .grade-stage:last-child .grade-stage-line {
        background: none;
    }

    .image-blocks {
        flex-direction: column;
    }

    .image-blocks--text {
        order: 2;
    }

    .image-blocks--img img {
        max-height: auto;
        min-width: auto;
    }

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

    .form-block--second {
        display: none;
    }

    .page .title_h2 {
        margin: 70px 0 18px 0;
    }

    .image-blocks--text {
        padding: 12px 0;
    }

    .image-blocks {
        margin-bottom: 0;
    }

    .image-blocks--text--text {
        font-size: 13px;
    }

    .form-block--first {
        padding: 24px 15px;
    }

    .subtitle {
        color: #1a1a1a;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 0.875rem;
        padding: 0;
    }

    .case {
        flex: 0 0 100%;
        padding: 12px;
    }

    .case-icon img{
        min-width: 30px;
    }


    .case-text {
        font-size: 13px;
    }

    .text-5xl {
        font-size: 26px;
    }

    #profile .main_ban-bx {
        top: auto;
    }

    .image-blocks--img img {
        max-height: fit-content;
    }

}

@media (min-width: 768px) and (max-width: 1280px) {
    .grade-lines.desktop .grade-stage {            
        grid-template-columns: 40% 20% 40%;
    }
}