products alignment | WordPress.org

I am using this custom css to make the products in mobile view be in two columns but it doesn’t work the products become smaller but still in one column
@media only screen and (max-width: 712px) { ul.products li.product {

width: 50%!important;

padding: 10px !Important;

display: inline-block !Important; } }

• This topic was modified 4 hours, 5 minutes ago by yazanessam.

The page I need help with: [log in to see the link]