/* -------------------------------------DESKTOP*/
/* Schermi grandi o ad alta risoluzione DESKTOP*/
@media all and (max-width: 2560px) {


 }
/* Schermi Desktop o Portatili */
@media all and (min-width: 1681px) and (max-width: 1920px) {


}
@media all and (min-width: 1601px) and (max-width: 1680px) {


}
@media all and (min-width: 1441px) and (max-width: 1600px) {


}
@media all and (min-width: 1337px) and (max-width: 1440px) {


}
@media all and (min-width: 1281px) and (max-width: 1336px) {

    .container {width: 90%;}
    .carousel {width: 80%!important;}

}
@media all and (min-width: 1153px) and (max-width: 1280px) {

    .container {width: 90%;}
    .carousel {width: 80%!important;}

}
@media all and (min-width: 1025px) and (max-width: 1152px) {


}
@media all and (min-width: 801px) and (max-width: 1024px) {


}
@media all and (min-width: 769px) and (max-width: 800px) {

    .display-2{font-size: 200%;}
    .display-3{font-size: 150%;}
    .service-list li { font-size: 90%; line-height: .5;}
    #pp-nav {display: none !important;}

}
/* TABLET principalmente verticale se il verticale è verificato dovrebbe esserlo anche l'orizzontale*/
@media all and (min-width: 601px) and (max-width: 768px) {

  h5 {font-size:140%;}
  .display-2{font-size: 180%;}
  .display-3{font-size: 140%;}
  .carousel {padding:0 !important;}
  .service-list li { font-size: 80%; line-height: .5;}
  .display-4{font-size: 140%;}/*footer*/
  #pp-nav {display: none !important;}
}
@media all and (min-width: 413px) and (max-width: 600px) {

  h5 {font-size:140%;}
  .display-2{font-size: 180%;}
  .display-3{font-size: 140%;}
  .display-4{font-size: 120%;}/*footer*/
  .carousel {padding:0 !important;}
  .carousel-control.carousel-control-prev { margin-left: 0px !important;}
  .carousel-control.carousel-control-next { margin-right: 0px !important;}

  .service-list li {
    padding: .3rem;
    border-style: none;
    border-radius: 0;
    background-color: rgba(255,255,255,0.80);
    color: #009fe3;/*ciano*/
    padding-block: 0.3rem;
    display: flex;
    flex-wrap: wrap;
    gap: .2rem;}
  #pp-nav {display: none !important;}

}
/* MOBILE principalmente verticale*/
@media all and (min-width: 377px) and (max-width: 412px) {

  .display-2{font-size: 180%;}
  .display-3, h5{font-size: 140%;}
  .display-4 {font-size: 120%;}
  .carousel {padding:0 !important;}
  .carousel-control.carousel-control-prev { margin-left: 0px !important;}
  .carousel-control.carousel-control-next { margin-right: 0px !important;}
  .service-list li {
    padding: .3rem;
    border-style: none;
    border-radius: 0;
    background-color: rgba(255,255,255,0.80);
    color: #009fe3;/*ciano*/
    padding-block: 0.3rem;
    display: flex;
    flex-wrap: wrap;
    gap: .2rem;}
  #pp-nav {display: none !important;}


}
@media all and (min-width: 361px) and (max-width: 376px) {

  .display-2{font-size: 160%;}
  .display-3, .display-4, h5 {font-size: 100%;}
  .carousel {padding:0 !important;}
  .carousel-control.carousel-control-prev { margin-left: 0px !important;}
  .carousel-control.carousel-control-next { margin-right: 0px !important;}
  .service-list li {
    padding: .3rem;
    border-style: none;
    border-radius: 0;
    background-color: rgba(255,255,255,0.80);
    color: #009fe3;/*ciano*/
    padding-block: 0.3rem;
    display: flex;
    flex-wrap: wrap;
    gap: .2rem;
    font-size: 80%;
    line-height: .7;
  }
  #pp-nav {display: none !important;}


}
@media all and (min-width: 321px) and (max-width: 360px) {

  .display-2{font-size: 150%;}
  .display-3, .display-4, h5 {font-size: 100%;}
  .carousel {padding:0 !important;}
  .carousel-control.carousel-control-prev { margin-left: 0px !important;}
  .carousel-control.carousel-control-next { margin-right: 0px !important;}
  .service-list li {
    padding: .3rem;
    border-style: none;
    border-radius: 0;
    background-color: rgba(255,255,255,0.80);
    color: #009fe3;/*ciano*/
    padding-block: 0.3rem;
    display: flex;
    flex-wrap: wrap;
    gap: .2rem;
    font-size: 80%;
    line-height: .7;
  }
  #pp-nav {display: none !important;}


}
@media all and (max-width: 320px) {

  p {margin-top: 0; margin-bottom: .5rem;}
  .container { padding-left: 30px; padding-right: 30px;}
  .display-2{font-size: 120%;}
  .display-3, .display-4, h5 {font-size: 70%;}
  .carousel {padding:0 !important;}
  .carousel-control.carousel-control-prev { margin-left: 0px !important;}
  .carousel-control.carousel-control-next { margin-right: 0px !important;}
  .service-list li {
    padding: .3rem;
    border-style: none;
    border-radius: 0;
    background-color: rgba(255,255,255,0.80);
    color: #009fe3;/*ciano*/
    padding-block: 0.3rem;
    display: flex;
    flex-wrap: wrap;
    gap: .2rem;
    font-size: 60%;
    line-height: .5;
  }
  #pp-nav {display: none !important;}


}