worldpay-style.css

.custom-worldpay-html { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 99; display: flex; align-items: center; justify-content: center; cursor: not-allowed; overflow: auto; }
.custom-worldpay-html #wp-cl { width: 40%; }
.custom-worldpay-html #wp-cl body { background-color: transparent !important; }

@media screen and (min-width: 1500px) {
    .custom-worldpay-html #wp-cl { width: 30%; }
}
@media screen and (max-width: 1500px) {
    .custom-worldpay-html #wp-cl { width: 40%; }
}
@media screen and (max-width: 991px) {
    .custom-worldpay-html #wp-cl { width: 50%; }
}
@media screen and (max-width: 767px) {
    .woocommerce .woocommerce-checkout #payment ul.payment_methods li { width: 100%; margin-right: 0; }
    .woocommerce .woocommerce-checkout #payment ul.payment_methods li + .payment_box { position: relative; width: 100%; left: 0; padding: 5px 0; }
    .custom-worldpay-html #wp-cl { width: 90%; }
}