@media (max-width: 767px) {
 
  body {
    overflow-x: hidden;
  }
  .gform_wrapper.gravity-theme .gform_fields{
  width: 100% !important;
}

.hero .hero-bg {
   width: 100%;
        height: 75rem;
        background-size: cover;
}
  img.img-fluid.img-relativa {
              width: 100% !important;
        height: auto;
        margin: 0 auto;
        display: flex;
        top: 5rem !important;
  }
  img.img-fluid.img-logo-header {
    width: 100px;
    height: auto;
  }
  .img-logo-como-funciona img {
   
    margin-top: 2rem;
}
  .right-tools {

    justify-content: center;
}
input#gform_submit_button_1 {
   
    width: 100% ;
        padding: 10px !important
  }
  section.section.contacto {
    position: relative;
    top: -11rem;
}
  .contenedor-header .grid.grid-2 .cell:first-child { grid-row: 2; }
  .contenedor-header .grid.grid-2 .cell:last-child { grid-row: 1; }
  section.section.hero > img.img-fluid {
    width: 100%;
    height: 60rem;
    object-fit: cover;
    margin-top: -50%;
    margin-bottom: 40px;
  }
  .contenedor-header .grid.grid-2 { grid-template-columns: max-content 1fr; align-items: center; gap: 8px; }
  .contenedor-header .grid.grid-2 .cell:first-child { grid-row: auto; }
  .contenedor-header .grid.grid-2 .cell:last-child { grid-row: auto; }
  .right-tools { justify-content: flex-start; gap: 8px; }
  .contenedor-icono-contacto, .btn-contacto { display: none; }
  .contenido-hero {
    position: static;
        margin-top: 45%;
}
  .cf-mobile-hand-circles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; align-items: center; justify-items: center; }
  .cf-list .cf-hand-circle { display: none; }
  h1.hero-titulo {
    font-size: clamp(24px, calc(24px + 1vw), 36px);
  }
  .hero-subtitulo {
    font-size: clamp(14px, calc(14px + 0.8vw), 18px);
  }
  
h1.hero-titulo {
    
    width: 90%;
}
  .card {
   width: 100%;
   margin: 20px 0px;
  }
  .card-service {
    width: auto;
    height: 145px;
  }
  .grid {
    gap: 2px;
}
  section.section.caracteristicas {
    padding: 10px;
}
.grid-2 {
    grid-template-columns: 1fr;
    padding: 30px;
}
.contenedor-btn {
    padding-top: 4rem;
}
a.btn-caracteristica {
    width: 60%;
}
.d-flex {
    justify-content: space-evenly;
            padding: 10px 0px;
}
.d-flex .cf-primer-texto {
    width: 80%;
  }
  .d-flex .cf-segundo-texto {
    width: 80%;
  }
  a.store-link {

    justify-content: center;
}
div#gform_fields_2 {
    display: flex;
}
.footer-newsletter.mt-3 {
    position: static;
    width: 100%;
    margin-top: 30px;
}

footer.footer {
    padding-top: 0rem;
}

  .cf-cell-split { grid-template-columns: 24px 1fr; gap: 8px; }
  .grid-2 { grid-template-columns: 1fr; padding: 30px; }
  .grid-3 { grid-template-columns: 1fr; }
  .grid-3-narrow { grid-template-columns: 1fr; }
  .grid-4 { grid-template-columns: 1fr; }
  .store-grid { grid-template-columns: 1fr; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  section.section.hero > img.img-fluid { height: 60vh; object-fit: cover; }
  .grid-2 { grid-template-columns: 1fr 1fr; }
  .grid-3 { grid-template-columns: 1fr 1fr 1fr; }
  .grid-3-narrow { grid-template-columns: 1fr auto 1fr; }
  .grid-4 { grid-template-columns: repeat(4, 1fr); }
  .store-grid { grid-template-columns: repeat(2, max-content); }
  .d-flex { padding: 20px 0px; }
  .card-service { width: 90%; margin: 0 auto; }
}