@charset "UTF-8";

/*   1024 px | Ipad / tablet     **/
@media only screen and (max-width: 1024px) {
}

/*   823 px | Ipad / tablet*/
@media only screen and (max-width: 820px) {
  .responsivo-desktop,
  .responsivo-desktop {
    display: none !important;
  }

  .responsivo-mobile,
  .responsivo-mobile {
    display: block !important;
  }

  header {
    padding: 30px 20px;
  }
}

/*   768 px | Ipad / tablet*/
@media only screen and (max-width: 768px) {
}

/*   736 px | Ipad / tablet*/
@media only screen and (max-width: 736px) {
}

/*   731 px | Ipad / tablet*/
@media only screen and (max-width: 731px) {
}

/*   667 px | mobile Iphone Plus  **/
@media only screen and (max-width: 667px) {
  .responsivo-desktop,
  .responsivo-desktop {
    display: none !important;
  }

  .responsivo-mobile,
  .responsivo-mobile {
    display: block !important;
  }

  header {
    padding: 30px 20px;
  }

  .quem-somos .nossas-diferencas,
  .nossas-numeros,
  .nossos-clientes,
  .franquias,
  .seja-um-franqueado {
    padding: 50px 0px;
  }

  .nossas-diferencas {
    & .nossos-diferenciais-box {
      margin-right: 0px;
    }
  }

  .nossas-numeros {
    & .card-body {
      padding: 200px 0px 50px 0px !important;
      background-position: top !important;
      background-size: 100%;
      background-image: linear-gradient(
          to bottom,
          transparent 0%,
          var(--cor-princ) 20%
        ),
        url(../img/assets/fundo_numeros_piaseg.png) !important;
    }
  }
}

/*   640 px | mobile Iphone Plus  **/
@media only screen and (max-width: 640px) {
  .responsivo-desktop,
  .responsivo-desktop {
    display: none !important;
  }

  .responsivo-mobile,
  .responsivo-mobile {
    display: block !important;
  }

  header {
    padding: 30px 20px;
  }
}

/*    414 px | mobile Iphone Plus  **/
@media only screen and (max-width: 414px) {
  header {
    padding: 30px 20px;
  }

  .quem-somos .nossas-diferencas,
  .nossas-numeros,
  .nossos-clientes,
  .franquias,
  .seja-um-franqueado {
    padding: 50px 0px;
  }

  .nossas-diferencas {
    & .nossos-diferenciais-box {
      margin-right: 0px;
    }
  }

  .nossas-numeros {
    & .card-body {
      padding: 200px 0px 50px 0px !important;
      background-position: top !important;
      background-size: 100%;
      background-image: linear-gradient(
          to bottom,
          transparent 0%,
          var(--cor-princ) 20%
        ),
        url(../img/assets/fundo_numeros_piaseg.png) !important;
    }
  }
}

/*    411 px | mobile  */
@media only screen and (max-width: 411px) {
}

/*    360 px | mobile     **/
@media only screen and (max-width: 360px) {
  .responsivo-desktop,
  .responsivo-desktop {
    display: none !important;
  }

  .responsivo-mobile,
  .responsivo-mobile {
    display: block !important;
  }

  header {
    padding: 30px 20px;
  }

  .quem-somos .nossas-diferencas,
  .nossas-numeros,
  .nossos-clientes,
  .franquias,
  .seja-um-franqueado {
    padding: 50px 0px;
  }

  .nossas-diferencas {
    & .nossos-diferenciais-box {
      margin-right: 0px;
    }
  }

  .nossas-numeros {
    & .card-body {
      padding: 200px 0px 50px 0px !important;
      background-position: top !important;
      background-size: 100%;
      background-image: linear-gradient(
          to bottom,
          transparent 0%,
          var(--cor-princ) 20%
        ),
        url(../img/assets/fundo_numeros_piaseg.png) !important;
    }
  }
}

/*    320 px | mobile IPhone   **/
@media only screen and (max-width: 320px) {
  .responsivo-desktop,
  .responsivo-desktop {
    display: none !important;
  }

  .responsivo-mobile,
  .responsivo-mobile {
    display: block !important;
  }

  header {
    padding: 30px 20px;
  }

  .quem-somos .nossas-diferencas,
  .nossas-numeros,
  .nossos-clientes,
  .franquias,
  .seja-um-franqueado {
    padding: 50px 0px;
  }

  .nossas-diferencas {
    & .nossos-diferenciais-box {
      margin-right: 0px;
    }
  }

  .nossas-numeros {
    & .card-body {
      padding: 200px 0px 50px 0px !important;
      background-position: top !important;
      background-size: 100%;
      background-image: linear-gradient(
          to bottom,
          transparent 0%,
          var(--cor-princ) 20%
        ),
        url(../img/assets/fundo_numeros_piaseg.png) !important;
    }
  }
}

/*   280 px | mobile Iphone Plus  **/
@media only screen and (max-width: 280px) {
}