* {
    padding: 0;
    margin: 0;
  }
  
  
  /* ----------------- Desktop ----------------- */
  
  @media screen and (min-width: 1025px) {
  .nascondi-desktop, #menuSm, p.cta-sm, #percheSceglierciSm, .cont-loghi-sm, .hover-sm {
    display:none!important;
  }

  .container {
    min-width: 1366px;
  }



  }
  
  
  
  
  /* ----------------- Tablet ----------------- */
  
  @media screen and (max-width: 1024px) and (min-width: 500px) {
  
  .nascondi-tablet, #menuSm, p.cta-sm, #percheSceglierciSm, .cont-loghi-sm, .hover-sm {
    display:none!important;
  }  
  
  }
  
  
  
  
  /* ----------------- Smartphone ----------------- */
  
  @media screen and (max-width: 500px) {
  
  .nascondi-smartphone, #menuDesk, .no-sm, a.hover, #percheSceglierci, .cont-loghi, .cta-desk {
  display: none!important;
  }


  .col-7, .col-12, .col-4, .col-5, .col-6, .col-11, .col-8 {
    padding: 0 15px;
  }

  p, body {
    font-size: 4.5vw;
  }

  a {
    font-size: 5.5vw;
  }

  h1 {
    font-size: 9vw;
  }

  h3 {
    font-size: 6.5vw;
  }

  #smooth-content {
  will-change: transform;
  padding-bottom: 0;
  }

  a.cta-std {
    text-transform: uppercase;
    font-weight: 500;
    background: var(--beige);
    padding: 5px 15px;
    border-radius: var(--raggio-bordo);
  }

  #hero {
    margin-top: 0;
    padding-top: 100px;
    height: auto;

    picture {
      height: auto;
    }

    .container-fluid.abs {
      top: 50%;
    }

    h2 {
      font-size: 13vw;
    }
  }

  .line {
    height: 60px;
  }

  .linea {
    width: 45vw;
    height: 2px;
  }

  #ctaHomeSm {
    padding: 1rem 0;

    a {
      padding: 5px 15px;
    }

    .container-fluid {
      display: flex;
      justify-content: space-between;
    }
  }

  #intro {
    padding-top: 25px;

    .line {
      height: 100px;
    }

    p {
      color: var(--nero)!important;
    }
  }

  .cta-sm {
    font-size: 5.5vw;
    text-transform: uppercase;

    a {
      background: var(--nero);
      color: var(--beige);
      padding: 3px 10px;
      border-radius: var(--raggio-bordo);
    }
  }

  #progettiHome {
    padding-bottom: 50px;

    .cta-bcg {
      font-size: 6.5vw;
    }

    img.bord {
      box-shadow: 0 -20px 40px 50px rgba(255, 255, 255, 1);
    }  
  }

  #nasceAscolto {
    margin: 0;
    padding: 50px 5%;

    h4 {
      font-size: 5vw;
      margin: 25px 0 15px;
    }
  }

  .cont-marquee {
    padding: 25px 0;

    h2 {
      font-size: 5vw;
      height: 50px;
    }
  }

  #progettareSpazi, #progettareSuono {
    padding: 0 0 50px;

    .tit-linea {
      padding: 25px 0;
    }

    .contenuti {
      flex-direction: row-reverse;
      margin-bottom: 25px;
    }

    h3 {
      font-size: 10vw;
    }
  }

  .tit-linea {
    display: inline-flex;
    justify-content: space-between;
    flex-direction: column-reverse;
  }

  #progettareSuono {
    p.cta-sm {
      margin: 25px 0 50px;
    }
  }

  .box-coll {
    border: solid 2px var(--nero);
    padding: 10px 20px;
    border-radius: var(--raggio-bordo);
    margin-bottom: 20px;

    img {
      border-radius: var(--raggio-bordo);
      margin-top: 25px;
      margin-bottom: 10px;
    }

    .tit {
      display: flex;
      justify-content: space-between;
      align-items: center;

      .apri {
        font-size: 6.5vw;
        font-weight: 500;
      }
    }

    .cont-video {
      position: relative;
      top: 0;
    }
  }

  #textIngrand {
    padding: 50px;

    h2 {
      font-size: 2.5vw;
    }
  }

  .cont-loghi-sm {
    padding: 25px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    img {
      width: 60%;
    }

    .diverso {
      position: relative;
      left: 5%;
      top: -30px;
      width: 70%
    }
  }

  #equilibrio {
    padding: 0 0 50px;

    h2 {
      font-size: 10vw;

      .line {
        height: 90px;
      }
    }

    .cont-video {
      top: -6vh;
    }

    .container-fluid.cta {
      padding: 50px 0 0;
    }
  }

  .box-img-ingr {
    height: 300px;

    img {
      object-position: right;
    }
}

