@media (min-width: 768px) {
    .modal-dialog.mk-gather-modal-wide {
        width: 653px;
        max-width: calc(100% - 40px);
    }
}


.mk-gather-modal-wide .charge-box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.mk-gather-modal-wide .charge-box .product-box,
.mk-gather-modal-wide .charge-box .zib-widget {
    flex: 0 0 calc(25% - 8px);
    min-width: 180px;
    max-width: none;
}

@media (min-width: 768px) {
    .mk-gather-modal-wide .charge-box.mb10 .product-box[data-for="quota_package_key"],
    .mk-gather-modal-wide .charge-box.mb10 .zib-widget[data-for="quota_package_key"],
    .mk-gather-modal-wide .charge-box.mb10 .product-box[data-for="points_quota_key"],
    .mk-gather-modal-wide .charge-box.mb10 .zib-widget[data-for="points_quota_key"],
    .mk-gather-modal-wide .charge-box.mb10 .product-box[data-for="quota_purchase_pack_key"],
    .mk-gather-modal-wide .charge-box.mb10 .zib-widget[data-for="quota_purchase_pack_key"],
    .mk-gather-modal-wide .charge-box.mb10 .product-box[data-for="quota_points_pack_key"],
    .mk-gather-modal-wide .charge-box.mb10 .zib-widget[data-for="quota_points_pack_key"] {
        min-width: 180px !important;
        max-width: 250px !important;
    }
}

@media (max-width: 767px) {
    .modal-dialog.mk-gather-modal-wide {
        width: 100%;
        max-width: 100%;
    }

    .mk-gather-modal-wide .charge-box,
    .mk-gather-modal-wide .charge-box.mb20,
    .mk-gather-modal-wide .charge-box.mb10 {
        gap: 8px !important;
        justify-content: flex-start !important;
    }

    .mk-gather-modal-wide .charge-box .product-box,
    .mk-gather-modal-wide .charge-box .zib-widget,
    .mk-gather-modal-wide .charge-box .vip-product,
    .mk-gather-modal-wide .charge-box .zib-widget.vip-product,
    .mk-gather-modal-wide .charge-box .zib-widget.vip-product.product-box {
        flex: 0 0 calc(50% - 4px) !important;
        min-width: 0 !important;
        max-width: none !important;
        width: calc(50% - 4px) !important;
        box-sizing: border-box;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}