/* Donation product page: keep the donation form visible on tablet and mobile. */
@media (max-width: 1281px) {
    .box-block {
        padding: 20px 15px;
    }

    .box-block > .row,
    .donation-product-layout {
        display: flex !important;
        flex-wrap: wrap !important;
        row-gap: 25px;
    }

    .box-block > .row > .col-lg-5,
    .box-block > .row > .col-xl-5,
    .box-block > .row > .js_main_product,
    .donation-product-layout > .donation-details-col,
    .donation-product-layout > .donation-form-col {
        display: block !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .box-block .left-side,
    .donation-product-layout .left-side {
        display: block !important;
        width: 100% !important;
    }

    .left-side .fisrt-block > .d-flex,
    .new-donater-block .col-md-12 > .d-flex {
        flex-wrap: wrap;
        gap: 10px;
    }

    .left-side .btn-secondary {
        margin-left: 0;
        width: 100%;
    }

    .left-side .radio {
        flex: 1 1 calc(33.333% - 10px);
        min-width: 88px;
    }

    .input-value {
        flex: 1 1 100%;
        width: 100%;
    }

    .input-value .form-control {
        width: 100%;
        min-width: 0 !important;
    }

    .payment-block {
        flex-wrap: wrap;
        gap: 10px;
        text-align: center;
    }

    .payment-block img {
        width: min(100%, 300px);
    }

    .order-block .btn-blue {
        display: block;
        width: 100%;
        min-height: 46px;
    }
}