#social {
  padding: 25px 0;

  .container-fluid.nascondi-desktop.nascondi-tablet {
    flex-wrap: wrap;

    p {
      margin-bottom: 15px;
    }
  }

  a {
    background: var(--beige);
    color: var(--nero);
  }

  .pd-btm {
    margin-bottom: 20px;
  }
}

p.piccolo {
  font-size: 14px;
}

footer {
  padding: 5% 2%;

  a {
    font-size: 14px;
  }

  .col-lg-4 {
    justify-content: flex-start;
  }

  p.cta-sm {
    padding-top: 25px;
    padding-left: 4%;

    a {
      font-size: 5.5vw;
      background: var(--beige);
      color: var(--nero);
    }
  }
}

.menu-aperto {
  .cont-logo {
      width: 75px;
      height: 75px;
  }

  .container-fluid.link-aperto {
    padding-left: 2.5rem;

    a {
      text-transform: uppercase;
      font-size: 6vw;
      line-height: 1.5em;
    }
  }
}

.menu-aperto .container-fluid.nascondi-desktop.nascondi-tablet {
  display: block;
}

.menu-aperto {
  .container-fluid.parliamone {

    .linea {
      margin: 20px auto!important;
      width: 50%!important;
    }
  }
}

.menu-aperto {
  .container-fluid.parliamone {
    padding-left: 15px!important;
  }
}

/* ------------------------ AGGIORNAMENTI 1 ------------------------ */

#heroChiSiamo {
  margin-top:0 ;
  padding-bottom: 50px;
  padding-top: 100px;

  h2 {
    font-size: 11.5vw;
  }

  .line {
    height: 50px;
  }

  .col-lg-5 {
    padding-top: 2rem;
  }
}

#guidaStudio {
  padding: 50px 5%;

  h2 {
    padding-top: 0;
    font-size: 11.5vw;
  }

  picture {
    display: block;
    margin-top: 50px;
  }
}

#questioneEquilibrio.chi-siamo {
  padding: 0;
}

#metodo {
  padding: 0;

  .col-lg-3 {
    flex: unset;
  }

  span {
    font-size: 5vw;
  }

  .cont-testo {
    height: 200px;
    margin-bottom: 20px;
  }
}

#valori {

  h2 {
    font-size: 9vw;
  }

  p {
    white-space: pre-line;
  }
}
/* ------------------------ AGGIORNAMENTI 2 ------------------------ */

#heroManifesto {
  overflow: hidden;
  padding-top: 200px;

  h2 {
    font-size: 11vw;
    padding-bottom: 50px;
    text-align: left;
  }

  .line {
    height: 90px;
  }

  h1 {
    padding-bottom: 50px;
  }

  .cont-video {
    width: 200%;
    height: auto;
    left: -50%;
    top: 20%;
  }
}

#percheProgettazione {
  padding: 50px 0 100px;

  h2 {
    font-size: 6.5vw;
    padding-bottom: 50px;
  }

  .line {
    height: 40px;
    justify-content: left;
  }

  p {
    text-align: left;
  }
}

/* ------------------------ AGGIORNAMENTI 3 ------------------------ */

#heroArchSuono {
  padding-top: 150px;

  h2 {
    font-size: 11vw;
    padding-top: 25px;
  }

  a.cta-big {
    font-size: 25px;
  }
}

