@media (max-width: 991.98px) {
  :root {
    --distance: 25px;
    --distance-medium: 35px;
    --distance-big: 80px;
  }
  body.open-menu {
    overflow: hidden;
  }

  header .login-wrapper {
    margin-bottom: calc(var(--distance-medium) / 2);
  }
  body.open-menu header {
    background-color: var(--viola) !important;
  }
  .sub-header {
    display: none !important;
  }
  .page-template-page-funzionalita section:first-of-type {
    padding-top: calc(var(--distance-big) * 2);
  }

  /* SPAZIATURE */
  .cont-testo.small > * + * {
    margin-top: calc(var(--distance-mini) * 2);
  }
  .ps-md-8 {
    padding-left: calc(var(--distance) * 3);
  }
  .pe-md-8 {
    padding-right: calc(var(--distance) * 3);
  }

  /* IMAGES BACKGROUND */
  .image-container .image-background.square {
    left: calc(50% - 125px);
    top: calc(50% - 125px);
  }
  .image-container.is-inview .image-background.square {
    width: 250px;
    height: 250px;
  }

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

  /* MARQUEE LOGHI */
  .marquee-loghi {
    padding: 0 !important;
  }

  /* NUMBERS */
  .cont-numbers {
    padding: calc(var(--distance-big) / 2) var(--distance);
    row-gap: var(--distance);
  }
  .single-number {
    width: 50%;
    text-align: center;
  }

  /* FUNZIONALITÀ */
  .single-funzionalita + .single-funzionalita {
    padding-top: 0;
  }
  .single-funzionalita .image img {
    max-height: 350px;
  }

  /* FOOTER */
  footer .social [class*="icon-"] {
    width: 30px;
    height: 25px;
  }

  .swiper-casi-studio .swiper-pagination {
    display: none;
  }
  .swiper-casi-studio .swiper-button-prev,
  .swiper-casi-studio .swiper-button-next {
    bottom: 0;
  }

  .switch-periodo {
    flex-wrap: wrap;
  }
  .switch-periodo .single-periodo {
    padding: 0 20px;
    text-align: center;
    width: 100%;
  }
  .switch-periodo .switch-periodo-bg {
    height: calc(50% - var(--distance));
    width: calc(100% - var(--distance));
    top: calc(var(--distance) / 2);
    left: calc(var(--distance) / 2);
  }
  .switch-periodo[data-current="annuale"] .switch-periodo-bg {
    transform: translate(0, calc(100% + var(--distance)));
  }

  .page-template-page-prezzi #second-section {
    padding-bottom: 0;
  }

  .abbonamento {
    border-radius: 0;
  }

  main[data-selected="standard"] .advanced,
  main[data-selected="standard"] .starter {
    display: none;
  }
  main[data-selected="advanced"] .standard,
  main[data-selected="advanced"] .starter {
    display: none;
  }
  main[data-selected="starter"] .standard,
  main[data-selected="starter"] .advanced {
    display: none;
  }

  .radio-select {
    font-size: 1.2rem;
    background: var(--bianco);
    color: var(--blu);
    border-top: 1px solid var(--blu);
    border-bottom: 1px solid var(--blu);
    padding: 20px 0;
    transition: var(--transition);
  }
  main[data-selected="standard"] .radio-select[data-value="standard"],
  main[data-selected="advanced"] .radio-select[data-value="advanced"],
  main[data-selected="starter"] .radio-select[data-value="starter"] {
    background: var(--blu);
    color: var(--bianco);
  }

  .abbonamento .prezzo-abbonamento {
    margin-top: var(--distance-medium);
  }
  .abbonamento .tassa-abbonamento {
    margin-top: calc(var(--distance-medium) * 1.3);
  }
  .abbonamento .funzionalita-abbonamento {
    margin: 30px 0 40px;
  }

  .tabella-prezzi {
    padding: 0;
  }
  .tabella-prezzi .wrapper {
    width: 100%;
  }
  .tabella-prezzi .container-fluid {
    padding: 0 !important;
  }
  .toggle-section .button,
  .toggle-section .button:focus,
  .toggle-section .button:visited,
  .toggle-section .button:hover {
    border-radius: 0;
    border-left: none;
    border-right: none;
  }

  section.tabella-prezzi > .wrapper .row {
    margin-top: 0;
  }

  .swiper-vantaggi {
    padding-bottom: 60px;
  }
  .swiper-vantaggi .swiper-button-prev {
    right: auto;
    left: 0;
    top: auto;
    bottom: 0;
  }
  .swiper-vantaggi .swiper-button-next {
    top: auto;
    bottom: 0;
  }
  .swiper-vantaggi .swiper-wrapper .swiper-slide {
    position: relative;
    padding: 20px 0;
    border-top: 1px solid var(--nero);
    border-bottom: 1px solid var(--nero);
    height: auto !important;
  }
  .swiper-vantaggi .swiper-wrapper .swiper-slide:first-of-type:before,
  .swiper-vantaggi .swiper-wrapper .swiper-slide:last-of-type:before {
    content: "";
    position: absolute;
    right: 0;
    top: -1px;
    width: 8%;
    height: calc(100% + 2px);
    background: var(--bianco);
    border-top: 1px solid var(--nero);
    border-bottom: 1px solid var(--nero);
    z-index: 0;
  }
  .swiper-vantaggi .swiper-wrapper .swiper-slide:last-of-type:before {
    left: 0;
  }
  .swiper-vantaggi .swiper-wrapper .swiper-slide:first-of-type {
    border-left: 1px solid var(--nero);
    border-radius: 25px;
  }
  .swiper-vantaggi .swiper-wrapper .swiper-slide:last-of-type {
    border-right: 1px solid var(--nero);
    border-radius: 25px;
  }

  .swiper-vantaggi .swiper-wrapper .swiper-slide > div {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 30px;
    z-index: 1;
  }
  .swiper-vantaggi .swiper-wrapper .swiper-slide + .swiper-slide > div {
    border-left: 1px solid var(--nero);
  }

  section.faq {
    padding-bottom: 50px;
    overflow: hidden;
  }
  section.faq .wrapper {
    width: 100%;
  }
  section.faq .container-fluid {
    padding: 0 !important;
  }
  section.faq .accordion {
    --bs-accordion-btn-padding-x: 2rem;
    --bs-accordion-body-padding-x: 2rem;
    --bs-accordion-btn-padding-y: 1.5rem;
  }
  section.faq .degular8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  section.faq .accordion-button {
    column-gap: 25px;
  }
  section.faq .accordion-button::after {
    content: "";
  }

  .cont-storia .cont-image .logo-cliente {
    height: 50px;
  }

  div.gfield_error::before,
  div.gfield_correct::before {
    top: calc(50% + 15px);
  }

  .page-template-page-grazie .fullscreen,
  .error404 .fullscreen {
    height: 100svh;
    min-height: auto;
  }

  .nav-tabs .nav-item {
    width: 32%;
  }

  .swiper-tab-content .swiper-slide .slide-title {
    background: var(--bianco);
    border-radius: calc(var(--distance-big) / 2);
    border: 0;
    text-align: center;
    color: var(--azzurro_scuro);
  }
  .swiper-tab-content .swiper-slide .slide-title > * {
    color: var(--azzurro_scuro);
  }
  .swiper-tab-content .swiper-slide .slide-title span {
    background-color: var(--azzurro_scuro);
  }
  .swiper-tab-content .swiper-slide .slide-title {
    padding: calc(var(--distance-mini) * 3) calc(var(--distance) * 2) !important;
  }
  /* active slide */
  .swiper-tab-content .swiper-slide.swiper-slide-active .slide-title {
    background: var(--azzurro_scuro);
    color: var(--bianco);
  }
  .swiper-tab-content .swiper-slide.swiper-slide-active .slide-title > * {
    color: var(--bianco);
  }
  .swiper-tab-content .swiper-slide.swiper-slide-active .slide-title span {
    background: var(--bianco);
  }
  .swiper-tab-content .swiper-slide img {
    max-height: 205px;
    object-position: left center;
  }

  .cont-interview .cont-testo h2 span {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    margin-bottom: 10px;
    font-size: 1.8rem;
  }

  .cit {
    width: 100%;
    transform: none;
  }

  .img {
    width: 100%;
    transform: none;
  }
  .img .cont-img {
    padding-left: 0;
    padding-right: 0;
  }
  .img .cont-img img {
    height: 250px;
  }

  .tag-abbonamento {
    left: auto;
    transform: none;
    right: var(--distance);
    top: calc(var(--distance-big) / 2);
  }
}