@media screen and (min-width: 768px) {
    .miniBallSchoolSchema .title span {
        display: unset;
    }

    .miniBallSchoolSchema .letter {
        text-align: right;
    }

    .miniBallSchoolSchema .result {
        display: flex;
        align-items: center;
        text-align: left;
    }

    .miniBallSchoolSchema .title[data-id="A"],
    .miniBallSchoolSchema .title[data-id="B"],
    .miniBallSchoolSchema .title[data-id="C"],
    .miniBallSchoolSchema .letter[data-id="A"],
    .miniBallSchoolSchema .letter[data-id="B"],
    .miniBallSchoolSchema .letter[data-id="C"],
    .miniBallSchoolSchema .listBox[data-id="A"],
    .miniBallSchoolSchema .listBox[data-id="B"],
    .miniBallSchoolSchema .listBox[data-id="C"],
    .miniBallSchoolSchema .result[data-id="A"],
    .miniBallSchoolSchema .result[data-id="B"],
    .miniBallSchoolSchema .result[data-id="C"] {
        order: unset;
    }
}