#percheProgettazione.pag-arch-suono {
  padding-bottom: 50px;

  .line {
    justify-content: center;
  }

  h2 {
    font-size: 7.5vw;
    padding-bottom: 0;
  }

  h4 {
    font-size: 5vw;
    padding-top: 0;
  }
}

#parteBeige {
  p.text-center {
    white-space: normal;
    padding: 50px 0;
    text-align: left!important;
  }
}

#textIngrand.pag-arch-suono {
  h2 {
    font-size: 3.5vw;
  }
}

#ultimiLavori {
  margin: 25px 0 50px;
  padding: 50px 0;

  h2 {
    font-size: 9vw;
    padding-bottom: 15px;
  }

  a.cta-bcg {
    font-size: 25px;
  }

  .col-12.col-lg-6.rel {
    margin-bottom: 20px;
  }
}

/* ------------------------ AGGIORNAMENTI 4 ------------------------ */

#archivio {
  padding-top: 150px;

  h1 {
    padding-bottom: 0;
    font-size: 15vw;
    line-height: 1em;
  }

  .linea {
    margin: 0 0 20px;
  }
}

#raccoltaArchivio {


  .container-fluid {
    display: block;
  }

  .riga-uno, .riga-due {
    width: 100%;
  }

  .row-custom {
    display: block;
  }

  .box-uno {
    height: auto!important;

    img {
      aspect-ratio: 16 / 9;
    }

    a.cta-bcg {
      position: relative!important;
      bottom: unset!important;
      right: unset!important;
      font-size: 20px;
      width: 100%;
      display: block;
      text-align: center;
      margin: 20px 0;
      padding: 10px 0!important;
    }
  }

  p {
    float: unset!important;
    white-space: normal!important;
    text-align: left!important;
    padding: 0 0 35px!important;
    line-height: 1.1em!important;
  }

  .riga-uno, .riga-due p {
    font-size: 15px;
  }
}

#equilibrio.altro {

  h2 {
    font-size: 9.5vw;
    
    .line {
      height: 50px;
    }
  }

  p {
    text-align: left!important;
  }

  p.special {
    font-size: 25px;
    font-weight: 400;
    line-height: 1.2em;
    padding-top: 30px;
    text-wrap: balance;
    text-align: center!important;
    
  }
}

/* ------------------------ AGGIORNAMENTI 5 ------------------------ */

#heroProgetto {
  padding-top: 125px;

  .box-img {
    height: auto;
  }
}

#primaSec, #secondaSec, #terzaSec {
  h1 {
    font-size: 5.5vw;
    margin-bottom: 25px;
  }

  p.esigenza {
    font-size: 7vw;
    padding-bottom: 0!important;
  }

  .titolo {
    display: block;

    h2 {
      font-size: 5vw;
      padding-left: 0;
    }
  }

  .linea {
    margin: 5px 0 10px;
    width: 100%;
  }

  .prime-img {
    .uno {
      height: auto;
      margin-bottom: 20px;
    }
    .due {
      height: auto;
      margin-bottom: 20px;
    }
  }

  ul {
    font-size: 4.5vw!important;
  }
}

.container-fluid.dati {
  padding-top: 50px;

  .col-lg-4 {
    max-width: 100%;
  }

  .box {
    margin-bottom: 10px;
  }
}

.grid-item {
  width: auto;
  padding-left: 0;
  padding-right: 0;
  pointer-events: none;
}

#terzaSec.acustica {
  background: var(--nero);
  color: white;
  padding-bottom: 50px;
  margin-top: 10px;
}

#equilibrio {
  p.fade-testo {
    white-space: normal;
  }
}

#galleryMasonry {
  padding-bottom: 0!important;
}

.grid-item img {
  cursor: none;
  pointer-events: none;
}

#ultimiLavori.prog {
  padding-top: 35px;

  .cta-sm {
    color: white;

    a {
      background: var(--beige);
      color: var(--nero);
    }
  }
}





}