/* mob/layout.css
   Сетки и универсальные перестройки блоков
*/
@media (max-width: 1024px){
  /* Универсально: любые "ряды" должны переноситься */
  .pi-row, .row{
    flex-wrap: wrap;
  }

  /* Внутренние отступы секций */
  .pi-section{
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

/* Смартфоны: делаем большинство колонок 100% */
@media (max-width: 767px){
  .pi-row > [class*="pi-col"], .row > [class*="col"]{
    width: 100% !important;
    float: none !important;
  }
}

/* Планшеты: часто 2 колонки — оставляем, но без переполнения */
@media (min-width: 768px) and (max-width: 1024px){
  .pi-row > [class*="pi-col"], .row > [class*="col"]{
    max-width: 100%;
  }
}
/* mob/layout.css */

/* Смартфоны, портрет */
@media (max-width: 767px) and (orientation: portrait){

  .zk-main-advantages ul{
    width: 100% !important;
    float: none !important;
    display: block !important;
    padding-left: 0 !important;
    margin: 0 0 16px 0 !important;
  }

  .zk-main-advantages li{
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 0 0 14px 0 !important;
  }

  .zk-main-advantages h3{
    margin: 0 0 6px 0 !important;
  }

  .zk-main-advantages p{
    margin: 0 !important;
  }
}
@media (max-width: 767px) and (orientation: portrait){
  .pi-col-xs-6{
    width: 100% !important;
  }
}

@media (max-width: 767px) and (orientation: portrait){
  .pi-col-xs-6{
    width: 100% !important;
  }
}

@media (max-width: 767px) and (orientation: portrait){
  .pi-col-xs-6{ width: 100% !important; float: none !important; }
}