Вывод элемента после определенного кол-ва блоков

Подскажите пожалуйста, вот у меня идет список блоков с товарами, по 3 блока в строку, я вывожу блок с банером один раз после первых 3-х блоков с товаром, если блоков с товаром больше 3 единиц. как мне сделать чтобы при меньшем разрешении экрана банер выводился один раз после двух блоков с товаром?

PHP:

1. $i=0;
2.         $tt=0;
3.         $number=1;
4.         echo '<div class="row product_row_16">';
5.          while($row = sql_a($res)) {
6.              $object_type_keep=$object_type;
7.             if ($object_type==115){
8.                 $t='SELECT * FROM `link_gr-of-prod_with_prod` WHERE ID_PRODUCT='.$row[ID];
9. $resj11 = sql($t);
10.                
11.                 while($row12 = sql_a($resj11)) {
12.                     if ($row12[ID_GROUP_OF_PRODUCTS]==115){
13.                     }else{
14.                        
15.                         $object_type=$row12[ID_GROUP_OF_PRODUCTS];
16.                     }
17.                 }
18.             }
19.  
20.              if ($filter){
21.                      if (product_filter($lang,$filter,$row[ID])){
22.                         echo '<div class="product-item_16 w-1-3_16">';
23.                         show_shot_product_description_n_16($number, $object_type,$folder_id, $row[ID], 0,$lang,$filterold,$find_);
24.                          $i++;
25.                     }
26.              }
27.              else {
28.                      echo '<div class="product-item_16 w-1-3_16">';
29.                     if($find_==-66){
30.                         show_shot_product_description_n_16($number, $object_type,$folder_id, $row[ID], 0,$lang,$filterold,$find_);  
31.                     }else{
32.                          show_shot_product_description_n_16($number, $object_type,$folder_id, $row[ID], 0,$lang,$filterold,$find_);
33.                     }
34.                     $i++;
35.                 echo '</div>';
36.                
37.              }
38.              $object_type=$object_type_keep;
39.              if ($i>2){
40.                  $i=0;
41.                  if ($tt==0){
42.                    
43.                      $promo_pr=promo_product($object_type,2);
44.                      //echo $promo_pr;
45.                      if ($promo_pr==0){
46.                      }else{
47.                          echo '<div class="product-item_16 w-1-1_16">';
48.                         show_shot_product_description_long_16($number, $object_type,$folder_id, $promo_pr, 0,$lang,$filterold,$find_);
49.                         echo '</div></div>';
50.                      }
51.                    
52.                  }
53.                  $tt=1;
54.              }
55.  
56.         }

 

да пробовал на css сделать, что то не получается, что только не пробовал

 

пробовал применять flexbox, не реагировало, попробую еще раз, видимо ошибка где то в стилях. спасибо

 

спасибо, все сделал с помощью flexbox, применил для родителя display: flex; flex-wrap: wrap; а для дочерних:
item_16:first-child {order:0;}
item_16:nth-child(2) {order:1;}
item_16:nth-child(3) {order:3;}
item_16:nth-child(4) {order:2;}

flex-wrap: wrap; -забыл первый раз прописать и не получалось)

 

а вы можете порекомендовать материал(видео книги) по освоению ООР в РНР где меньше воды и все просто и понятно?