@media only screen and (max-width: 480px) {
  div#menu-bar::-webkit-scrollbar {
    display: none;
  }
  div#menu-bar {
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    flex-shrink: 0;
    justify-content: flex-start;
  }

  #ruota-dettaglio .macro-dettaglio-box:nth-child(4):before,
  #confronto1-dettaglio .macro-dettaglio-box:nth-child(4):before,
  #confronto2-dettaglio .macro-dettaglio-box:nth-child(4):before {
    content: none;
  }

  #menu-bar a:last-of-type div {
    margin-right: 20px;
  }

  .l24MenuBottone + .l24MenuBottone {
    margin-top: 10px;
  }

  #l24MenuClassficheContainer {
    width: 100vw;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  #l24MenuBaseClassifiche {
    padding-left: 0px;
    padding-right: 0px;
  }

  #menu-bar-classifica-qdv {
    margin-right: 0 !important;
  }

  #menu-posizione {
    padding-left: 20px;
  }
  .bloccoPIntro {
    top: -50px;
  }


  .bloccoPIntroT.titolo0 h1 {
    font-size: 80px;
    line-height: 80px;
  }

  .titoloSezioneT {
    font-size: 30px;
    line-height: 38px;
}


  .sommario {
    font-size: 22px;
    line-height: 30px;
  }

  .margine-negativo {
    margin-top: 0px;
  }

  .swiper-button-prev,
  .swiper-button-next {
    display: inherit;
  }

  body:after {
    content: "320";
  }
  #contieni,
  .contieni {
    width: 100%;
    margin-top: 40px;
  }

  .contieni-piccolo {
    width: calc(100% - 20px);
  }

  .macro-dettaglio-pulsante-cnt .divLinka {
    left: auto;
    transform: none;
  }

  .blocco.centraFlex {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  #widget .selGrande {
    width: 90%;
  }

  .divLinka + .divLinka-invertito {
    margin-left: 0;
    margin-top: 20px;
  }

  .divLinka {
    position: relative;
    float: left;
    width: 200px;
    left: 50%;
    transform: translateX(-50%);
  }
  .selettoriCnt .selGrande:nth-child(2) {
    margin-top: 20px;
  }

  #widget .divLinka {
    width: 90px;
    margin-top: 30px;
    text-align: center;
    padding-left: 30px;
  }

  .sommario {
    line-height: 30px;
    padding: 0 15px;
    width: 100vw;
    box-sizing: border-box;
  }

  .titoloProvincia {
    line-height: 70px;
    font-size: 60px;
    margin-top: 10px;
  }

  .provincia-ribasa .titoloProvincia {
    font-size: 32px;
    margin: 10px 0 -20px 0;
  }

  .logoQDV {
    height: 60px;
    margin: 55px auto 20px auto;
  }

  .bloccoPIntro .titolo0,
  .bloccoPIntroT.titolo0 {
    font-size: 60px;
    font-weight: 600;
    line-height: 60px;
    margin: 17px 0 25px;
  }

  .spiega1 {
    font-size: 18px;
    line-height: 19.2px;
    margin: 20px auto 20px auto;
    padding: 0 5%;
    width: 90%;
  }

  .spazio-alto {
    margin-top: 50px;
  }

  .selettoriCnt {
    display: block;
  }

  .selGrande {
    position: relative;
    width: 90%;
    height: 100%;
    margin: 0 5%;
  }
  div#ruota-cnt {
    height: 345px;
  }

  #ruota {
    height: 700px;
    width: 700px;
  }
  #ruota-dettagli-dsk {
    display: none;
  }
  #ruota-dettagli-mobile {
    display: block;
    position: relative;
  }
  .ruota-dettagli-cnt {
    bottom: -16px;
  }
  .ruota-dettagli-cnt .nome {
    margin-top: -10px;
    width: 100%;
  }
  .ruota-dettagli-cnt .posizione {
    font-size: 47px;
    padding-left: 10px;
    line-height: 70px;
  }
  #ruota-cnt {
    display: -webkit-flex;
    display: flex;
    justify-content: -webkit-flex;
    justify-content: center;
  }

  .sigla {
    font-weight: 900;
    font-size: 21px;
  }
  .ruota-filo {
    width: 28.5%;
    height: 1px;
  }
  #ruota-evidenzia {
    position: absolute;
    width: 1px;
    height: 82%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #1d1d1b;
    top: 5px;
  }
  #sfondo-ruota-mobile {
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    background-image: url(../img/sfondo-ruota-mobile.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-top: 40px;
  }
  div#ruota-cnt {
    margin-top: 10px;
  }
  #ruota-zoom-desktop,
  #ruota-info {
    display: none;
  }
  .temp {
    font-size: 20px;
    letter-spacing: -2px;
  }

  .l24MenuSelectBiancoDn,
  .mostraIndicatori {
    display: none;
  }

  .macro-dettaglio-box {
    position: relative;
    float: left;
    width: 23.4%;
    padding: 10px;
  }

  .macro-dettaglio-palle-cnt,
  .macro-dettaglio-dida-cnt,
  .anni-cnt {
    width: 88%;
  }

  .macro-dettaglio-box {
    position: relative;
    float: left;
    width: calc(33.3% - 8.5px);
    padding: 4px;
  }
  .macro-dettaglio-box-cnt .nome {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
  }

  .anni-cnt .tml-cnt.blocco {
    width: 90%;
    margin: 0 0 40px auto;
  }

  #anni-fatti,
  #anni-podio,
  #anni-novita,
  #anni-img-mobile {
    position: relative;
    width: 100%;
    float: left;
    text-align: center !important;
  }
  #anni-fatti {
    margin-bottom: 0;
  }
  #anni-podio,
  #anni-novita {
    margin-top: 20px;
  }
  #anni-novita .titolo,
  #anni-novita .testo {
    text-align: center !important;
  }
  #focus-intro-rivela,
  .focus-intro-anno-cnt {
    width: calc(100% - 80px);
  }
  #focus-intro {
    overflow-x: hidden;
  }
  .focus-intro-canna {
    position: absolute;
    width: 7px;
    height: 50px;
    background-color: #eeedef;
    left: 50%;
    transform: translateX(-50%);
  }
  .focus-intro-posizione span {
    display: none;
  }
  .focus-intro-anno.allineaSX {
    position: absolute;
    left: 10px;
    top: -40px;
  }
  .focus-intro-anno.allineaDX {
    position: absolute;
    right: 10px;
    top: -40px;
  }

  .ribasa-canne,
  .blocco-ridotto .tml-cnt.blocco,
  .blocco.ribasa-riga-cnt {
    width: 100%;
  }

  .ribasa-canne {
    position: relative;
    height: 30vh;
  }
  .ribasa-riga {
    height: auto;
  }
  .mobile {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
  }
  .ribasa-valori {
    margin: 10px 0;
  }
  .ribasa-valore {
    position: relative;
    float: left;
    width: 50%;
  }
  .ribasa-valore.allineaSX {
    width: calc(50% - 1px);
    border-right: 1px solid #d1d1d1;
  }
  .ribasa-valore .spiega {
    font-size: 10px;
    color: #1d1d1d;
    text-transform: uppercase;
    margin: 0;
  }
  .ribasa-canna-cnt {
    width: calc(3.2258064516% - 2px);
    margin: 0 1px;
  }
  .ribasa-valore .posizione {
    font-size: 30px;
    line-height: 20px;
  }
  .ribasa-valore .punti {
    font-size: 24px;
    line-height: 20px;
  }
  .ribasa-blocco + .ribasa-blocco {
    margin-top: 0;
  }
  .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    bottom: 0px;
  }
  span.swiper-pagination-bullet {
    background-color: #cac7c7;
    opacity: 1;
  }
  span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #1d1d1d;
  }
  .swiper-button-next,
  .swiper-button-prev {
    top: 14px !important;
  }
  #ribasa-bottone {
    position: relative;
    width: 100%;
    float: left;
    font-size: 12px;
    color: #1d1d1d;
    text-transform: uppercase;
    padding: 0 0 20px 0;
    display: block;
    margin-top: 20px;
  }
  #ribasa-macro-indicatori {
    display: block;
  }

