@media screen and (max-width: 767px) {

    .sh-mainpage-production {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1px 24px;
    }

    .sh-mainpage-production-block1 {
        grid-row: 1;
        grid-column: 1/5;
    }

    .sh-mainpage-production-block2 {
        padding-top: 20px;
        grid-row: 2;
        grid-column: 1/5;
        display: flex;
        flex-direction: column;
    }

    .sh-mainpage-production-block21 IMG {
        width: 100% !important;
    }

    .sh-mainpage-production-block22 {
        /* padding-left: 16px; */
        flex: 1;
    }
}