Solution for this topic

You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

@media (max-width: 800px) {
#page-container .woocommerce ul.products li.product {
    width: 45%;
    margin-bottom: 30px;
}
#page-container .woocommerce ul.products li.product:nth-child(2n+1) {
    clear: both;
}
}

@media (max-width: 550px) {
#page-container .woocommerce ul.products li.product {
    width: 100%;
}
}