* {
    padding: 0;
    margin: 0;
  }
  
  
  /* ----------------- Desktop ----------------- */
  
  @media screen and (min-width: 1025px) {
  .nascondi-desktop {
    display:none;
  }

  .container {
    min-width: 1366px;
  }

  #layoutMobile {
    display: none;
  }

  .img-sm-exhover {
    display: none;
  }

  }
  
  
  
  
  /* ----------------- Tablet ----------------- */
  
  @media screen and (max-width: 1024px) and (min-width: 500px) {
  
  .nascondi-tablet {
    display:none;
  }

  #layoutMobile {
    display: none;
  }

  .img-sm-exhover {
    display: none;
  }

  
  
  }
  
  
  
  
  /* ----------------- Smartphone ----------------- */
  
  @media screen and (max-width: 500px) {
  
  .nascondi-smartphone {
  display: none;
  }


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

  :root {
    --pd-left: 5%;
  }


  body {
    font-size: .85em;
  }

  h1 {
    font-size: 14vw;
    padding-bottom: 25px;
  }

  h2 {
    font-size: 12vw;
  }

  h3 {
    font-size: 10vw;
    padding-bottom: 25px;
  }

  h6 {
    font-size: 1.5em;
  }

  #hero {

    .contenuti {
      width: 100%;
      padding: 25px;

      a {
        font-size: 3.5vw;
        border-bottom: solid 1px var(--rosso);
      }

      h2 {
        font-size: 12vw!important;
      }
    }

    .caratteristiche .box-car {
      margin-right: 15px;
    }
  }

  #aboutHome {
    padding: 100px 0;

    .cont-img {
      height: auto;
    }

    .cont-img-small {
      width: 65%;
      margin-bottom: 50px;
    }

    p.due {
      width: 100%;
    }
  }

  #galleryHome {

    .cont-img-gal {
      height: 400px!important;
    }
  }

  #progettiHome {
    padding: 100px 0;

    h2, h5 {
      padding-left: 0;
    }

    p {
      width: 100%;
    }
  }

  #video {
    padding-top: 10px;
  }

  #clients {
    padding: 100px 0;

    .row {
      flex-direction: column-reverse;
    }

    p {
      padding-left: 0;
    }

    .titolo {

      img {
        display: none;
      }
    }

    .clienti {
      .box-clienti {
        .contenuto {
          p {
            width: 100%;
          }
        }
      }
    }

    .contenuto {
      img {
        margin-bottom: 15px;
      }
    }
  }

  #pressHome {
    padding: 100px 0 50px;

    p {
      width: 100%;
    }

    h6 {

      &::after {
        width: 50px;
        height: 50px;
      }
    }
  }

  #immaginiHome {

    .img-uno {
      display: none;
    }

    .img-due {
      width: 50%;
    }

    .img-tre {
      width: 100%;
    }
  }

  #blogHome {
    padding: 50px 0 100px;
  }

  #footerImg {
    height: 400px;
  }

  footer {
    padding: 25px;

    .col-12 {
      padding: 0;
    }

    h3 {
      font-size: 2.5em;
    }

    .uno {
      border-bottom: none!important;
    }

    .due {
      justify-content: left!important;
    }

    .tre {
      padding: 50px 0;
    }

    .quattro {
      .col-lg-2 {
        justify-content: start!important;
      }
    }

    .col-12.col-lg-2.offset-lg-4 {
      margin-top: 25px;

      a {
        margin-right: 15px;
        border-bottom: solid 1px var(--rosso);
      }
    }
  }

  #heroProgetto {

    .box-img {
      height: 600px!important;
    }

    .cont-hero {

      .dati {
        left: 25px;
      }

      h1 {
        bottom: 15px;
        left: 15px;
        padding-bottom: 0;
      }
    }
  }

  #primaProg {
    padding: 50px 0;

    .caratteristiche {
      justify-content: start;
      padding-top: 50px;
    }

    .box-car {
      margin-right: 25px!important;
    }
  }

  #secondaProg {
    .container-fluid.img {
      display: block;

      .box-img.uno {
        width: 100%;
        height: auto;
      }

      .box-img.due {
        width: 65%;
        height: auto;
      }
    }
  }

  #terzaProg {
    padding: 100px 0 45px;

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

  #quartaProg {

    .container-fluid {
      display: block;
      margin-top: 0;
    }

    .box-img.large, .box-img.small {
      width: 100%;
      height: auto;
      margin-bottom: 15px;
    }
  }

  #quintaProg {
    padding-bottom: 100px;
    
    h3 {
      padding: 50px 0;
    }

    p {
      padding-left: 0px;
      width: 80%;
      margin-top: 25px;
    }
  }

  #heroAbout {
    padding: 100px 0 0;

    h1 {
      padding-top: 50px;
      font-size: 15vw;
    }

    h6 {
      padding-left: 0;
      padding-bottom: 50px;

      img {
        width: 125px;
        margin: 0 15px 0 0;
      }
    }
  }

  #primaAbout {

    .linea {
      margin-top: 0;
    }
  }

  #secondaAbout {
    padding-bottom: 100px;
  }

  #terzaAbout {
    padding: 100px 0 25px;

    h2 {
      padding-bottom: 50px;
    }

    p {
      padding-left: 0;
      width: 100%;
    }

    .cont-video {
      margin-top: 50px;
    }
  }

  #quartaAbout {
    padding: 100px 0;

    .row {
      flex-direction: column-reverse;
    }

    p {
      padding-left: 0;

      img {
        width: 100px;
      }
    }

    p.sm-large {
      width: 100%;
    }

    .no-sm {
      display: none;
    }
  }

  #aboutHome.about {
    padding-bottom: 50px;

    .row {
      flex-direction: column-reverse;
    }
  }

  #comingSoon {
    img {
      width: 150px;
      margin-bottom: 50px;
    }
  }




}