@media (max-width: 575.98px) {
  :root {
    --distance: 20px;
    --distance-medium: 30px;
    --distance-big: 60px;
    --wrapper-padding: var(--distance-medium);
  }
  body.open-menu {
    overflow: hidden;
  }

  /* HEADER */
  .logo,
  .logo:visited,
  .logo:focus,
  .logo:hover {
    width: 158px;
    height: 30px;
  }
  .btn-hamburger {
    width: 25px;
    height: 18px;
  }

  /* OVERLAY MENU */
  .menu-overlay.menu {
    border: none;
  }
  .menu-overlay.menu li a,
  .menu-overlay.menu li a:visited,
  .menu-overlay.menu li a:focus,
  .menu-overlay.menu li a:hover {
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
  .menu-level.first .menu-overlay.menu li {
    padding: 0 !important;
  }
  .menu-level.first .menu-overlay.menu li + li {
    margin-top: 0;
  }
  .menu-overlay.menu li a,
  .menu-overlay.menu li a:visited,
  .menu-overlay.menu li a:focus,
  .menu-overlay.menu li a:hover {
    padding-bottom: calc(var(--distance) * 0.75);
  }
  .menu-overlay.menu li + li a,
  .menu-overlay.menu li + li a:focus,
  .menu-overlay.menu li + li a:visited,
  .menu-overlay.menu li + li a:hover {
    padding-top: calc(var(--distance) * 0.75);
  }
  .menu-overlay.menu li.toggle-second-level::before {
    width: 20px;
    height: 20px;
  }
  .menu-level.second .nav-second-level {
    /* top: 15px; */
    border-bottom: 1px solid var(--viola_scuro);
  }
  /* .menu-level.second .menu-overlay.menu {
        padding-top: 150px;
        padding-bottom: 150px;
    }
    .nav-bar-visible .menu-level.second .menu-overlay.menu {
        padding-top: 200px;
    } */

  /* GENERAL */
  section:first-of-type {
    padding: calc(var(--distance-big) * 2) 0 var(--distance-big);
  }

  .button,
  .button:visited,
  .button:focus,
  .button:hover {
    padding: calc(var(--distance-mini) * 2) var(--distance-medium);
  }

  .cont-testo > * + *,
  .cont-testo > * + .degular2 {
    margin-top: calc(var(--distance-medium) / 2);
  }

  /* BG WITH ICONS */
  .bg-with-icons > [class*="icon-"] {
    width: 70px;
    height: 70px;
  }
  .bg-with-icons .icon-clock {
    left: -5%;
  }
  .bg-with-icons .icon-coins.sx {
    bottom: -20%;
  }
  .bg-with-icons .icon-coins.dx {
    right: 5%;
  }
  .bg-with-icons .icon-stonks {
    right: 15%;
    bottom: -5%;
  }

  /* HOME */
  .custom-pagination::before {
    height: 2px;
  }
  .elenco-vantaggi .cont-testo + .cont-testo {
    margin-top: var(--distance-medium);
  }
  .elenco-vantaggi img {
    max-height: 80px;
    width: 80px;
    height: 80px;
  }
  .abbonamento .ubuntu3 {
    font-size: 3.6rem;
    line-height: 4rem;
  }

  /* ACCORDION  */
  .accordion-button {
    background: var(--viola_chiaro_01) !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    justify-content: space-between;
  }
  .accordion-button::after {
    content: none;
  }
  .accordion-button span {
    position: relative;
    background: var(--rosso);
    width: var(--distance-medium);
    height: var(--distance-medium);
    border-radius: 50%;
  }
  .accordion-button span::before,
  .accordion-button span::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--bianco);
    transition: var(--transition_half);
  }
  .accordion-button span::after {
    transform: translate(-50%, -50%) rotate(-90deg);
  }
  .accordion-button:not(.collapsed) span::after {
    width: 0;
  }

  /* FUNZIONALITÀ */
  .single-funzionalita .ubuntu3 {
    font-size: 2.8rem;
  }
  .single-funzionalita .image img {
    max-height: 250px;
  }

  /* SWIPER */
  .swiper-marquee .logo-caso-studio {
    height: 140px;
    width: 140px;
  }
  .swiper-cards {
    overflow: visible;
  }
  .cont-slide .cont-image img {
    max-height: 210px;
  }
  .cont-slide .cont-testo {
    padding: calc(var(--distance-mini) * 3) var(--distance-medium)
      calc(var(--distance-big) / 2);
  }
  .cont-slide .cont-testo::before {
    left: var(--distance-medium);
    width: calc(100% - calc(var(--distance-medium) * 2));
  }
  .swiper-button-prev,
  .swiper-button-next {
    width: var(--distance-medium);
    height: var(--distance-medium);
  }
  .swiper-button-prev {
    right: calc(var(--distance) * 2);
  }

  /* NUMBERS */
  .cont-numbers {
    row-gap: calc(var(--distance) * 2);
    padding: calc(var(--distance-big) / 1) var(--distance);
  }
  .single-number {
    width: 100%;
  }
  .single-number .ubuntu1 {
    font-size: 3.6rem;
    line-height: 4rem;
  }

  /* FORM */
  label,
  .gfield_wrapper .gfield_error label {
    font-size: 1.2rem !important;
    line-height: 1.6rem;
  }
  .gform_body .gfield .ginput_container_consent {
    width: 100%;
  }
  .gform_wrapper.gravity-theme .gform_footer {
    margin: var(--distance) 0 0 !important;
  }
  .gform_button {
    width: 100%;
    padding: calc(var(--distance-mini) * 2.5) var(--distance-medium) !important;
  }
  input[type="text"],
  input[type="text"]:focus,
  input[type="text"]:hover,
  input[type="tel"],
  input[type="tel"]:focus,
  input[type="tel"]:hover,
  input[type="email"],
  input[type="email"]:focus,
  input[type="email"]:hover,
  textarea,
  textarea:focus,
  textarea:hover {
    font-size: 2.1rem !important;
  }
  input[type="checkbox"] + label,
  input[type="checkbox"] label:focus,
  input[type="checkbox"] label:hover {
    padding-left: calc(var(--distance) * 1.5);
  }
  input[type="checkbox"] + label::before {
    width: var(--distance);
    height: var(--distance);
  }

  /* FOOTER */
  footer .pittogramma,
  footer .pittogramma:visited,
  footer .pittogramma:focus,
  footer .pittogramma:hover {
    margin-right: 10px;
  }
  .sub-footer {
    padding: var(--distance) 0;
  }

  /* AGGIORNAMENTO 27/07/2023 */
  .cont-autori .accordion-button {
    background: var(--rosso) !important;
  }
  #toc ul li {
    padding-left: calc(var(--distance-medium) * 2.5);
  }
  .single section:first-of-type img {
    max-height: 180px;
  }
  .cont-interview .cont-testo h2 {
    font-size: 2.6rem;
    line-height: 3.6rem;
  }
  .cont-interview .cont-testo h3 {
    font-size: 2rem;
    line-height: 2.6rem;
  }
}