/* 
 * ------------------------------------------------
 * ============ @media MIN-WIDTH  ================ 
 * ------------------------------------------------
 */

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  .pulsante-circolare {
    width: 300px;
    border: 10px solid;
  }

  .scelta-pn {
    min-height: 750px;
  }

  .nostri-numeri {
    min-height: 780px;
  }

  .tondi {
    border: 10px solid #fff;
  }

  .prodotto {
    height: 500px;
  }

  .prodotto-arearis {
    height: 380px;
  }

  .icona-prodotto {
    width: 120px;
  }

  .prodotto-why {
    height: 500px;
  }

  .icona-calcolo-preventivo {
    width: 60px;
  }

  .scelta-pn-aziende {
    height: 400px;
  }

  .carousel-caption {
    margin-left: -50px;
  }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .pulsante-circolare {
    width: 450px;
  }

  .text-pulsante-circolare h4 {
    display: block;
  }

  .text-pulsante-circolare hr {
    display: block;
  }

  .scelta-pn {
    min-height: 750px;
  }

  .nostri-numeri {
    min-height: 800px;
  }

  .tondi {
    width: 250px;
    border: 15px solid #fff;
  }

  .carousel-caption {
    margin-left: -80px;
  }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  /* CLASSI SOVRASCRITTE */
  .menu-logo-nascosto {
    display: none;
  }

  .linea_separatrice {
    display: none;
  }

  #menu-logo {
    margin-top: 16%;
    height: 40%;
  }

  /* CLASSI PROPRIETARIE */
  .menu-nav-active-scuro {
    background-color: white !important;
    height: 86px;
    margin-top: -3px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  }

  .menu-nav-active-scuro .nav-link {
    /* color: #fbc71d !important;*/
    color: #005187 !important;
    font-weight: bold;
  }

  .menu-nav-active-giallo {
    background-color: white !important;
    height: 86px;
    margin-top: -3px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  }

  .menu-nav-active-giallo .nav-link {
    color: #005187 !important;
  }

  .menu-nav-active-chiaro .nav-link {
    font-weight: bold;
    color: #005187 !important;
  }

  .navbar {
    padding-top: 0;
    padding-bottom: 0;
    font-size: medium;
  }

  .navbar-nav {
    height: 80px;
  }

  .nav-item {
    float: left;
    display: flex;
    align-items: center;
    padding-right: 10px;
  }

  #menu-logo {
    margin-top: 6%;
    height: 60%;
  }

  .container-100vh {
    min-height: 600px;
  }

  .trasparenza-consulenza {
    min-height: 700px;
  }

  .punti-operativi {
    min-height: 700px;
  }

  .home-staff-carousel {
    display: block;
  }

  .home-staff {
    display: none;
  }

  .tondi {
    width: 90%;
  }

  .text-tondi {
    padding-top: 35%;
  }

  .prodotto-privati h1 {
    font-size: 2.9rem;
  }

  .prodotto-privati p,
  .prodotto-privati li,
  .prodotto-privati h3 {
    font-size: 1.47rem;
  }

  .prodotto-privati-vantaggi h3 {
    font-size: 1.8rem;
  }

  .prodotto-privati-vantaggi li,
  .prodotto-privati-vantaggi p {
    font-size: 1.4rem;
  }

  .prodotto-aziende h1 {
    font-size: 2.9rem;
  }

  .prodotto-aziende p,
  .prodotto-aziende li,
  .prodotto-aziende h3 {
    font-size: 1.47rem;
  }

  .prodotto-aziende-vantaggi h3 {
    font-size: 1.8rem;
  }

  .prodotto-aziende-vantaggi li,
  .prodotto-aziende-vantaggi p {
    font-size: 1.4rem;
  }

  .carousel-caption {
    margin-left: -120px;
  }

  #immagine-cane {
    position: relative;
    top: -474px;
    left: 580px;
  }

  #richiesta_preventivo_logo-pn-claim {
    width: 600px;
    margin: 40px;
  }

  #richiesta_preventivo_logo-pn-claim-salva-conto {
    width: 450px;
    margin: 40px;
  }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 1024px) {
  .carousel-caption {
    margin-left: -110px;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /* CLASSI SOVRASCRITTE */
  .navbar {
    padding-top: 0;
    padding-bottom: 0;
    font-size: large;
  }

  .container-100vh {
    min-height: 710px;
  }

  .prodotto-privati h1 {
    font-size: 3.5rem;
  }

  .prodotto-privati p,
  .prodotto-privati li,
  .prodotto-privati h3 {
    font-size: 1.76rem;
  }

  .prodotto-privati-vantaggi h3 {
    font-size: 2.2rem;
  }

  .prodotto-privati-vantaggi li,
  .prodotto-privati-vantaggi p {
    font-size: 1.7rem;
  }

  .prodotto-aziende h1 {
    font-size: 3.5rem;
  }

  .prodotto-aziende p,
  .prodotto-aziende li,
  .prodotto-aziende h3 {
    font-size: 1.76rem;
  }

  .prodotto-aziende-vantaggi h3 {
    font-size: 2.2rem;
  }

  .prodotto-aziende-vantaggi li,
  .prodotto-aziende-vantaggi p {
    font-size: 1.7rem;
  }

  .carousel-caption {
    margin-left: -140px;
  }

  #immagine-cane {
    position: relative;
    top: -474px;
    left: 670px;
  }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .prodotto-privati h1 {
    font-size: 4rem;
  }

  .prodotto-privati p,
  .prodotto-privati li,
  .prodotto-privati h3 {
    font-size: 2rem;
  }

  .prodotto-privati-scelta-mutuo h1 {
    font-size: 6rem;
  }

  .prodotto-privati-vantaggi h3 {
    font-size: 2.5rem;
  }

  .prodotto-privati-vantaggi li,
  .prodotto-privati-vantaggi p {
    font-size: 2rem;
  }

  .prodotto-aziende h1 {
    font-size: 4rem;
  }

  .prodotto-aziende p,
  .prodotto-aziende li,
  .prodotto-aziende h3 {
    font-size: 2rem;
  }

  .prodotto-aziende-scelta-mutuo h1 {
    font-size: 6rem;
  }

  .prodotto-aziende-vantaggi h3 {
    font-size: 2.5rem;
  }

  .prodotto-aziende-vantaggi li,
  .prodotto-aziende-vantaggi p {
    font-size: 2rem;
  }

  #immagine-cane {
    position: relative;
    top: -474px;
    left: 800px;
  }
}

/* XX-Large devices (larger desktops, 1640px and up) */
@media (min-width: 1640px) {
  .carousel-caption {
    margin-left: -70px;
  }
}

/* XX-Large devices (larger desktops, 1920px and up) */
@media (min-width: 1920px) {
  .carousel-caption {
    margin-left: 25px;
  }
}

/* XXX-Large devices (larger desktops, 2560px and up) */
@media (min-width: 2560px) {
  .carousel-caption {
    margin-left: 250px;
  }
}

/* 4K devices (larger desktops, 3840px and up) */
@media (min-width: 3840px) {
  .carousel-caption {
    margin-left: 700px;
  }
}