@media screen and (min-width: 481px) and (max-width: 960px) {
    .checkout_info .form .wrapper {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        width: 100%;
    }

    .checkout_info .form .wrapper .col {
        width: 100%;
        padding-right: 0px;
    }

    .checkout_info .form {
        margin-left: 0;
    }

    .checkout_info .form .wrapper .col:last-child {
        margin-top: 0;
    }

    .checkout_info .form .wrapper.with-details .col:last-child {
        margin-top: 24px;
    }

    .checkout_info .form .wrapper + .col {
        width: 50%;
        margin-left: 0;
    }

    .checkout_info .form .line {
        width: 100%;
    }

    .delivery-details {
        flex-direction: column;
        align-items: baseline;
        gap: 8px;
        padding-top: 8px;
        margin-bottom: 10px !important;
    }

    .delivery-details .info {
        padding: unset;
    }

    .pvz-details .action {
        padding: 0 20px 0 0;
        margin: auto;
    }

    .pvz-details .action button {
        padding: 12px 20px;
    }

    .pvz-details .details {
        padding: 19px 0 19px 24px;
        flex: 1;
    }

    #tariffDialog .content {
        flex-direction: column;
    }

    #tariffDialog .row.form {
        width: unset;
    }

    .order-data {
        flex-direction: column;
    }

    .order-data .details {
        padding: 0;
        width: unset;
    }

    .delivery-dialog .k-window-content {
        padding: 24px;
    }
}