How To Change Home Page Product View Per Row CSS

@media all and (min-width: 1001px) {

 .home-page .product-grid .item-box{
    width: 24%;
    margin: 0 0.5% 50px;
  }
  .home-page .product-grid .item-box:nth-child(3n+1){
    clear: none;
  }
  .home-page .product-grid .item-box:nth-child(4n+1){
    clear: both;
  }
 }