@media (min-width: 576px) and (max-width: 767.98px) {
  .page-servicios .block2 .wservices-element-1 {
      font-size: 36px;
  }
  .page-servicios .block3 .cloud {
      margin: 0px 15px 0px 15px;
  }
  .page-servicios .wrap-servicio{
      display: grid;
      grid-template-columns: 8fr 4fr 1fr;
  }
  .page-servicios .wrap-servicio:nth-child(3n+1) .arrow-servicio{
      margin-left: 0px;
  }
  .page-servicios .wrap-servicio:nth-child(3n+2) .arrow-servicio{
      margin-left: 0px;
  }
  .page-servicios .wrap-servicio:nth-child(3n+3) .arrow-servicio{
      margin-left: 0px;
  }

  .arrow-servicio {
      gap: 0px;
      width: 100px;
  }
  .arrow-servicio .wrap-circulo {
      margin: 0px 10px;
  }
  .arrow-servicio .punta {
      width: 55px;
      height: 100px;
  }
  .arrow-servicio .reactangulo {
      width: 200px;
      height: 100px;
  }
  .arrow-servicio .reactangulo .imagen {
      width: 100px;
      height: 60px;
      position: relative;
      top: 50px;
      left: -10px;
      z-index: 3;
      transform: translateY(-50%);
  }
  .arrow-servicio .reactangulo .texto {
      font-size: 11px;
      position: relative;
      top: -20px;
      left: 96px;
      width: 95px;
      height: 30px;
      line-height: 1.2;
  }
  .list{
    min-height: 98px;
  }
  .list ul li:before {
    font-size: 16px;
    margin-right: -2px;
  }
  .list ul li a {
      width: 220px;
  }
  .flecha{
    min-height: 98px;
  }
}