如何更改CSS以使两列显示两个产品而不是一个？

Question

我的woocommerce网站只有一个列，在移动模式下每列只显示一个产品。我正在尝试更改它，以便在响应时每列显示两个产品。 我如何更改CSS以使两列显示两个产品而不是一个响应模式？ 我尝试了从其他网站复制的以下代码：

@media(max-width:760px){
 .tab-content {
  width:50%;
  float:left; 
  }
  } 

但我认为这不正确。

我尝试了代码：

@media(max-width:760px){
 .owl-item {
  width:50%;
  float:left; 
  }
  } 

但他们不能解决我的问题。 我的网站的网址是 - ＆gt; URL