@media (min-width: 1024px) {
  .barra-fixa {
    display: none;
  }
}

@media (max-width: 1023px) {
  .barra-fixa {
    display: block;
  }
}

@media (min-width: 1921px) {
  .banner {
    padding: 10rem;
  }
  .banner .logo img {
    width: 25rem;
  }
  .banner .img-carro img {
    bottom: -20%;
    width: 60%;
  }
  .banner .franquia h1 {
    font-size: 4.5rem;
  }
  .banner .franquia h2 {
    margin: 0 0 0 -10rem;
    padding: 2rem 1rem 2rem 10rem;
    font-size: 2rem;
  }
  .banner .fature h1 {
    font-size: 4rem;
  }
  .banner .fature h1 span {
    width: 30%;
  }
  .banner .fature h2 {
    font-size: 3.5rem;
  }
  .banner .formulario .titulo-form h1 span.pt1 {
    font-size: 2.5rem;
  }
  .banner .formulario .titulo-form h1 span.pt2 {
    font-size: 5rem;
  }
  .banner .formulario .titulo-form h1 span.pt3 {
    font-size: 1.5rem;
  }
  .banner .formulario form .campos label {
    font-size: 1.75rem;
  }
  .banner .formulario form .campos input {
    height: 4rem;
  }
  .banner .formulario form .bt-section button {
    padding: 1.5rem 3rem;
    border-radius: 1rem;
    font-size: 1.5rem;
  }
  .mercado {
    padding: 10rem;
  }
  .mercado .titulo {
    margin: 10rem 0 0;
  }
  .mercado .titulo h1 {
    font-size: 7rem;
  }
  .mercado .titulo-item {
    margin: 0rem 0 2rem;
  }
  .mercado .titulo-item h1 {
    font-size: 8rem;
  }
  .mercado .titulo-item h2 {
    font-size: 2rem;
  }
  .mercado .grafico .m-item svg.radial-progress {
    max-width: 30rem !important;
    width: 25rem !important;
  }
  .mercado .grafico .m-item span {
    font-size: 2rem;
  }
  .oport-modelo {
    padding: 10rem;
  }
  .oport-modelo .titulo h1.oport {
    font-size: 5rem;
  }
  .oport-modelo .titulo h1.model {
    font-size: 6rem;
  }
  .oport-modelo .titulo h2 {
    font-size: 5rem;
    letter-spacing: 4rem;
  }
  .oport-modelo .titulo.modelo {
    margin-top: 15rem;
  }
  .oport-modelo .item {
    padding: 4rem 2rem;
  }
  .oport-modelo .item h2 {
    font-size: 2.25rem;
    margin: 0;
  }
  .oport-modelo .item h1 {
    font-size: 5rem;
  }
  .oport-modelo .texto p {
    font-size: 2rem;
  }
  .oport-modelo .itemvideo .youtube {
    min-height: 48rem;
  }
  .revisao .titulo h1 {
    font-size: 6rem;
  }
  .revisao .titulo h2 {
    font-size: 4rem;
    letter-spacing: 1rem;
  }
  .revisao .item .pt1 h2 {
    font-size: 2rem;
  }
  .revisao .item .pt2 h1 {
    font-size: 5rem;
  }
  .suporte .titulo h1 {
    font-size: 8rem;
  }
  .suporte .titulo h2 {
    font-size: 6rem;
  }
  .suporte .item-video .youtube {
    min-height: 61rem;
  }
  .suporte .item-video .youtube img {
    width: 120%;
    top: -12rem;
  }
  .suporte .item-video .youtube .play-button {
    width: 8rem;
    height: 8rem;
  }
  .sobre-dep .sobre .titulo h1 {
    font-size: 7rem;
  }
  .sobre-dep .sobre .titulo h2 {
    font-size: 3.5rem;
  }
  .sobre-dep .sobre .texto p {
    font-size: 1.5rem;
  }
  .sobre-dep .sobre .item-video .youtube {
    min-height: 30.5rem;
  }
  .sobre-dep .depoimentos {
    padding: 10rem 0 0;
  }
  .sobre-dep .depoimentos .titulo h1 {
    font-size: 6rem;
  }
  .sobre-dep .depoimentos .titulo h2 {
    font-size: 3rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .item-video .youtube-dep {
    min-height: 28.75rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h1 {
    font-size: 4rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h2 {
    font-size: 2.5rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h3 {
    font-size: 1.75rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-prev:before {
    width: 3rem;
    height: 3rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-next:before {
    width: 3rem;
    height: 3rem;
  }
  .footer {
    padding: 1rem 3rem;
    font-size: 1.5rem;
  }
  .section-obrigado {
    background-size: cover;
  }
  .section-obrigado .logo img {
    width: 30rem;
  }
  .section-obrigado h1 {
    font-size: 3rem;
  }
  .section-obrigado h2 {
    font-size: 1.5rem;
  }
  .section-obrigado .btn-whatsapp {
    font-size: 1.5rem;
    padding: 1.5rem 4rem;
    margin-top: 2rem;
  }
}

@media (min-width: 1441px) and (max-width: 1919px) {
  .banner .logo img {
    width: 15rem;
  }
  .banner .img-carro img {
    width: 55%;
    bottom: -10%;
  }
  .banner .img-junior img {
    width: 35%;
    bottom: 10%;
  }
  .banner .franquia {
    margin-top: 15rem;
  }
  .banner .franquia h1 {
    font-size: 3.5rem;
  }
  .banner .franquia h2 {
    padding: 2rem 1rem 2rem 6rem;
    font-size: 1.5rem;
  }
  .banner .fature h1 {
    font-size: 3rem;
  }
  .banner .fature h1 span {
    width: 35%;
  }
  .banner .fature h2 {
    font-size: 2rem;
  }
  .banner .formulario {
    width: 25%;
    padding: 2rem;
  }
  .banner .formulario .titulo-form {
    margin-top: 2rem;
  }
  .banner .formulario .titulo-form h1 span.pt1 {
    font-size: 1.5rem;
  }
  .banner .formulario .titulo-form h1 span.pt2 {
    font-size: 3rem;
  }
  .banner .formulario .titulo-form h1 span.pt3 {
    font-size: 1rem;
  }
  .banner .formulario form .campos label {
    font-size: 1rem;
  }
  .banner .formulario form .campos input {
    height: 2.5rem;
  }
  .banner .formulario form .bt-section button {
    padding: 1rem;
    font-size: 0.8rem;
  }
  .mercado {
    padding: 3rem;
  }
  .mercado .titulo h1 {
    font-size: 4rem;
  }
  .mercado .titulo-item {
    margin: 2rem 0;
  }
  .mercado .titulo-item h1 {
    font-size: 4rem;
  }
  .mercado .titulo-item h2 {
    font-size: 1.25rem;
  }
  .mercado .grafico .m-item svg.radial-progress {
    max-width: 18rem;
  }
  .mercado .grafico .m-item span {
    font-size: 1.25rem;
  }
  .oport-modelo .titulo h1.oport {
    font-size: 2.5rem;
  }
  .oport-modelo .titulo h1.model {
    font-size: 3.5rem;
  }
  .oport-modelo .titulo h2 {
    font-size: 2.5rem;
    letter-spacing: 1.5rem;
  }
  .oport-modelo .item h1 {
    font-size: 2.5rem;
  }
  .oport-modelo .item h2 {
    font-size: 1rem;
    margin: 0;
  }
  .oport-modelo .texto p {
    font-size: 1rem;
  }
  .oport-modelo .itemvideo .youtube {
    min-height: 30rem;
  }
  .oport-modelo .itemvideo .youtube .play-button {
    width: 7rem;
    height: 7rem;
  }
  .galeria img {
    width: 100%;
  }
  .revisao {
    padding: 5rem 3rem;
  }
  .revisao .titulo h1 {
    font-size: 3.5rem;
  }
  .revisao .titulo h2 {
    font-size: 2.5rem;
  }
  .revisao .item .pt1 {
    padding: 1rem 2.5rem;
  }
  .revisao .item .pt1 h2 {
    font-size: 1rem;
  }
  .revisao .item .pt2 {
    padding: 1rem 3rem;
  }
  .revisao .item .pt2 h1 {
    font-size: 2rem;
  }
  .suporte {
    padding: 3rem;
  }
  .suporte .titulo h1 {
    font-size: 4rem;
  }
  .suporte .titulo h2 {
    letter-spacing: 1.5rem;
    font-size: 3.5rem;
  }
  .suporte .item-video .youtube {
    min-height: 35rem;
  }
  .suporte .item-video .youtube .play-button {
    top: 60%;
    left: 45%;
  }
  .sobre-dep .sobre .titulo h1 {
    font-size: 4rem;
  }
  .sobre-dep .sobre .texto p {
    font-size: 0.75rem;
  }
  .sobre-dep .sobre .item-video .youtube {
    min-height: 17.5rem;
  }
  .sobre-dep .depoimentos .titulo h1 {
    font-size: 4rem;
  }
  .sobre-dep .depoimentos .titulo h2 {
    font-size: 2rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h1 {
    font-size: 2rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h2 {
    font-size: 1.5rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h3 {
    font-size: 1rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h3 img {
    width: 1.5rem;
    padding-right: 0.5rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .item-video .youtube-dep {
    min-height: 16.5rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-prev:before {
    width: 1.25rem;
    height: 1.25rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-next:before {
    width: 1.25rem;
    height: 1.25rem;
  }
  .footer {
    font-size: 1rem;
  }
  .section-obrigado {
    background-size: contain;
  }
}

@media (min-width: 1367px) and (max-width: 1440px) {
  .banner .logo img {
    width: 15rem;
  }
  .banner .img-carro img {
    width: 55%;
    bottom: -10%;
  }
  .banner .img-junior img {
    width: 45%;
    bottom: 10%;
  }
  .banner .franquia {
    margin-top: 15rem;
  }
  .banner .franquia h1 {
    font-size: 3.5rem;
  }
  .banner .franquia h2 {
    padding: 2rem 1rem 2rem 6rem;
    font-size: 1.5rem;
  }
  .banner .fature h1 {
    font-size: 2.75rem;
  }
  .banner .fature h2 {
    font-size: 2rem;
  }
  .banner .formulario {
    width: 25%;
    padding: 2rem;
  }
  .banner .formulario .titulo-form {
    margin-top: 2rem;
  }
  .banner .formulario .titulo-form h1 span.pt1 {
    font-size: 1.5rem;
  }
  .banner .formulario .titulo-form h1 span.pt2 {
    font-size: 3rem;
  }
  .banner .formulario .titulo-form h1 span.pt3 {
    font-size: 1rem;
  }
  .banner .formulario form .campos label {
    font-size: 1rem;
  }
  .banner .formulario form .campos input {
    height: 2.5rem;
  }
  .banner .formulario form .bt-section button {
    padding: 1rem;
    font-size: 0.8rem;
  }
  .mercado {
    padding: 3rem;
  }
  .mercado .titulo h1 {
    font-size: 4rem;
  }
  .mercado .titulo-item {
    margin: 2rem 0;
  }
  .mercado .titulo-item h1 {
    font-size: 4rem;
  }
  .mercado .titulo-item h2 {
    font-size: 1.25rem;
  }
  .mercado .grafico .m-item svg.radial-progress {
    max-width: 15rem;
  }
  .mercado .grafico .m-item span {
    font-size: 1.25rem;
  }
  .oport-modelo .titulo h1.oport {
    font-size: 2.5rem;
  }
  .oport-modelo .titulo h1.model {
    font-size: 3.5rem;
  }
  .oport-modelo .titulo h2 {
    font-size: 2.5rem;
    letter-spacing: 1.5rem;
  }
  .oport-modelo .item h1 {
    font-size: 2.5rem;
  }
  .oport-modelo .item h2 {
    font-size: 1rem;
    margin: 0;
  }
  .oport-modelo .texto p {
    font-size: 1rem;
  }
  .oport-modelo .itemvideo .youtube {
    min-height: 25rem;
  }
  .oport-modelo .itemvideo .youtube img {
    top: -30%;
  }
  .oport-modelo .itemvideo .youtube .play-button {
    width: 7rem;
    height: 7rem;
  }
  .galeria img {
    width: 100%;
  }
  .revisao {
    padding: 5rem 3rem;
  }
  .revisao .titulo h1 {
    font-size: 3.5rem;
  }
  .revisao .titulo h2 {
    font-size: 2.5rem;
  }
  .revisao .item .pt1 {
    padding: 1rem 2.5rem;
  }
  .revisao .item .pt1 h2 {
    font-size: 1rem;
  }
  .revisao .item .pt2 {
    padding: 1rem 3rem;
  }
  .revisao .item .pt2 h1 {
    font-size: 2rem;
  }
  .suporte {
    padding: 3rem;
  }
  .suporte .titulo h1 {
    font-size: 4rem;
  }
  .suporte .titulo h2 {
    letter-spacing: 1.5rem;
    font-size: 3.5rem;
  }
  .suporte .item-video .youtube {
    min-height: 30rem;
  }
  .suporte .item-video .youtube .play-button {
    top: 60%;
    left: 45%;
  }
  .sobre-dep .sobre .titulo h1 {
    font-size: 3rem;
  }
  .sobre-dep .sobre .texto p {
    font-size: 0.75rem;
  }
  .sobre-dep .sobre .item-video .youtube {
    min-height: 14rem;
  }
  .sobre-dep .sobre .item-video .youtube .play-button {
    top: 60%;
    width: 4rem;
    height: 4rem;
  }
  .sobre-dep .depoimentos .titulo h1 {
    font-size: 4rem;
  }
  .sobre-dep .depoimentos .titulo h2 {
    font-size: 2rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h1 {
    font-size: 2rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h2 {
    font-size: 1.5rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h3 {
    font-size: 1rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h3 img {
    width: 1.5rem;
    padding-right: 0.5rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .item-video .youtube-dep {
    min-height: 14.5rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-prev:before {
    width: 1.25rem;
    height: 1.25rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-next:before {
    width: 1.25rem;
    height: 1.25rem;
  }
  .footer {
    font-size: 1rem;
  }
  .section-obrigado {
    background-position-x: center;
  }
}

@media (min-width: 1280px) and (max-width: 1366px) {
  .banner .logo img {
    width: 15rem;
  }
  .banner .img-carro img {
    width: 55%;
    bottom: -10%;
  }
  .banner .img-junior img {
    width: 35%;
    bottom: 10%;
  }
  .banner .franquia {
    margin-top: 8rem;
  }
  .banner .franquia h1 {
    font-size: 2.5rem;
  }
  .banner .franquia h2 {
    padding: 1rem 1rem 1rem 6rem;
    font-size: 1rem;
  }
  .banner .fature h1 {
    font-size: 2.5rem;
  }
  .banner .fature h1 span {
    font-size: 1.5rem;
    width: 35%;
  }
  .banner .fature h2 {
    font-size: 2rem;
  }
  .banner .formulario {
    width: 25%;
    padding: 2rem;
  }
  .banner .formulario .titulo-form {
    margin-top: 2rem;
  }
  .banner .formulario .titulo-form h1 span.pt1 {
    font-size: 1.5rem;
  }
  .banner .formulario .titulo-form h1 span.pt2 {
    font-size: 3rem;
  }
  .banner .formulario .titulo-form h1 span.pt3 {
    font-size: 1rem;
  }
  .banner .formulario form .campos label {
    font-size: 1rem;
  }
  .banner .formulario form .campos input {
    height: 2.5rem;
  }
  .banner .formulario form .bt-section button {
    padding: 1rem;
    font-size: 0.8rem;
  }
  .mercado {
    padding: 3rem;
  }
  .mercado .titulo h1 {
    font-size: 4rem;
  }
  .mercado .titulo-item {
    margin: 2rem 0;
  }
  .mercado .titulo-item h1 {
    font-size: 4rem;
  }
  .mercado .titulo-item h2 {
    font-size: 1.25rem;
  }
  .mercado .grafico .m-item svg.radial-progress {
    max-width: 15rem;
  }
  .mercado .grafico .m-item span {
    font-size: 1.25rem;
  }
  .oport-modelo .titulo h1.oport {
    font-size: 2.5rem;
  }
  .oport-modelo .titulo h1.model {
    font-size: 3.5rem;
  }
  .oport-modelo .titulo h2 {
    font-size: 2.5rem;
    letter-spacing: 1.5rem;
  }
  .oport-modelo .item h1 {
    font-size: 2.5rem;
  }
  .oport-modelo .item h2 {
    font-size: 1rem;
    margin: 0;
  }
  .oport-modelo .texto p {
    font-size: 1rem;
  }
  .oport-modelo .itemvideo .youtube {
    min-height: 25rem;
  }
  .oport-modelo .itemvideo .youtube .play-button {
    width: 7rem;
    height: 7rem;
  }
  .galeria img {
    width: 100%;
  }
  .revisao {
    padding: 5rem 3rem;
  }
  .revisao .titulo h1 {
    font-size: 3.5rem;
  }
  .revisao .titulo h2 {
    font-size: 2.5rem;
  }
  .revisao .item .pt1 {
    padding: 1rem 2.5rem;
  }
  .revisao .item .pt1 h2 {
    font-size: 1rem;
  }
  .revisao .item .pt2 {
    padding: 1rem 3rem;
  }
  .revisao .item .pt2 h1 {
    font-size: 2rem;
  }
  .suporte {
    padding: 3rem;
  }
  .suporte .titulo h1 {
    font-size: 3rem;
  }
  .suporte .titulo h2 {
    letter-spacing: 1.5rem;
    font-size: 3rem;
  }
  .suporte .item-video .youtube {
    min-height: 26rem;
  }
  .suporte .item-video .youtube .play-button {
    width: 4rem;
    height: 4rem;
    top: 70%;
    left: 45%;
  }
  .sobre-dep .sobre .titulo h1 {
    font-size: 3rem;
  }
  .sobre-dep .sobre .texto p {
    font-size: 0.75rem;
  }
  .sobre-dep .sobre .item-video .youtube {
    min-height: 12rem;
  }
  .sobre-dep .sobre .item-video .youtube img {
    top: -2.5rem;
  }
  .sobre-dep .sobre .item-video .youtube .play-button {
    width: 4rem;
    height: 4rem;
    top: 50%;
  }
  .sobre-dep .depoimentos .titulo h1 {
    font-size: 4rem;
  }
  .sobre-dep .depoimentos .titulo h2 {
    font-size: 2rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h1 {
    font-size: 2rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h2 {
    font-size: 1.5rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h3 {
    font-size: 1rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h3 img {
    width: 1.5rem;
    padding-right: 0.5rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .item-video .youtube-dep {
    min-height: 13.25rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-prev:before {
    width: 1.25rem;
    height: 1.25rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-next:before {
    width: 1.25rem;
    height: 1.25rem;
  }
  .footer {
    font-size: 1rem;
  }
  .section-obrigado {
    padding: 3rem;
    background-size: cover;
  }
  .section-obrigado h1 {
    font-size: 1.75rem;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .banner {
    padding: 2rem;
  }
  .banner .logo img {
    width: 15rem;
  }
  .banner .img-junior img {
    width: 35%;
  }
  .banner .img-carro img {
    width: 60%;
    bottom: -10%;
  }
  .banner .fature h1 {
    font-size: 2.25rem;
  }
  .banner .fature h1 span {
    width: 40%;
    font-size: 1.25rem;
  }
  .banner .fature h2 {
    font-size: 2rem;
  }
  .banner .franquia {
    margin-top: 5rem;
  }
  .banner .franquia h1 {
    font-size: 2rem;
  }
  .banner .franquia h2 {
    margin: 0 0 0 -2rem;
    padding: 1rem 1rem 1rem 2rem;
    font-size: 0.85rem;
  }
  .banner .formulario {
    width: 30%;
    padding: 2rem;
    right: 1rem;
  }
  .banner .formulario .titulo-form {
    margin-top: 1rem;
  }
  .banner .formulario .titulo-form h1 span.pt1 {
    font-size: 1.15rem;
  }
  .banner .formulario .titulo-form h1 span.pt2 {
    font-size: 2.25rem;
  }
  .banner .formulario .titulo-form h1 span.pt3 {
    font-size: 1rem;
  }
  .banner .formulario form .campos {
    margin-top: 1rem;
  }
  .banner .formulario form .campos label {
    font-size: 0.75rem;
  }
  .banner .formulario form .campos input {
    height: 2.15rem;
  }
  .banner .formulario form .bt-section {
    margin-top: 1rem;
  }
  .banner .formulario form .bt-section button {
    padding: 1.15rem 1rem;
    font-size: 0.75rem;
  }
  .mercado {
    padding: 2rem;
  }
  .mercado .titulo h1 {
    font-size: 3.5rem;
  }
  .mercado .titulo-item {
    margin: 2rem 0;
  }
  .mercado .titulo-item h1 {
    font-size: 4rem;
  }
  .mercado .titulo-item h2 {
    font-size: 1rem;
  }
  .mercado .grafico .m-item {
    padding: 0;
  }
  .mercado .grafico .m-item span {
    font-size: 1rem;
  }
  .mercado .grafico .m-item svg.radial-progress {
    max-width: 30rem !important;
    width: 13rem !important;
  }
  .oport-modelo {
    padding: 2rem;
  }
  .oport-modelo .titulo {
    margin-top: 5rem;
  }
  .oport-modelo .titulo h1.oport {
    font-size: 2.5rem;
  }
  .oport-modelo .titulo h1.model {
    font-size: 3.5rem;
  }
  .oport-modelo .titulo h2 {
    letter-spacing: 1.75rem;
    font-size: 2.5rem;
  }
  .oport-modelo .item {
    margin: 2rem 0 2rem;
  }
  .oport-modelo .item h1 {
    font-size: 2.5rem;
  }
  .oport-modelo .item h2 {
    font-size: 1.25rem;
  }
  .oport-modelo .texto p {
    font-size: 1rem;
  }
  .oport-modelo .texto p br {
    display: none;
  }
  .oport-modelo .itemvideo .youtube {
    min-height: 20rem;
  }
  .oport-modelo .itemvideo .youtube .play-button {
    width: 6rem;
    height: 6rem;
  }
  .galeria img {
    width: 100%;
  }
  .revisao {
    padding: 6rem 2rem;
  }
  .revisao .titulo h1 {
    font-size: 3rem;
  }
  .revisao .titulo h2 {
    font-size: 2rem;
  }
  .revisao .item .pt1 {
    padding: 1rem 3rem;
  }
  .revisao .item .pt1 h2 {
    font-size: 1.25rem;
  }
  .revisao .item .pt2 {
    padding: 2rem 1rem;
  }
  .revisao .item .pt2 h1 {
    font-size: 2.15rem;
  }
  .suporte {
    padding: 2rem;
  }
  .suporte .titulo {
    margin: 3rem 0 2rem;
  }
  .suporte .titulo h1 {
    font-size: 4rem;
  }
  .suporte .titulo h2 {
    font-size: 3rem;
    letter-spacing: 1.5rem;
  }
  .suporte .item-video .youtube {
    min-height: 18rem;
  }
  .suporte .item-video .youtube img {
    min-height: 10rem;
    top: -2rem;
  }
  .suporte .item-video .youtube .play-button {
    width: 3rem;
    height: 3rem;
  }
  .sobre-dep {
    padding: 2rem;
  }
  .sobre-dep .sobre .titulo h1 {
    font-size: 2.5rem;
  }
  .sobre-dep .sobre .titulo h2 {
    font-size: 1.75rem;
  }
  .sobre-dep .sobre .texto p {
    font-size: 0.75rem;
  }
  .sobre-dep .sobre .texto p br {
    display: none;
  }
  .sobre-dep .sobre .item-video .youtube {
    min-height: 11.65rem;
  }
  .sobre-dep .sobre .item-video .youtube img {
    width: 105%;
  }
  .sobre-dep .sobre .item-video .youtube .play-button {
    width: 3rem;
    height: 3rem;
  }
  .sobre-dep .depoimentos .titulo h1 {
    font-size: 3rem;
  }
  .sobre-dep .depoimentos .titulo h2 {
    font-size: 1.5rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h1 {
    font-size: 2rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h2 {
    font-size: 1rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h3 {
    font-size: 1rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h3 img {
    width: 2rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .item-video .youtube-dep {
    min-height: 11rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .item-video .youtube-dep img {
    width: 105%;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .item-video .youtube-dep .play-button {
    width: 3rem;
    height: 3rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-prev {
    top: 90%;
    left: 65%;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-prev:before {
    width: 1rem;
    height: 1rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-next {
    top: 90%;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-next:before {
    width: 1rem;
    height: 1rem;
  }
  .footer {
    font-size: 0.75rem;
  }
  .section-obrigado h2 {
    font-size: 1.2rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .banner {
    padding: 2rem;
  }
  .banner .logo img {
    width: 15rem;
  }
  .banner .img-junior {
    display: none;
  }
  .banner .img-carro img {
    width: 80%;
    bottom: -5%;
  }
  .banner .fature h1 {
    font-size: 3rem;
  }
  .banner .fature h1 span {
    width: 75%;
  }
  .banner .franquia {
    margin-top: 5rem;
  }
  .banner .franquia h1 {
    font-size: 2.5rem;
  }
  .banner .franquia h2 {
    margin: 0 0 0 -2rem;
    padding: 2rem 1rem 2rem 2rem;
    font-size: 1.1rem;
  }
  .banner .formulario {
    width: 40%;
  }
  .banner .formulario .titulo-form {
    margin-top: 1rem;
  }
  .banner .formulario .titulo-form h1 span.pt1 {
    font-size: 1.25rem;
  }
  .banner .formulario .titulo-form h1 span.pt2 {
    font-size: 2.25rem;
  }
  .banner .formulario .titulo-form h1 span.pt3 {
    font-size: 1.15rem;
  }
  .banner .formulario form .bt-section button {
    padding: 1.5rem 1rem;
    border-radius: 1rem;
    font-size: 1rem;
  }
  .mercado {
    padding: 2rem;
  }
  .mercado .titulo h1 {
    font-size: 5rem;
  }
  .mercado .titulo-item {
    margin: 2rem 0;
  }
  .mercado .titulo-item h1 {
    font-size: 5rem;
  }
  .mercado .titulo-item h2 {
    font-size: 1.2rem;
  }
  .mercado .grafico .m-item {
    padding: 0;
  }
  .mercado .grafico .m-item svg.radial-progress {
    max-width: 30rem !important;
    width: 18rem !important;
  }
  .oport-modelo {
    padding: 2rem;
  }
  .oport-modelo .titulo {
    margin-top: 5rem;
  }
  .oport-modelo .item h2 {
    font-size: 1.5rem;
  }
  .oport-modelo .texto p {
    font-size: 1.5rem;
  }
  .oport-modelo .texto p br {
    display: none;
  }
  .oport-modelo .itemvideo .youtube {
    min-height: 25rem;
  }
  .oport-modelo .itemvideo .youtube .play-button {
    width: 6rem;
    height: 6rem;
  }
  .revisao {
    padding: 6rem 2rem;
  }
  .revisao .item .pt1 {
    padding: 1rem 3rem;
  }
  .revisao .item .pt1 h2 {
    font-size: 1.5rem;
  }
  .revisao .item .pt2 {
    padding: 2rem 1rem;
  }
  .revisao .item .pt2 h1 {
    font-size: 3.15rem;
  }
  .suporte {
    padding: 2rem;
  }
  .suporte .titulo {
    margin: 3rem 0 2rem;
  }
  .suporte .titulo h1 {
    font-size: 4rem;
  }
  .suporte .titulo h2 {
    font-size: 3.5rem;
    letter-spacing: 1.5rem;
  }
  .suporte .item-video .youtube {
    min-height: 21.5rem;
  }
  .suporte .item-video .youtube .play-button {
    width: 3rem;
    height: 3rem;
  }
  .sobre-dep {
    padding: 2rem 2rem 5rem;
  }
  .sobre-dep .sobre .titulo h1 {
    font-size: 3rem;
  }
  .sobre-dep .sobre .titulo h2 {
    font-size: 2rem;
  }
  .sobre-dep .sobre .texto p {
    font-size: 1rem;
  }
  .sobre-dep .sobre .texto p br {
    display: none;
  }
  .sobre-dep .sobre .item-video .youtube {
    min-height: 11rem;
  }
  .sobre-dep .sobre .item-video .youtube img {
    width: 105%;
    top: -2rem;
  }
  .sobre-dep .sobre .item-video .youtube .play-button {
    width: 3rem;
    height: 3rem;
  }
  .sobre-dep .depoimentos .titulo h1 {
    font-size: 4rem;
  }
  .sobre-dep .depoimentos .titulo h2 {
    font-size: 2rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h1 {
    font-size: 2rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h2 {
    font-size: 1rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .item-video .youtube-dep {
    min-height: 12rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .item-video .youtube-dep img {
    width: 105%;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .item-video .youtube-dep .play-button {
    width: 3rem;
    height: 3rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-prev {
    top: 90%;
    left: 65%;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-prev:before {
    width: 1rem;
    height: 1rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-next {
    top: 90%;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-next:before {
    width: 1rem;
    height: 1rem;
  }
  .section-obrigado h2 {
    font-size: 1.2rem;
  }
}

@media (min-width: 380px) and (max-width: 767px) {
  .banner {
    padding: 2rem;
  }
  .banner .logo {
    display: block;
    width: 100%;
    text-align: center;
  }
  .banner .logo img {
    width: 12rem;
  }
  .banner .img-junior {
    display: none;
  }
  .banner .img-carro {
    display: none;
  }
  .banner .franquia {
    margin-top: 5rem;
  }
  .banner .franquia h1 {
    font-size: 2.25rem;
  }
  .banner .franquia h2 {
    padding: 1.25rem 1rem 1.25rem 2rem;
    font-size: 0.95rem;
    margin: 0 0 0 -2rem;
  }
  .banner .fature {
    margin-bottom: 3rem;
    margin-top: 2rem;
  }
  .banner .fature h2 {
    font-size: 2rem;
  }
  .banner .fature h1 {
    font-size: 2.25rem;
  }
  .banner .fature h1 span {
    width: 80%;
    font-size: 1.25rem;
  }
  .banner .formulario {
    position: relative;
    right: 0;
    padding: 1.5rem;
  }
  .banner .formulario .titulo-form {
    margin-top: 0rem;
  }
  .banner .formulario .titulo-form h1 span.pt1 {
    font-size: 1.5rem;
  }
  .banner .formulario .titulo-form h1 span.pt2 {
    font-size: 2.5rem;
  }
  .banner .formulario .titulo-form h1 span.pt3 {
    font-size: 0.95rem;
  }
  .banner .formulario form .campos label {
    font-size: 1rem;
  }
  .banner .formulario form .campos input {
    height: 2rem;
  }
  .banner .formulario form .bt-section button {
    font-size: 0.75rem;
    padding: 1rem;
  }
  .mercado {
    padding: 2.5rem;
  }
  .mercado .titulo h1 {
    font-size: 2rem;
  }
  .mercado .titulo-item {
    margin: 2rem 0;
  }
  .mercado .titulo-item h1 {
    font-size: 3rem;
  }
  .mercado .titulo-item h2 {
    font-size: 1rem;
  }
  .mercado .grafico .m-item {
    padding: 0;
  }
  .mercado .grafico .m-item span {
    font-size: 1rem;
  }
  .mercado .grafico .m-item svg.radial-progress {
    max-width: 12rem;
  }
  .oport-modelo {
    padding: 2rem;
  }
  .oport-modelo .titulo h1.oport {
    font-size: 1.25rem;
  }
  .oport-modelo .titulo h1.model {
    font-size: 2rem;
  }
  .oport-modelo .titulo h2 {
    font-size: 1.5rem;
    letter-spacing: 0.75rem;
  }
  .oport-modelo .item {
    padding: 1rem;
    margin: 2rem 0 1rem;
  }
  .oport-modelo .item h1 {
    font-size: 2rem;
  }
  .oport-modelo .item h2 {
    font-size: 1.15rem;
  }
  .oport-modelo .texto p {
    font-size: 0.75rem;
  }
  .oport-modelo .itemvideo .youtube {
    min-height: 14rem;
  }
  .oport-modelo .itemvideo .youtube img {
    width: 125%;
    top: -20%;
    left: -15%;
  }
  .oport-modelo .itemvideo .youtube .play-button {
    width: 3rem;
    height: 3rem;
  }
  .galeria img {
    width: 100%;
  }
  .revisao {
    padding: 4rem 2rem;
  }
  .revisao .titulo h1 {
    font-size: 2.5rem;
  }
  .revisao .titulo h2 {
    letter-spacing: 0.5rem;
    font-size: 1.5rem;
  }
  .revisao .item .pt1 {
    padding: 1rem 2rem;
  }
  .revisao .item .pt1 h2 {
    font-size: 1rem;
  }
  .revisao .item .pt2 {
    padding: 1rem 2rem;
  }
  .revisao .item .pt2 h1 {
    font-size: 1.75rem;
  }
  .suporte {
    padding: 2rem;
  }
  .suporte .titulo {
    margin: 0 0 2rem;
  }
  .suporte .titulo h1 {
    font-size: 1.85rem;
  }
  .suporte .titulo h2 {
    letter-spacing: 0.75rem;
    font-size: 1.5rem;
  }
  .suporte .item-video {
    margin: 1rem 0rem;
  }
  .suporte .item-video .youtube {
    min-height: 11rem;
  }
  .suporte .item-video .youtube img {
    top: -2rem;
  }
  .suporte .item-video .youtube .play-button {
    width: 3rem;
    height: 3rem;
  }
  .sobre-dep {
    padding: 2rem 2rem 5rem;
  }
  .sobre-dep .sobre .titulo h1 {
    font-size: 2rem;
    text-align: center;
  }
  .sobre-dep .sobre .titulo h2 {
    letter-spacing: 0.75rem;
    font-size: 1.5rem;
  }
  .sobre-dep .sobre .texto p {
    font-size: 0.75rem;
  }
  .sobre-dep .sobre .texto p br {
    display: none;
  }
  .sobre-dep .sobre .item-video {
    margin: 1rem 0rem;
  }
  .sobre-dep .sobre .item-video .youtube {
    min-height: 9.75rem;
  }
  .sobre-dep .sobre .item-video .youtube img {
    top: -2rem;
  }
  .sobre-dep .sobre .item-video .youtube .play-button {
    width: 3rem;
    height: 3rem;
  }
  .sobre-dep .depoimentos {
    padding: 3rem 0 0;
  }
  .sobre-dep .depoimentos .titulo h1 {
    font-size: 1.75rem;
  }
  .sobre-dep .depoimentos .titulo h2 {
    letter-spacing: 0.35rem;
    font-size: 1rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item {
    margin-top: 0;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .item-video {
    margin: 1rem 0rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .item-video .youtube-dep {
    min-height: 9.15rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .item-video .youtube-dep .play-button {
    width: 3rem;
    height: 3rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc {
    background-size: 35%;
    background-position-x: 50%;
    background-position-y: 50%;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h1 {
    font-size: 1.25rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h2 {
    letter-spacing: 0.5rem;
    font-size: 1rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h3 {
    font-size: 0.75rem;
    text-align: center;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h3 img {
    width: 1rem;
    padding-right: 0.5rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-prev {
    top: initial;
    left: 35%;
    bottom: -20%;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-prev:before {
    width: 1rem;
    height: 1rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-next {
    top: initial;
    right: 20%;
    bottom: -20%;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-next:before {
    width: 1rem;
    height: 1rem;
  }
  .footer {
    font-size: 0.6rem;
  }
  .section-obrigado {
    padding: 2rem;
    background-position-x: left;
  }
  .section-obrigado .logo img {
    width: 17rem;
  }
  .section-obrigado h1 {
    font-size: 1.5rem;
  }
  .section-obrigado h2 {
    font-size: 0.8rem;
  }
  .section-obrigado .btn-whatsapp {
    padding: 0.8rem 1rem;
  }
}

@media (max-width: 379px) {
  .banner {
    padding: 2rem;
  }
  .banner .logo {
    display: block;
    width: 100%;
    text-align: center;
  }
  .banner .logo img {
    width: 12rem;
  }
  .banner .img-junior {
    display: none;
  }
  .banner .img-carro {
    display: none;
  }
  .banner .franquia {
    margin-top: 5rem;
  }
  .banner .franquia h1 {
    font-size: 2rem;
  }
  .banner .franquia h2 {
    padding: 1.25rem 1rem 1.25rem 2rem;
    font-size: 0.8rem;
    margin: 0 0 0 -2rem;
  }
  .banner .fature {
    margin-bottom: 3rem;
    margin-top: 2rem;
  }
  .banner .fature h2 {
    font-size: 2rem;
  }
  .banner .fature h1 {
    font-size: 2rem;
  }
  .banner .fature h1 span {
    width: 90%;
    font-size: 1rem;
  }
  .banner .formulario {
    position: relative;
    right: 0;
    padding: 1.5rem;
  }
  .banner .formulario .titulo-form {
    margin-top: 0rem;
  }
  .banner .formulario .titulo-form h1 span.pt1 {
    font-size: 1.35rem;
  }
  .banner .formulario .titulo-form h1 span.pt2 {
    font-size: 2.25rem;
  }
  .banner .formulario .titulo-form h1 span.pt3 {
    font-size: 0.75rem;
  }
  .banner .formulario form .campos label {
    font-size: 1rem;
  }
  .banner .formulario form .campos input {
    height: 2rem;
  }
  .banner .formulario form .bt-section button {
    font-size: 0.75rem;
    padding: 1rem;
  }
  .mercado {
    padding: 2rem;
  }
  .mercado .titulo h1 {
    font-size: 2rem;
  }
  .mercado .titulo-item {
    margin: 2rem 0;
  }
  .mercado .titulo-item h1 {
    font-size: 3rem;
  }
  .mercado .titulo-item h2 {
    font-size: 1rem;
  }
  .mercado .grafico .m-item {
    padding: 0;
  }
  .mercado .grafico .m-item span {
    font-size: 1rem;
  }
  .mercado .grafico .m-item svg.radial-progress {
    max-width: 12rem;
  }
  .oport-modelo {
    padding: 2rem;
  }
  .oport-modelo .titulo h1.oport {
    font-size: 1.25rem;
  }
  .oport-modelo .titulo h1.model {
    font-size: 2.25rem;
  }
  .oport-modelo .titulo h2 {
    font-size: 1.75rem;
    letter-spacing: 0.75rem;
  }
  .oport-modelo .item {
    padding: 1rem;
    margin: 2rem 0 1rem;
  }
  .oport-modelo .item h1 {
    font-size: 2rem;
  }
  .oport-modelo .item h2 {
    font-size: 1.15rem;
  }
  .oport-modelo .texto p {
    font-size: 0.75rem;
    text-align: justify;
  }
  .oport-modelo .itemvideo .youtube {
    min-height: 12rem;
  }
  .oport-modelo .itemvideo .youtube img {
    width: 125%;
    top: -20%;
    left: -10%;
  }
  .oport-modelo .itemvideo .youtube .play-button {
    width: 3rem;
    height: 3rem;
  }
  .galeria img {
    width: 100%;
  }
  .revisao {
    padding: 4rem 2rem;
  }
  .revisao .titulo h1 {
    font-size: 2rem;
  }
  .revisao .titulo h2 {
    letter-spacing: 0.5rem;
    font-size: 1.25rem;
  }
  .revisao .item .pt1 {
    padding: 1rem 2rem;
  }
  .revisao .item .pt1 h2 {
    font-size: 1rem;
  }
  .revisao .item .pt2 {
    padding: 1rem 2rem;
  }
  .revisao .item .pt2 h1 {
    font-size: 1.75rem;
  }
  .suporte {
    padding: 2rem;
  }
  .suporte .titulo {
    margin: 0 0 2rem;
  }
  .suporte .titulo h1 {
    font-size: 1.5rem;
  }
  .suporte .titulo h2 {
    font-size: 1.5rem;
    letter-spacing: 0.5rem;
  }
  .suporte .item-video {
    margin: 1rem 0rem;
  }
  .suporte .item-video .youtube {
    min-height: 8.75rem;
  }
  .suporte .item-video .youtube img {
    top: -2rem;
  }
  .suporte .item-video .youtube .play-button {
    width: 3rem;
    height: 3rem;
  }
  .sobre-dep {
    padding: 2rem 2rem 5rem;
  }
  .sobre-dep .sobre .titulo h1 {
    font-size: 2rem;
  }
  .sobre-dep .sobre .titulo h2 {
    letter-spacing: 0.75rem;
    font-size: 1.5rem;
  }
  .sobre-dep .sobre .texto p {
    font-size: 0.75rem;
  }
  .sobre-dep .sobre .texto p br {
    display: none;
  }
  .sobre-dep .sobre .item-video {
    margin: 1rem 0rem;
  }
  .sobre-dep .sobre .item-video .youtube {
    min-height: 9.75rem;
  }
  .sobre-dep .sobre .item-video .youtube img {
    top: -2rem;
  }
  .sobre-dep .sobre .item-video .youtube .play-button {
    width: 3rem;
    height: 3rem;
  }
  .sobre-dep .depoimentos {
    padding: 3rem 0 0;
  }
  .sobre-dep .depoimentos .titulo h1 {
    font-size: 1.75rem;
  }
  .sobre-dep .depoimentos .titulo h2 {
    letter-spacing: 0.35rem;
    font-size: 1rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item {
    margin-top: 0;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .item-video {
    margin: 1rem 0rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .item-video .youtube-dep {
    min-height: 9.15rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .item-video .youtube-dep .play-button {
    width: 3rem;
    height: 3rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc {
    background-size: 35%;
    background-position-x: 50%;
    background-position-y: 50%;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h1 {
    font-size: 1.25rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h2 {
    letter-spacing: 0.5rem;
    font-size: 1rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h3 {
    font-size: 0.75rem;
    text-align: center;
  }
  .sobre-dep .depoimentos .itens-depoimentos .item .desc .descricao h3 img {
    width: 1rem;
    padding-right: 0.5rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-prev {
    top: initial;
    left: 35%;
    bottom: -20%;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-prev:before {
    width: 1rem;
    height: 1rem;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-next {
    top: initial;
    right: 20%;
    bottom: -20%;
  }
  .sobre-dep .depoimentos .itens-depoimentos .slick-next:before {
    width: 1rem;
    height: 1rem;
  }
  .footer {
    font-size: 0.6rem;
  }
  .section-obrigado {
    padding: 2rem;
    background-position-x: left;
  }
  .section-obrigado .logo img {
    width: 15rem;
  }
  .section-obrigado h1 {
    font-size: 1.5rem;
  }
  .section-obrigado h2 {
    font-size: 0.8rem;
  }
  .section-obrigado .btn-whatsapp {
    padding: 0.8rem 1rem;
  }
}
/*# sourceMappingURL=mobile.css.map */