@media (min-width: 1200px) {
  .auto-clear .col-xl-1:nth-child(12n + 1) {
    clear: left;
  }
  .auto-clear .col-xl-2:nth-child(6n + 1) {
    clear: left;
  }
  .auto-clear .col-xl-3:nth-child(4n + 1) {
    clear: left;
  }
  .auto-clear .col-xl-4:nth-child(3n + 1) {
    clear: left;
  }
  .auto-clear .col-xl-6:nth-child(odd) {
    clear: left;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  html {
    font-size: 45%;
  }
  .auto-clear .col-lg-1:nth-child(12n + 1) {
    clear: left;
  }
  .auto-clear .col-lg-2:nth-child(6n + 1) {
    clear: left;
  }
  .auto-clear .col-lg-3:nth-child(4n + 1) {
    clear: left;
  }
  .auto-clear .col-lg-4:nth-child(3n + 1) {
    clear: left;
  }
  .auto-clear .col-lg-6:nth-child(odd) {
    clear: left;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  html {
    font-size: 50%;
  }
  .auto-clear .col-md-1:nth-child(12n + 1) {
    clear: left;
  }
  .auto-clear .col-md-2:nth-child(6n + 1) {
    clear: left;
  }
  .auto-clear .col-md-3:nth-child(4n + 1) {
    clear: left;
  }
  .auto-clear .col-md-4:nth-child(3n + 1) {
    clear: left;
  }
  .auto-clear .col-md-6:nth-child(odd) {
    clear: left;
  }
  .stlogotipos .row > div {
    display: flex;
    align-items: end;
  }
}

@media (max-width: 1200px) {
  .sttext-3 {
    font-size: 6.6rem;
    line-height: 6.4rem;
    margin-top: 36rem;
  }
  .sttext-5,
  .sttext-10,
  .sttext-21,
  .sttext-29,
  .sttext-34 {
    font-size: 5.8rem;
    line-height: 5.6rem;
  }
  .sttext-6,
  .sttext-4,
  .sttext-11,
  .sttext-18,
  .sttext-30,
  .sttext-35 {
    font-size: 2.1rem;
    line-height: 2.7rem;
  }
  .stresponsabilidad,
  .stcertificaciones,
  .stgroup-2 {
    min-height: 0;
  }
}

@media (max-width: 1013px) {
  .sttext-11 {
    left: 0;
    right: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .sttext-35 {
    left: 0;
    right: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .stfondo-cabecera-holder,
  .stmenu,
  .stmenu-row {
    height: auto;
  }
  .stmenu {
    padding: 1.8rem 0;
  }
  .stmenu-row .col-md-8 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .stmenu-toggle {
    display: inline-flex;
  }
  .stnav-links {
    position: fixed;
    top: 1.4rem;
    left: 1.4rem;
    height: calc(100vh - 2.8rem);
    width: min(34rem, 86vw);
    max-width: 86vw;
    background: linear-gradient(155deg, #2d3c96 0%, #1e2969 100%);
    border: 0.1rem solid rgba(255, 255, 255, 0.2);
    border-radius: 2rem;
    box-shadow: 0 2.4rem 5.2rem rgba(0, 0, 0, 0.42);
    backdrop-filter: blur(1.4rem) saturate(1.25);
    -webkit-backdrop-filter: blur(1.4rem) saturate(1.25);
    padding: 10.5rem 1.8rem 2rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
    transform: translateX(-112%) scale(0.97);
    opacity: 0;
    transition:
      transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.3s ease;
    z-index: 5;
    overflow-y: auto;
  }
  .stnav-links a,
  .stnav-links .stes {
    font-size: 1.75rem;
    letter-spacing: 0.05em;
  }
  .stnav-links a {
    width: 100%;
    padding: 1.2rem 1.3rem;
    border-radius: 1.2rem;
    background: transparent;
    transition:
      background-color 0.25s ease,
      transform 0.25s ease,
      color 0.25s ease;
  }
  .stnav-links a:hover,
  .stnav-links a:focus-visible {
    background: rgba(255, 255, 255, 0.15);
    transform: translateX(0.4rem);
    color: #ffffff;
  }
  .stnav-links .stsolicitar-presupuesto {
    margin-top: 0.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: none;
    min-height: 5.4rem;
    height: auto;
    padding: 1rem 1.3rem;
    border-radius: 1.2rem;
    background: #ffffff;
    color: #26358c;
    text-align: center;
    white-space: normal;
    box-shadow: 0 0.9rem 2rem rgba(0, 0, 0, 0.2);
    transform: none;
  }
  .stnav-links .stsolicitar-presupuesto:hover,
  .stnav-links .stsolicitar-presupuesto:focus-visible {
    background: #ffffff;
    color: #26358c;
    transform: translateY(-0.1rem);
  }
  .stnav-links .stes {
    margin: auto 0 0;
    padding: 1rem 1.3rem 0.6rem;
    width: auto;
    opacity: 0.9;
  }
  .stmenu-open .stnav-links {
    transform: translateX(0) scale(1);
    opacity: 1;
  }
  .stmenu-overlay {
    display: block;
    opacity: 0;
    pointer-events: none;
    background:
      radial-gradient(
        circle at 18% 12%,
        rgba(205, 23, 25, 0.28),
        rgba(15, 20, 54, 0.88)
      ),
      rgba(5, 9, 28, 0.8);
    backdrop-filter: blur(0.3rem);
    -webkit-backdrop-filter: blur(0.3rem);
    transition: opacity 0.35s ease;
  }
  .stmenu-open .stmenu-overlay {
    opacity: 1;
    pointer-events: auto;
  }

  .stequipo-wrapper {
    padding: 7rem 0 9rem;
  }
  .sttext-5 {
    font-size: 5.4rem;
    line-height: 5.2rem;
  }
  .sttext-4,
  .sttext-6 {
    font-size: 2.1rem;
    line-height: 2.8rem;
  }
  .stresponsabilidad,
  .stcertificaciones,
  .stgroup-2 {
    max-width: 100%;
    min-height: 0;
  }

  /* ============== Update ================ */

  .stequipo .sttext-4 {
    max-width: 100%;
  }

  .stequipo .sttext-6 {
    max-width: 100%;
  }

  .stequipo-wrapper .match-height-bootstrap-row {
    margin-top: 2.5rem;
  }

  .stequipo .sttext-4 {
    max-width: 100%;
  }

  .stequipo .sttext-6 {
    max-width: 100%;
  }

  .stequipo-wrapper .match-height-bootstrap-row {
    margin-top: 2.5rem;
  }

  p.sttext-18 {
    width: 100%;
  }

  .contact_info {
    margin-top: 6.5rem;
  }

  .contact_info .stgroup-4 {
    margin: 1rem 0 0;
  }

  .stlogo-bureautique-2-cm-1 {
    margin: 0 auto;
  }

  .stcol-10 > .row {
    --bs-gutter-x: 2rem;
  }

  .stcol-11 > .row {
    --bs-gutter-x: 5rem;
  }

  .stservicios-wrapper .sttext-11 br {
    display: none;
  }

  .stservicios-wrapper .match-height-bootstrap-row {
    margin-top: -4rem;
    --bs-gutter-x: 2rem;
  }

  .stglobal_container {
    overflow: hidden;
  }

  .stcabecera {
    padding: 20rem 0 3rem;
  }
  .sttext-3 {
    margin-top: 24rem;
  }
  .stservicios-2,
  .stflota-2,
  .stpresupuesto,
  .stnuestros-clientes {
    margin-top: 8rem;
  }
  .stcontacto {
    margin-top: 10rem;
  }
  .stcol-data-wrapper-2,
  .stcontacto-footer,
  .stmenu-footer {
    float: none;
    width: 100%;
  }
  .stcontacto-footer {
    margin: 0 0 5rem 0;
  }
  .stmenu-footer {
    margin: 0;
  }
  .stformulario .col-md-7,
  .stformulario .col-md-5 {
    width: 100%;
  }
  .stobjeto-inteligente-vectorial-copia,
  .stobjeto-inteligente-vectorial-8,
  .stobjeto-inteligente-vectorial-copia-2 {
    margin-left: 0;
    width: 100%;
  }
  .sttext-24,
  .stempresa-2,
  .sttext-26,
  .sttext-25,
  .sttext-27 {
    margin-bottom: 0.8rem;
  }
  .stgroup-7,
  .stgroup-8 {
    display: block;
  }
  .stcol-5,
  .stcol-4 {
    float: none;
    margin: 2rem 0 0;
    width: auto;
  }
  .sttext-37,
  .sttext-38 {
    float: none;
    margin: 1.5rem 0 0;
    text-align: left;
    width: 100%;
  }
  .strow-2-2 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 1.6rem;
  }
  .stsello-ghg-copia,
  .stsello-iso-copia {
    float: none;
  }
  .stlogotipos img {
    max-width: 22rem;
  }

  .stservicios-wrapper .match-height-bootstrap-row {
    margin-top: 8rem;
    --bs-gutter-x: 5rem;
  }
  .stequipo-wrapper .match-height-bootstrap-row {
    margin-top: 8.5rem;
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
  }

  .stequipo .match-height-bootstrap-row .col-md-4 > div {
    padding: 2.5rem;
  }

  .stfondo-cabecera-holder {
    top: 3rem;
  }

  .stcol-data-wrapper-2 {
    display: flex;
  }

  .stlogotipo_2 {
    max-width: 22rem;
    margin-bottom: 5rem;
  }

  span.sttext-style-3 {
    margin: 0 auto;
}

.flota_card_row .col-lg-6:nth-child(2) {
    order: 1;
}

.flota_card_row .col-lg-6:nth-child(4) {
    order: 2;
}
}

@media (max-width: 767px) {
  html {
    font-size: 45%;
  }
  .auto-clear .col-1:nth-child(12n + 1) {
    clear: left;
  }
  .auto-clear .col-2:nth-child(6n + 1) {
    clear: left;
  }
  .auto-clear .col-3:nth-child(4n + 1) {
    clear: left;
  }
  .auto-clear .col-4:nth-child(3n + 1) {
    clear: left;
  }
  .auto-clear .col-6:nth-child(odd) {
    clear: left;
  }
  .stes {
    display: block;
    margin: 15px auto;
    position: relative;
    width: 100%;
    width: auto;
    min-width: unset;
    max-height: unset;
    min-height: unset;
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
  }
  .stcol-data-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.6rem;
  }
  .stsolicitar-presupuesto {
    width: 100%;
    max-width: 22rem;
  }

  .stlogotipo {
    right: 0;
  }

  .sttext-7 {
    right: 0;
  }

  .stobjeto-inteligente-vectorial-4 {
    left: 0;
  }

  .stcol-10 {
    margin-bottom: 20px;
  }

  .stobjeto-inteligente-vectorial {
    left: 0;
  }

  .stobjeto-inteligente-vectorial-2 {
    left: 0;
  }

  .stobjeto-inteligente-vectorial-3 {
    left: 0;
  }

  .stcol-11 {
    margin-bottom: 20px;
  }

  .stgeneral-mills-3-logo-png-transparent {
    right: 0;
  }

  .stlogo_ian-alta-res {
    right: 0;
  }

  .stlogo-bureautique-2-cm-1 {
    left: 0;
  }

  .sttafalla-iron-foundry-completo {
    right: 0;
  }

  .stlogo_web {
    left: 0;
  }

  .sttext-2 {
    margin: 5.1% auto 11px;
  }
  .sttext-3 {
    margin: 10% auto 0;
  }
  .stequipo {
    margin: 0 auto;
  }
  .sttext-6 {
    margin: 2.8rem 0 0;
  }
  .stresponsabilidad {
    margin: 5rem auto 0;
  }
  .stcertificaciones {
    margin: 5rem auto 0;
  }
  .stgroup-2 {
    margin: 5rem auto 0;
  }
  .stservicios-2 {
    margin: 10% auto 0;
  }
  .sttext-10 {
    margin: 5.6% 0 0;
  }
  .stobjeto-inteligente-vectorial-4 {
    margin: 10% auto 30px;
  }
  .sttext-15 {
    margin: 10% auto 0;
  }
  .stobjeto-inteligente-vectorial-5 {
    margin: 5.2% auto 30px;
  }
  .sttext-16 {
    margin: 7.7% auto 0;
  }
  .stobjeto-inteligente-vectorial-6 {
    margin: 8.2% auto 30px;
  }
  .sttext-17 {
    margin: 7.6% auto 0;
  }
  .stobjeto-inteligente-vectorial {
    margin: 10% auto 30px;
  }
  .sttext-12 {
    margin: 10% auto 0;
  }
  .sttext-13 {
    margin: 6.6% auto 0;
  }
  .stobjeto-inteligente-vectorial-3 {
    margin: 5.7% auto 30px;
  }
  .sttext-14 {
    margin: 5.1% auto 0;
  }
  .stflota-2 {
    margin: 10% auto 0;
  }
  .stcol-8 {
    margin: 5.5% auto 0;
  }
  .stmodalidad {
    margin: 10% 0 0;
  }
  .stcol-9 {
    margin: 5.2% auto 0;
  }
  .stcol {
    margin: 10% auto 0;
  }
  .sttext-29 {
    margin: 5.5% 0 0; /* 3px / 534px = 0.561798% */
  }
  .sttext-30 {
    margin: 6.2% 0 0; /* 3px / 534px = 0.561798% */
  }
  .stcontacto {
    margin: 10% 0 30px; /* 3px / 534px = 0.561798% */
  }
  .stgroup-6 {
    margin: 5.4% 0 0;
  }
  .stcol-13 {
    margin: 6.6% 0 0; /* 14px / 413px = 3.389831% */
  }
  .stcol-2 {
    margin: 10% auto 0;
  }
  .stnuestros-clientes {
    margin: 10% auto 0;
  }
  .stgeneral-mills-3-logo-png-transparent {
    margin: 10% auto 0;
  }
  .stlogo_ian-alta-res {
    margin: 10% auto 0;
  }
  .stlogo-bureautique-2-cm-1 {
    margin: 10% auto 0;
  }
  .sttafalla-iron-foundry-completo {
    margin: 8.1% auto 30px;
  }
  .stasociados_apmen_trokelsa {
    margin: 5.6% auto 0;
  }
  .stlogo_web {
    margin: 6% auto 0;
  }
  .stobjeto-inteligente-vectorial-10 {
    margin: 5.8% 0 0; /* 48px / 1195px = 4.016737% */
  }
  .stfooter {
    margin: 10% 0 0;
  }
  .stlogotipo-footer {
    margin: 10% auto 0;
  }
  .sttext-41 {
    margin: 7.3% 0 30px;
  }
  .stgroup-8 {
    margin: 5.2% 0 0;
  }
  .stcol-4 {
    margin: 5.8% 0 0 1.302083%; /* 10px / 768px = 1.302083% */
  }
  .sttext-39 {
    margin: 5.7% 0 0;
  }
  .stresponsabilidad {
    padding: 3.1% 3.385417% 16.2%; /* 26px / 768px = 3.385417% */
  }
  .stgroup-2 {
    padding: 3.2% 2.994792% 21.4%; /* 23px / 768px = 2.994792% */
  }
  .stfooter {
    padding: 9% 5% 12.1%; /* 38.4px / 768px = 5% */
  }

  /* ============== Update ================ */
  .stcol-10 .row > div > p,
  .stcol-11 .row > div > p {
    margin: 0;
    text-align: center;
  }

  .stcol-10 .row > div > p span,
  .stcol-11 .row > div > p span {
    margin: 0 auto;
  }

  .stcol-11 .row img,
  .stcol-10 .row img {
    margin-top: 0;
  }

  .stcol-10 > .row,
  .stcol-11 > .row {
    margin-bottom: 8rem;
  }

  .stservicios-wrapper .match-height-bootstrap-row {
    --bs-gutter-y: 0;
  }

  .stequipo .sttext-4 {
    max-width: 100%;
  }

  .stequipo .sttext-6 {
    max-width: 100%;
  }

  p.sttext-5 br {
    display: none;
  }

  .stequipo-wrapper .match-height-bootstrap-row {
    margin-top: 2.5rem;
  }

  p.sttext-10 br,
  p.sttext-11 br,
  p.sttext-12 br {
    display: none;
  }

  p.sttext-21 br {
    display: none;
  }

  p.sttext-18 {
    margin-left: 0;
    width: 100%;
  }

  .flota_card.sttractoria {
    margin: 0;
  }

  .flota_card_row {
    margin-top: 0;
  }

  .stcol-10 .row > div > p,
  .stcol-11 .row > div > p {
    margin: 0;
    text-align: center;
  }

  .stcol-10 .row > div > p span,
  .stcol-11 .row > div > p span {
    margin: 0 auto;
  }

  .stcol-11 .row img,
  .stcol-10 .row img {
    margin-top: 0;
  }

  .stcol-10 > .row,
  .stcol-11 > .row {
    margin-bottom: 8rem;
  }

  .stservicios-wrapper .match-height-bootstrap-row {
    --bs-gutter-y: 0;
  }

  .stequipo .sttext-4 {
    max-width: 100%;
  }

  .stequipo .sttext-6 {
    max-width: 100%;
  }

  p.sttext-5 br {
    display: none;
  }

  .stequipo-wrapper .match-height-bootstrap-row {
    margin-top: 2.5rem;
  }

  p.sttext-10 br,
  p.sttext-11 br,
  p.sttext-12 br {
    display: none;
  }

  p.sttext-21 br {
    display: none;
  }

  p.sttext-18 {
    margin-left: 0;
    width: 100%;
  }

  .flota_card.sttractoria {
    margin: 0;
  }

  .flota_card_row {
    margin-top: 0;
  }

  .contact_info {
    margin-top: 6.5rem;
  }

  .contact_info .stgroup-4 {
    margin: 1rem 0 0;
  }

  .stlogotipos img {
    margin: 3rem auto;
  }

  .stlogo-bureautique-2-cm-1 {
    margin: 0 auto;
  }

  .stequipo-wrapper .match-height-bootstrap-row {
    margin-top: 0;
  }

  .stcol-data-wrapper-2 {
    flex-direction: column;
  }

  span.sttext-style-7 {
    font-size: 2.5rem;
}
}

@media (max-width: 588px) {
  .stcol-data-wrapper > * {
    display: inline-block;
    float: none;
    max-width: 100%;
  }

  .stmodalidad {
    left: 0;
    right: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .stlonas {
    left: 0;
    right: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 576px) {

  html {
    font-size: 2vw;
  }

  .stfooter {
    padding: 6rem 0 7rem;
  }
  .stlogotipo-footer {
    margin: 6rem auto 0;
  }
  .sttext-41 {
    margin: 3rem 0 2rem;
  }
  .st-back-to-top {
    right: 1.4rem;
    bottom: 1.4rem;
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  .stlogotipos img {
    max-width: 18rem;
  }
  .stgroup-7,
  .stgroup-8 {
    width: 100%;
  }
  .sttext-37,
  .sttext-38,
  .sttext-39 {
    width: 100%;
  }

  .sttext-3 {
    font-size: 4.6rem;
    line-height: 4.4rem;
  }
  .sttext-5,
  .sttext-10,
  .sttext-21,
  .sttext-29,
  .sttext-34 {
    font-size: 4.4rem;
    line-height: 4.2rem;
  }
  .sttext-6,
  .sttext-4,
  .sttext-11,
  .sttext-18,
  .sttext-30,
  .sttext-35 {
    font-size: 1.9rem;
    line-height: 2.5rem;
  }
  .stresponsabilidad,
  .stcertificaciones,
  .stgroup-2 {
    padding: 3rem 2.4rem;
  }
}

@media (max-width: 536px) {
  .sttext-28 {
    left: 0;
    right: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 530px) {
  .sttext-6 {
    left: 0;
    right: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .sttext-18 {
    left: 0;
    right: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 413px) {
  .stgroup-5 > * {
    display: inline-block;
    float: none;
    max-width: 100%;
  }

  .stgroup-6 {
    left: 0;
    right: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 395px) {
  .stgroup-8 {
    left: 0;
    right: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .sttext-39 {
    left: 0;
    right: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 394px) {
  .stgroup-7 {
    left: 0;
    right: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}