#ribasa-swiper .ribasa-titolo {
  margin-left:0;
}

  .ribasa-bottone-dn {
    background-image: url(../img/mostra-indicatori.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 70px;
  }
  .ribasa-bottone-up {
    background-image: url(../img/nascondi-indicatori.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 70px;
  }
  .macro-indicatore {
    min-height: inherit;
    width: 100%;
    margin: 20px 0 0 0;
  }
  .macro-indicatore .valore {
    margin-bottom: -8px;
  }
  .macro-indicatori-acc {
    width: 100%;
  }

  .titolo-nota,
  .testo-nota {
    width: calc(100% - 20px);
    padding: 0 10px;
  }

  .titoloSezioneP {
    font-size: 30px;
    font-weight: 600;
    font-family: sole_display, Georgia, Times, "Times New Roman", serif;
    margin-top: -100px;
  }

  .divLinka + .divLinka {
    margin-left: 0;
    margin-top: 20px;
  }

  .contieni-largo-mpu {
    position: relative;
    width: 100%;
    right: auto;
    margin-top: auto;
  }

  .selettoriCnt {
    display: flex;
    flex-direction: column;
    max-width: 100vw;
    margin: 0;
    padding: 0;
    justify-content: flex-start;
  }

  .pezzo {
    line-height: 32px;
  }

  .macro-dettaglio-dida1.allineaSX,
  .macro-dettaglio-dida3.allineaDX {
    margin-top: 15px;
  }

  .blocco-confronto.macro-dettaglio-palle-cnt {
    margin: 10px 0 30px 0;
  }

  .macro-dettaglio-box-cnt {
    width: 100%;
  }

  #nota-metodologica {
    padding-left: 10px;
  }

  .ISfooter2 {
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }

  .illustrazione {
    height: 100vh;
    background-image: url("../img/S24_QdV-quadrata.jpg");
    background-size: 100%;
    background-attachment: fixed;
    background-position: center;
  }

  #ruota-dettaglio .macro-indicatori-cnt {
    display: none;
  }

 	.blocco.ribasa-riga-cnt {
		margin-left:0;
	}


}