@media only screen and (max-width: 1000px) {
    .orderInfo-page-wrapper {
        padding: 0;
    }

    .orderInfo-header img {
        margin: 0 auto 20px auto;
    }

    .orderInfo-check-wrapper {
        flex-direction: row;
        padding: unset;
        gap: 50px;
    }

    .check-wrapper, .check-text-wrapper {
        display: flex;
        flex-direction: column;
        gap: 30px;
        height: unset;
    }

    .check-container, .check-text-container {
        width: unset;
        height: 100%;
    }

    .check-text-container {
        flex-direction: row;
        align-items: center;
    }

    .check-wrapper {
        margin-bottom: 0;
    }

    .check-text {
        margin-left: unset;
        max-width: unset;
    }

    .check-container::after {
        top: unset;
        left: 10px;
        bottom: 0;
        top: calc(-100% - 10px);
        transform: unset;
        height: calc(100% - -10px);
        border-left: 1px dashed #A7A7A7;
    }

    .active.check-container::after {
        border-bottom: unset;
        border-left: 1px solid #ff6027;
    }

    .orderInfo-width-container.desktop {
        display: none;
    }

    .orderInfo-width-container {
        width: 100%;
    }

    .delivery-date-text-container.mobile {
        display: flex;
    }

    .delivery-date-image-container.mobile {
        display: block;
        margin: 0 0 10px;
        width: 100%;
    }
}

@media only screen and (max-width: 800px) {
    .orderInfo-page-container {
        padding: 20px 15px;
    }

    .orderInfo-width-wrapper {
        display: unset;
    }

    .orderInfo-detail-drop {
        border-radius: 0px;
    }

    .orderInfo-width-container {
        width: calc(100% - -30px);
        margin-left: -15px;
    }
}

@media only screen and (max-width: 1000px) {
    .orderInfo-check-wrapper {
        flex-direction: row;
        gap: 50px;
    }
}

@media only screen and (max-width: 600px) {
    .orderInfo-check-wrapper {
        padding: 0 0 0 2rem;
    }
}