@media (max-width: 991.98px) {
  :root {
    /* set rem = 10px */
    font-size: 9px;
  }

  .swiper-card.swiper-mobile {
    height: auto;
    overflow: visible;
  }

  /* HEADER */
  header .wrapper {
    margin-left: calc(var(--distance-big) / 4);
    margin-right: calc(var(--distance-big) / 4);
  }
  header .row .row {
    --bs-gutter-x: calc(var(--distance-medium) / 2);
  }
  header .login,
  header .login:focus,
  header .login:visited,
  header .login:hover {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    font-size: 1.6rem;
  }
  .open-menu header .login,
  .open-menu header .bottone {
    opacity: 0;
  }

  /* PAGE HOME */
  .anchors {
    display: none;
  }
  #hero.fullscreen {
    height: auto;
    padding-bottom: calc(var(--distance-big) * 2);
    display: block;
  }
  .swiper-cit h2::after {
    position: absolute;
    bottom: var(--distance-half);
  }
  .swiper-hero {
    margin-top: calc(var(--distance-big) * 1.5);
  }
  .mockup {
    margin: 0 auto;
  }
  .scroll-down-focus {
    display: none;
  }

  .circle-container {
    width: 85%;
  }
  .swiper-text .swiper-slide {
    padding-left: 0;
  }
  .text-container > *:not(.swiper-text) {
    margin-left: 0;
  }

  /* COME FUNZIONA */
  .big-card::before {
    right: calc(var(--distance-big) / 4);
    z-index: 3;
  }
  .big-card::after {
    right: calc(calc(var(--distance) * -2) + calc(var(--distance-big) / 4));
    z-index: 4;
  }
  .big-card .col-sx,
  .big-card .col-dx {
    width: 100%;
  }
  .big-card .col-dx {
    padding: calc(var(--distance) * 3) calc(var(--distance-big) * 2.5)
      calc(var(--distance) * 3) calc(var(--distance-medium) * 2);
  }

  .form-demo form {
    padding: calc(var(--distance-medium) * 2) calc(var(--distance-medium) * 1.5);
  }

  .card-servizio .cont-testo * + .balboa2 {
    margin-top: calc(var(--distance-big) * 1.5);
  }

  /* QUANTO RISPARMI */
  .page-template-page-quantorisparmi .swiper-card-servizi {
    margin-top: var(--distance-medium);
  }
  .caso-studio {
    height: auto;
    padding: var(--distance-big) 0;
  }
  .caso-studio .info {
    margin-bottom: var(--distance);
  }
  .caso-studio .title {
    margin-bottom: calc(var(--distance) * 2);
  }
  .caso-studio .title .swiper-tag .swiper-slide {
    width: auto !important;
  }
  .caso-studio .title .cont-testo .sharp5 {
    margin-top: calc(var(--distance) * 2);
  }
  .tag {
    display: block;
    /* width: fit-content; */
    text-align: center;
  }
  .col-4_5 {
    width: 50%;
  }

  /* SVILUPPATORI */
  .page-template-page-sviluppatori .swiper-card-servizi {
    margin-top: var(--distance-medium);
  }
  .accordion-button .sharp6 {
    padding-left: var(--distance);
  }

  /* SUPPORTO */
  .page-template-page-supporto .swiper-card-servizi {
    margin-top: var(--distance-medium);
  }

  /* CONTATTI */
  .hero-contatti .contatto + .contatto {
    margin-top: calc(var(--distance) * 2);
  }

  /* FOOTER */
  .menu-footer {
    margin-top: var(--distance-medium);
  }

  /* LEGAL PAGES */
  .legal-content .cont-testo h1 {
    font-size: 3.8rem;
    line-height: 3.8rem;
  }
  .legal-content .cont-testo h2 {
    font-size: 3rem;
    line-height: 3rem;
  }
  .legal-content .cont-testo h3,
  .legal-content .cont-testo h4 {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
  .legal-content .cont-testo,
  .legal-content .cont-testo p {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .legal-content .cont-testo h1 {
    margin-bottom: 30px;
  }
  .legal-content .cont-testo * + h2 {
    margin-top: 30px;
  }
  .legal-content .cont-testo * + h3 {
    margin-top: 20px;
  }

  /* LANDING PAGE */
  .swiper-gallery-landing {
    margin: var(--distance) 0;
  }
  .swiper-gallery-landing .swiper-slide.rows,
  .swiper-gallery-landing .swiper-slide.columns {
    width: 100% !important;
  }
}