/* mmovil */
@media screen and (max-width: 480px) {
  .hero .hero-img-wrap {
    max-width: 100%;
  }
  .hero .hero-img-wrap img {
    width: 100% !important;
    object-fit: cover;
    margin: auto;
    left: 0;
    top: 0;
  }
  .hero .hero-img-wrap:after {
    display: none;
  }
  .product-section {
    padding: 2rem 0;
  }
  .why-choose-section {
    padding: 0rem 0;
  }
  .why-choose-section .feature .icon {
    width: 100%;
    margin: auto;
    left: 0;
    top: 0;
    justify-content: center;
    display: flex;
  }
  .why-choose-section .img-wrap.index img {
    object-fit: cover;
  }
  .we-help-section .imgs-grid {
    grid-template-columns: repeat(18, 2fr);
  }
  .we-help-section .imgs-grid .grid.grid-3 {
    grid-column: 19 / span 16;
  }
  .we-help-section .feature .icon {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: auto;
  }
  .product-item-sm {
    height: -webkit-fill-available;
    justify-content: center;
  }
  .footersocial {
    width: 100%;
  }
  /*  */
  .img-wrap.about {
    margin-top: 12%;
  }
  .why-choose-section .img-wrap.about img {
    height: 29vh;
    object-fit: cover;
  }
  .untree_co-section.team {
    text-align: center;
  }
  .hero .hero-img-wrap.portfolios img {
    height: 36vh;
    margin-bottom: 6%;
  }

  .hero .hero-img-wrap.programs img {
    height: 41vh;
  }
  .hero .hero-img-wrap.programs.ed img {
    height: 33vh;
  }
  /* .hero .hero-img-wrap.programs.ed img {
    height: 35vh;
  } */
  .hero-img-wrap.programs.ed {
    margin-bottom: 6%;
  }

  table,
  thead,
  tbody,
  th,
  td,
  tr {
    /* Fuerza a que todos los elementos se comporten como bloques */
    display: block;
  }

  table.resp th {
    display: none;
  }
  thead tr {
    /* Oculta los encabezados originales de la tabla */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  tr {
    /* Añade un borde para simular una "tarjeta" por cada fila */
    border: 1px solid #ccc;
    margin-bottom: 10px;
  }

  td {
    /* Estiliza cada celda de datos como una línea */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%; /* Deja espacio para la etiqueta */
  }

  td:before {
    /* Usa el atributo data-label para crear la etiqueta */
    content: attr(data-label);
    position: absolute;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: bold;
    text-align: left;
  }
}

@media screen and (min-width: 600px) {
  .hero .hero-img-wrap.index img {
    height: auto;
    object-fit: cover;
    width: 100%;
  }
  .hero .hero-img-wrap img {
    left: -8px;
  }
  .hero .hero-img-wrap:after {
    right: -60px;
  }
  .why-choose-section .feature .icon {
    width: 100%;
    margin: auto;
    left: 0;
    top: 0;
    justify-content: center;
    display: flex;
  }
  .why-choose-section .img-wrap.index img {
    object-fit: cover;
  }
  .why-choose-section .img-wrap:before {
    top: 5%;
  }
  .we-help-section .imgs-grid {
    grid-template-columns: repeat(18, 2fr);
  }
  .we-help-section .imgs-grid .grid.grid-3 {
    grid-column: 19 / span 16;
  }
  .hero .hero-img-wrap.portfolios img {
    height: 40vh;
  }
  .post-entry-header {
    min-height: 259px;
  }
  .hero .hero-img-wrap.programs.ed img {
    height: 40vh;
  }
  .hero .hero-img-wrap.about img {
    height: 40vh;
  }
}