.swal2-confirm {
    width: 420px;
}

@media (max-width: 320px) {
    .swal2-confirm {
        width: 240px; /* Adjust the percentage as needed for smaller screens */
        max-width: none; /* Remove the maximum width for smaller screens if necessary */
    }

    /* Additional styles for smaller screens if needed */
}

/* Media query for screens with a minimum width of 321 pixels and a maximum width of 375 pixels (iPhone 6/7/8, Pixel 2, etc.) */
@media (min-width: 321px) and (max-width: 375px) {
    .swal2-confirm {
        width: 300px; /* Adjust the percentage as needed for medium-sized screens */
    }

    /* Additional styles for medium-sized screens if needed */
}

/* Media query for screens with a minimum width of 376 pixels and a maximum width of 414 pixels (iPhone 6/7/8 Plus, Pixel 2 XL, etc.) */
@media (min-width: 376px) and (max-width: 414px) {
    .swal2-confirm {
        width: 300px; /* Adjust the percentage as needed for larger screens */
    }

    /* Additional styles for larger screens if needed */
}

/* Media query for screens with a minimum width of 415 pixels (iPhone X/XS, Pixel 3, etc.) */
@media (min-width: 415px) {
    .swal2-confirm {
        width: 360px;
    }
}

@media (min-width: 426px) {
    .swal2-confirm {
        width: 400px;
    }

    /* Additional styles for screens larger than 425px if needed */
}