@media screen and (max-width: 770px) {
    .gridRow.col4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .miniBallSchoolSchema .title,
    .miniBallSchoolSchema .listBox,
    .miniBallSchoolSchema .letter,
    .miniBallSchoolSchema .result {
        width: 100%;
    }

    .miniBallSchoolSchema .title span {
        display: none;
    }

    .miniBallSchoolSchema .listBox {
        padding-top: 0;
    }

    .miniBallSchoolSchema .letter {
        padding: 0;
        text-align: center;
    }

    .miniBallSchoolSchema .result {
        padding-left: 0;
        padding-bottom: 2rem;
        justify-content: center;
    }

    .miniBallSchoolSchema .title[data-id="A"] {
        order: 1;
    }

    .miniBallSchoolSchema .title[data-id="B"] {
        order: 5;
    }

    .miniBallSchoolSchema .title[data-id="C"] {
        order: 9;
    }

    .miniBallSchoolSchema .letter[data-id="A"] {
        order: 2;
    }

    .miniBallSchoolSchema .letter[data-id="B"] {
        order: 6;
    }

    .miniBallSchoolSchema .letter[data-id="C"] {
        order: 10;
    }

    .miniBallSchoolSchema .listBox[data-id="A"] {
        order: 3;
    }

    .miniBallSchoolSchema .listBox[data-id="B"] {
        order: 7;
    }

    .miniBallSchoolSchema .listBox[data-id="C"] {
        order: 11;
    }

    .miniBallSchoolSchema .result[data-id="A"] {
        order: 4;
    }

    .miniBallSchoolSchema .result[data-id="B"] {
        order: 8;
    }

    .miniBallSchoolSchema .result[data-id="C"] {
        order: 12;
    }
}