@media (max-width: 575.98px) {
  /*LOGO HOME PAGE*/
  .top-header{
    padding: 20px;
  }
  .logo_centro_estetico {
    width: 100%;
    height: auto;
    display: block;
    float: left;
  }
  /*BOX IMMAGINI HOME PAGE*/
  .contenitore-box-immagine-vagheggi{
    margin-bottom: 50px;
  }
  .contenitore-vagheggi{
    margin-bottom: 70px;
  }

  .box-home-page{
    width: 80%;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
  }


  #trattamenti{
    margin-bottom: 0px;
  }

  #titolo_trattamenti{
    bottom: 0;
  }

  .titoli-box-home-page {
    width: 100%;
    text-align: center;
    color: #ffffff;
    position: absolute;
    bottom: 40px;
    font-size: 20px;
  }

  /* CHI SIAMO */
  .nome-centro-estetico {
    font-size: 30px !important;
    width: 77%;
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .descrizione-centro-estetico{
    width: 85%;
    margin: 0 auto;
    margin-bottom: 60px;
  }

  /* TRATTAMENTI VISO */
  .nome-trattamento {
    font-size: 30px;
  }

  .sub-nome-trattamento{
    width: 95%;
    font-size: 20px;
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .anteprima_prodotti {
    margin-top: 55px;
  }

  .contenitore-descrizione-anteprima-prodotti{
    margin-bottom: 0px;
  }

  /*TRATTAMENTO VISO*/
  .immagine_gruppo_prodotti_trattamento_professionale{
    width: 70%;
  }

  .trattamento-professionale{
    font-size: 30px;
    width: 84%;
    margin: 0 auto;
    margin-bottom: 40px;
  }

  .anteprima-descrizione-prodotto {
    width: 85%;
    margin: 0 auto;
    margin-bottom: 50px;
  }

  .immagine_gruppo_prodotti_heydra {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .immagine_rehydra_vasetto {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: 100px;
  }

  /* TRATTAMENTO CORPO */
  .nuova-larghezza-immagine-domiciliare{
    width:  100%;
  }

  /*LE APPARECCHIATURE - VISO*/
  .immagine_gruppo_prodotti_apparecchiature{
    width: 100%;
  }
  .apparecchiatura-particolare {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    padding-top: 50px;
  }

  .apparecchiatura-skin-analyser {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  /*APPARECCHIATURE - VISO - DERMO PRIME*/
  .prima-immagine-prodotto {
    margin-top: 10px;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .immagine-dermo-prime {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    padding-bottom: 50px;
  }

  /* NEWS */
  .contenitore-news{
    margin-top: 70px;
  }
  .anteprima_news{
    width: 100%;
  }

  .titolo_news {
    font-size: 30px;
    text-align: center;
    width: 87%;
    margin: 0 auto;
    margin-top: 19px;
    margin-bottom: 19px;
    font-weight: 700;
  }

  .anteprima_testo_news {
    text-align: center;
    font-size: 18px;
    width: 85%;
    margin: 0 auto;
    margin-bottom: 1em;
  }

  .show-more {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 50px;
  }

  /*ITEM NEWS*/
  .pc{display: none;}
  .mobile{display: block;}
  /* CONTATTI */
  .contenitore_contatti{
    margin-top: 70px;
  }

  .dove-siamo{
    margin-top: 30px;
  }

  .indirizzo{
    width: 67%;
  }

  .visita-anche {
    position: relative;
    top: 9%;
  }

  /* PRIVACY */
  .sottotitolo_privacy{
    font-size: 15px;
  }

  .aggiornamento-privacy{
    text-align: center;
    margin-bottom: 40px;
  }

  .lista_indice{
    padding-left: 0%;
  }

  .testo_privacy a{
    font-size: 10px;
  }
}

@media (max-width: 767.98px) {
  #menu{border-radius:0;text-align:center;display:none}

  /* rendo gli elementi dei menu elementi di blocco */
  ul li{display:block}

  /* imposto la larghezza massima per gli elementi dei menu e i links */
  #menu li .hidden li,#menu li .hidden li a, ul li,ul li a{padding-right:0;padding-left:0;width:100%;border-right:none}

  /* mostro il sottomenu solo al passaggio del mouse */
  #menu li .hidden li{display:none}
  #menu li:hover .hidden li{display:block}

  /* resetto la posizione degli elementi del menu. static valore di default. Gli elementi sono mostrati in ordine, come appaiono nel flusso del documento */
  #menu li{position:static}

  /* resetto la posizione del sottomenu e lo mostro */
  #menu li .hidden{position: static;visibility:visible}

  /* nessuna animazione al passaggio del mouse */
  #menu li:hover .hidden{margin:0}

  /* colore di sfondo agli elementi del menu e del sottomenu */
  #menu li{background-color:#efe9db}
  #menu li .hidden li{background-color:#efe9db}

  /* mostro il pulsante del menu nella versione mobile*/
  .showMenu{display:block; border: none;}

  /* PRIVACY */
  .testo_privacy a{
    font-size: 15px;
  }

  }

@media (max-width: 991.98px) {
  #menu{border-radius:0;text-align:center;display:none}

  /* rendo gli elementi dei menu elementi di blocco */
  ul li{display:block}

  /* imposto la larghezza massima per gli elementi dei menu e i links */
  #menu li .hidden li,#menu li .hidden li a, ul li,ul li a{padding-right:0;padding-left:0;width:100%;border-right:none}

  /* mostro il sottomenu solo al passaggio del mouse */
  #menu li .hidden li{display:none}
  #menu li:hover .hidden li{display:block}

  /* resetto la posizione degli elementi del menu. static valore di default. Gli elementi sono mostrati in ordine, come appaiono nel flusso del documento */
  #menu li{position:static}

  /* resetto la posizione del sottomenu e lo mostro */
  #menu li .hidden{position: static;visibility:visible}

  /* nessuna animazione al passaggio del mouse */
  #menu li:hover .hidden{margin:0}

  /* colore di sfondo agli elementi del menu e del sottomenu */
  #menu li{background-color:#efe9db}
  #menu li .hidden li{background-color:#efe9db}

  /* mostro il pulsante del menu nella versione mobile*/
  .showMenu{display:block}

  }

}