@charset "utf-8";

/* CSS Document */
.mobile-only {
  display: none;
}
.no-mobile {
  display: block;
}

/************************************************************************************
                                    RESPONSIVO
*************************************************************************************/
@media (max-width: 1600px) {
  /* #consultaCompleta .banner_delta24h {width: 73%;} */
}

@media (max-width: 1440px) {
  /* #consultaCompleta .banner_delta24h {width: 81%;} */
}

@media (max-width: 1345px) {
  #NovaConsulta .row {
    width: 95%;
    margin: 0 2.5%;
  }
  /* #consultaCompleta .banner_delta24h {width: 87%;} */
}

@media (max-width: 1200px) {
  footer ul.atendimento {
    font-size: 0.9em;
  }

  #NovaConsulta .Container .left {
    width: 180px;
  }
  #NovaConsulta .Container .right {
    width: calc(95% - 180px);
  }

  /* #consultaCompleta .banner_delta24h {width: 98%;} */
}


@media (max-width: 1100px) {
  footer ul.atendimento {
    font-size: 1em;
  }
  footer ul.atendimento li {
    width: auto;
    clear: both;
    left: 50%;
    position: relative;
    transform: translate(-50%);
    text-align: center;
  }
  footer ul.atendimento li div {
    margin: 48px 0 0 0;
  }
  footer ul.atendimento li p {
    width: 100%;
    text-align: center;
  }
  footer ul.atendimento li div a.btn {
    left: 50%;
    position: relative;
    transform: translate(-50%);
  }
  footer ul.atendimento li img {
    margin: 0 30px 0 0;
  }
  #consultaCompleta .banner_delta24h a > .ola_nome p { font-size: 0.8rem;}
  #consultaCompleta .banner_delta24h a > .ola_nome h2 {width: 53%; font-size: 1.4rem;}
  #consultaCompleta .banner_delta24h a > .conte_com { left: 430px;top: 217px;}
  #consultaCompleta .banner_delta24h a > .conte_com p {width: 31%; font-size: 0.6rem;}
  #consultaCompleta .banner_delta24h a > .conte_com h2 {font-size: 1.4rem}
}
@media (max-width: 580px) {
  footer .assinatura figure {
    margin: 4em 0 3em;
  }
  footer ul.atendimento {
    font-size: 0.85em;
  }
  footer ul.atendimento li img {
    margin: 0 20px 0 0;
  }
  footer ul.atendimento li div {
    margin: 28px 0 0 0;
  }

  .boxMinhaConta .box-white { flex-flow: row wrap; }
  .boxMinhaConta .box-white .w-50 { flex-basis: 100%;}

}

@media (min-width: 768px) {
  #Prices .prices-wrapper .payment-info {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 1200px) {
  #consultaCompleta #pagamento .busca .top {
    margin: 0 0 0 10px;
  }
  .navbar-nav > li > a {
    padding: 9px 6px;
  }
}
@media (max-width: 1150px) {
  .row {
    width: 90%;
    margin: 0 5%;
  }
  #consultaCompleta #setor1 .busca .content .icon {
    display: none;
  }
  #consultaCompleta #setor1 .busca .topis h2 br {
    display: none;
  }
  #consultaCompleta #historico .busca .top .icon {
    display: none;
  }
  #consultaCompleta #pagamento .busca .top .icon {
    display: none;
  }
  #consultaCompleta #pagamento .busca .content .all {
    height: auto;
  }
  #consultaCompleta #pagamento .busca .content .all .left {
    width: 100%;
  }
  #consultaCompleta #pagamento .busca .content .all .right {
    width: 100%;
    border: 0;
    padding-bottom: 7em;
    border-top: 1px solid #dcdcdd;
  }
  #resultado-nova-etapa .right {
    width: 40%;
  }
  #resultado-nova-etapa .left ul li p span {
    width: 25%;
  }
  #resultado-nova-etapa .left ul li p b {
    width: 67.5%;
  }
  #resultado-nova-etapa .full .left img {
    width: 55%;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .text {
    width: 50%;
  }
  .FourColuns ul li .topis h3 {
    font-size: 1.2em !important;
  }
  .SixColuns ul li .topis h3 {
    font-size: 1.2em !important;
  }

  .sub-kpi-container {
    width: 90%;
  }

  .sub-menu-kpi {
    width: 70%;
  }

  /* #consultaCompleta .banner_delta24h {width: 90%;} */

  #consultaCompleta .banner_delta24h a > .conte_com {left: 460px;}

  .boxMinhaConta .box-white {
    flex-wrap: wrap-reverse;
    row-gap: 40px;
  }

  .boxMinhaConta .box-white.normal {
    flex-wrap: wrap;
  }
}


@media (max-width: 1199px) {
  #NovaConsulta {
    padding: 60px 0 30px;
    margin: 0;
  }
  #NovaConsulta.inConsultaFake {
    margin: 0;
  }
  #NovaConsulta.inConsultaFake {
    margin: 0;
  }
  #NovaConsulta .top {
    height: auto;
    width: 100%;
    right: inherit;
    bottom: inherit;
  }
  #NovaConsulta .top p {
    line-height: 1.5;
  }
  #NovaConsulta .left {
    width: 100%;
  }
  #NovaConsulta .right {
    width: 100%;
    float: left;
  }
  #NovaConsulta .top .right a {
    margin: 10px 15px 0 0;
    zoom: 0.9;
  }
  #NovaConsulta .Container .Box ul.itens .flex {
    justify-content: inherit;
  }
  #NovaConsulta .Container .Box ul.itens .flex li {
    margin-right: 5%;
  }
  #NovaConsulta .Container .Box ul.itens .noline {
    display: none;
  }
  #NovaConsulta .Container .Box .top {
    font-size: 1.8em;
    padding: 0.5em 2em 0.35em;
  }
  #NovaConsulta .Container .Box .top::after {
    width: 23px;
    height: 18px;
    top: calc(50% - 9px);
    right: 1.5em;
  }
  #NovaConsulta .Container .Box.Alert .top::after {
    width: 23px;
    height: 22px;
    top: calc(50% - 11px);
  }
}
@media (max-width: 1100px) {
  .navbar-nav > li > a {
    font-size: 67%;
  }
  #consultaCompleta #resultado .box ul#info_placa .btn-completo {
    width: 360px;
  }
  #consultaCompleta #resultado .box ul#info_placa .btn-completo {
    width: 360px;
  }
  #consultaCompleta #resultado .box ul#info_placa .btn-completo p {
    font-size: 1.3em;
    padding: 13px 18px 0 28px;
  }
  #resultado-nova-etapa .full {
    zoom: 0.75;
  }
  #resultado-nova-etapa .left ul li p {
    font-size: 80%;
  }
}
@media (max-width: 991px) {
  #consultaCompleta #setor1 {
    background: ;
    padding-bottom: 18%;
    background-position: 40% center !important;
  }
  #consultaCompleta #setor1 .busca {
    width: 60%;
  }
  #consultaCompleta #setor1 .busca .content form {
    width: 100%;
  }
  #consultaCompleta #setor1 .busca .topis h2 {
    font-size: 2.7em;
    line-height: 1.1;
  }
  #consultaCompleta #setor1 .busca .topis h2 br {
    display: none;
  }
  #consultaCompleta #setor1 .carprice {
    width: 40%;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .text {
    width: 40%;
  }
  #consultaCompleta #setor-pesquise .pesquise .center.desktop {
    display: none;
  }
  #consultaCompleta #setor-pesquise .pesquise .center.mobile {
    display: block;
  }
  #consultaCompleta #pagamento .busca .content .all {
    height: auto;
  }
  #consultaCompleta #pagamento .busca .content .all .left {
    width: 92%;
  }
  #consultaCompleta #pagamento .busca .content .all .right {
    width: 100%;
    border: 0;
    padding-bottom: 3em;
    border-top: 1px solid #dcdcdd;
  }
  #consultaCompleta.new-one .desktop {
    display: none;
  }
  #consultaCompleta.new-one .mobile {
    display: block !important;
  }
  .card-container {
    margin: 5% 0 6% 23%;
  }
  .container {
    width: auto;
  }
  .navbar {
    background: #fafafa;
  }
  .top-nav-collapse {
    background: #fff;
  }
  .top-nav-collapse .navbar-collapse.collapse.in {
    background: #fff;
  }
  #Prices .prices-items {
    zoom: 0.9;
  }
  #Prices .prices-items .price-item {
    width: 100%;
    margin: 0 0 5% 0;
  }
  #Prices .prices-items .price-item .left {
    width: 47%;
    float: left;
  }
  #Prices .prices-items .price-item .right {
    width: 43%;
    float: left;
  }
  #Prices .prices-items .price-item .lista {
    min-height: auto;
  }
  #Prices .prices-items .price-item .lista p {
    padding: 0 0 3px;
    border: 0;
  }
  #Prices .prices-items .price-item .lista a.selecionar {
    margin: 15px 10% 15px;
  }
  #Prices .prices-items .price-item .topis {
    margin: 45px 0 1px;
  }
  #Prices .box p {
    font-size: 1em !important;
  }
  .FourColuns ul li {
    width: 100% !important;
    margin: 0 0 5% 0 !important;
  }
  .FourColuns ul li .topis {
    margin: 30px 0 1px !important;
  }
  .FourColuns ul li a.selecionar {
    margin: 10px 10% 15px !important;
  }
  .FourColuns ul li .valor {
    margin: 3px 0 0 !important;
  }
  .SixColuns ul li {
    width: 100% !important;
    margin: 0 0 3% 0 !important;
  }
  .SixColuns ul li.last {
    margin: 0 0 3% 0 !important;
  }
  .SixColuns ul li .topis {
    margin: 30px 0 1px !important;
  }
  .SixColuns ul li a.selecionar {
    margin: 10px 10% 15px !important;
  }
  .SixColuns ul li .valor {
    margin: 3px 0 0 !important;
  }
  #modalPrices .box {
    left: 0;
    top: 5%;
    margin: 0 0 5% 10%;
    width: 80%;
    height: auto;
  }
  #modalPrices .box li {
    width: 100% !important;
    zoom: 0.9;
  }
  #modalPrices .box li:first-child {
    background-position: center 38%;
    position: relative;
  }
  #modalPrices .box li:first-child .left {
    margin: 5px 0 0;
    zoom: 0.9;
  }
  #modalPrices .box li:first-child .valor {
    margin: 0 0 15px;
  }
  #modalEntrar .box {
    left: 0;
    top: 40px;
    margin: 0 0 5% 10%;
    width: 80%;
    height: auto;
  }
  #modalEntrar .box li {
    width: 100% !important;
    zoom: 0.9;
  }
  #modalEntrar .box li:first-child {
    padding-bottom: 10%;
  }
  #modalEntrar .box .excep {
    margin: 77px 0 0 -19px;
  }
  #modalEntrar .voltar {
    margin: 0;
    top: 40px;
    left: initial;
    right: 10%;
  }
  #modalCadastrar .box {
    left: 0;
    top: 40px;
    margin: 0 0 5% 10%;
    width: 80%;
    height: auto;
  }
  #modalCadastrar .box li {
    width: 100% !important;
    zoom: 0.9;
  }
  #modalCadastrar .box li:first-child {
    padding-bottom: 10%;
  }
  #modalCadastrar .voltar {
    margin: 0;
    top: 40px;
    left: initial;
    right: 10%;
  }
  #modalCadastrar .box .excep {
    margin: 77px 0 0 -19px;
  }
  #modalExitIntent .box {
    left: 0;
    top: 40px;
    margin: 0 0 5% 10%;
    width: 80%;
    height: auto;
  }
  #modalExitIntent .box li {
    width: 100% !important;
    zoom: 0.9;
  }
  #modalExitIntent .box li:first-child {
    padding-bottom: 10%;
  }
  #modalExitIntent .voltar {
    margin: 0;
    top: 40px;
    left: initial;
    right: 10%;
  }
  #modalExitIntent .box .excep {
    margin: 77px 0 0 -19px;
  }
  #modalPromocao .box {
    left: 0;
    top: 40px;
    margin: 0 0 5% 10%;
    width: 80%;
    height: auto;
  }
  #modalPromocao .box li {
    width: 100% !important;
    zoom: 0.9;
  }
  #modalPromocao .box li:first-child {
    padding-bottom: 10%;
  }
  #modalPromocao .voltar {
    margin: 0;
    top: 40px;
    left: initial;
    right: 10%;
  }
  #modalPromocao .box .excep {
    margin: 77px 0 0 -19px;
  }
  #areaCliente ul.content-all .selo {
    zoom: 0.6;
  }
  #areaCliente ul.content-all li .top {
    font-size: 0.85em;
  }
  #areaCliente ul.content-all li .detalhes.triple .coluns {
    width: 46.5%;
    margin: 1em 0 1em 3.5%;
  }
  #areaCliente ul.content-all li .links-saidas {
    float: left;
  }
  #areaCliente ul.content-all .content-vale {
    padding: 1em 0 0em;
  }
  #areaCliente ul.content-all .content-vale ul.pagamento-vale {
    font-size: 0.8em;
  }
  #area-cliente {
    font-size: 0.85em;
    padding-top: 75px;
  }
  #area-cliente .byleft {
    width: 100%;
    float: left;
    margin: 0;
  }
  #area-cliente .byright {
    width: 100%;
    float: right;
    margin: 0 0 4% 0;
  }
  #area-cliente .byright a {
    margin: 5px 0 0 10px;
  }
  #area-cliente .byright a.banner_negocios {
    display: none;
  }
  #area-cliente .byright form .field {
    width: 320px;
  }
  #area-cliente .byright form .btnconsulta {
    right: inherit;
  }
  #area-cliente .byright .plano h4 {
    font-size: 12px !important;
    line-height: 1.4;
  }
  #area-cliente .byright .plano .white {
    padding: 1.2em 0;
  }
  #area-cliente .byright .plano .btn {
    margin: 0;
  }
  #area-cliente .table-new.contratos.titles {
    display: none;
  }
  #area-cliente .table-new.contratos .col-md-4 {
    width: 100%;
  }
  #area-cliente .table-new.contratos .col-md-4 h4 {
    font-weight: 700;
  }
  #area-cliente .table-new.contratos .col-md-1 {
    width: 100%;
  }
  #area-cliente .table-new.contratos .col-md-2 {
    width: 100%;
  }
  #area-cliente .table-new.contratos .new-btn {
    margin: 0px 0 1px;
  }
  #area-cliente .table-new.contratos {
    padding: 5% 0;
  }
  #area-cliente .profile {
    width: 60%;
    margin: 2% 20% 0;
  }
  #area-cliente.usuarios form.excep {
    zoom: 0.75;
    width: 100%;
  }
  #area-cliente.usuarios form.excep2 {
    zoom: 0.75;
    clear: both;
    float: left;
  }
  #area-cliente.usuarios select {
    width: 40%;
  }
  #area-cliente.usuarios input {
    width: 40%;
  }
  #area-cliente.detalhe-usuario .box-novo .row-block div {
    width: 100% !important;
  }
  #area-cliente.emails-trans .content .table1 li .right {
    float: left;
    clear: both;
    margin: 8px 0 0;
  }
  #setor-faq #accordion .accordion-center {
    font-size: 0.85em;
  }
  .consultas form.pesquis input.form-control {
    height: 34px !important;
  }
  .extrato form.pesquis input.form-control {
    height: 34px !important;
  }
  .navbar-collapse.collapse.excep {
    display: block !important;
    border-top: 0;
    margin: 0;
    height: 0 !important;
  }
  .navbar-collapse.collapse.excep .navbar-nav {
    float: right !important;
    margin: -4px 0 0 !important;
  }
  .navbar-collapse.collapse.excep .navbar-nav > li {
    float: left;
  }
  .navbar-collapse.collapse.excep .navbar-nav > li > a {
    display: none;
  }
  .navbar.excep .navbar-header {
    float: left;
  }
  .navbar.excep .btn-green-new {
    display: block !important;
  }
  .navbar.excep .btn-green-new2 {
    display: block !important;
  }
  .navbar {
    background: #fafafa;
  }
  .navbar .container {
    line-height: 0;
  }
  .navbar-header {
    float: none !important;
    display: inline-block;
    margin: 0 !important;
  }
  .navbar-header:before,
  .navbar-header:after {
    display: none;
  }
  .navbar-brand {
    float: none;
    display: block;
    padding: 0;
    width: 140px;
    height: auto;
    font-size: 0;
    line-height: 1;
  }

 
  /* .fuller { display: none; } */

  .changeUser {
    width: 160px;
    right: 0;
    top: -17px;
    z-index: 9999;
  }
  .changeUser select {
    height: 19px;
    font-size: 0.7em;
  }
  .changeUser .form-control {
    font-size: 0.7em;
    padding: 10px 0 9px;
  }

  .kpi-tittle {
    display: none;
  }

  .sub-menu-kpi {
    width: 100%;
  }
  #consultaCompleta .banner_delta24h a > .conte_com {
    left: 405px;
  }
}
@media (max-width: 900px) {
  #NovaConsulta .Container .left {
    display: none;
  }
  #NovaConsulta .Container .right {
    width: 100%;
  }

  #consultaCompleta .banner_delta24h a > .ola_nome h2 {
    width: 49%;
    font-size: 1rem;
  }
  #consultaCompleta .banner_delta24h a > .ola_nome p {
    font-size: 0.6rem;
}

#consultaCompleta .banner_delta24h a > .conte_com {
  left: 357px;
  top: 224px;
}
#consultaCompleta .banner_delta24h a > .conte_com p {
  width: 46%;
  font-size: 0.6rem;
}
#consultaCompleta .banner_delta24h a > .conte_com h2 {
  font-size: 1rem;
}

/*Modal aguarde a consulta completa finalizar */
#modal_pesquisa_consulta .modal_await {
  flex-direction: column;
  width: 95%;
}

#modal_pesquisa_consulta .container_blue_await {
  border-radius: 8px 8px 0 0;
}

#modal_pesquisa_consulta .container_blue_await > img{
  margin-bottom: 18px;
  width: 120px;
  height: 126px;
}

#modal_pesquisa_consulta .container_await_please{
  border-radius: 0 0 10px 10px;  
}

.close_plus_white {
  background: #000000 !important;
  width: 18px !important;
  height: 18px !important;
}

.close_plus_white:hover {
  background: #FFFFFF99 !important;
}

#container__await__top .info__right {
  display: none;
}

#container__await__top img {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

#container__await__top .info__left {
  margin-left: 20px;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
  margin-right: -20px;
}

#container__await__top .text__ p  button {
  display: inline-block;
}

}
@media (max-width: 850px) {
  .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    display: block;
    overflow: hidden;
    width: 205px;
    position: relative;
  }

  #consultaCompleta #setor-funciona-novo .hw-items .hw-item {
    margin: 0 0 50px;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .mobile {
    display: block;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item figure.one {
    left: 7px;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .desktop {
    display: none;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .ball {
    width: 71px;
    height: 71px;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .ball p {
    font-size: 4.3em;
    padding: 20px 0 0 0;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .text {
    width: calc(100% - 115px);
    float: right;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .text h4 {
    font-size: 2em;
    margin: 1.1em 0 0;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .text p {
    font-size: 1.3em;
    margin: 10px 0 0;
  }
  #consultaCompleta #setor-funciona-novo .hw-wrapper .line {
    width: 4px;
    height: 75%;
    top: 130px;
    left: 34px;
  }
  #consultaCompleta #setor-funciona-novo .topis h3 {
    margin-bottom: 7%;
  }
  #area-cliente .new-consulta .left {
    display: none;
  }
  #area-cliente .new-consulta .right.mobile {
    display: block;
  }
  #area-cliente .new-consulta .consulta {
    width: 80%;
  }

  span.double {
    width: 100%;
  }
  span.triple {
    width: 100%;
  }
}

@media (max-width: 800px) {
  #consultaCompleta .banner_delta24h a > .ola_nome { 
    top: 169px;
    left: 30px;
  }

  #consultaCompleta .banner_delta24h a > .conte_com {
    left: 30px;
    top: 262px;
}

#consultaCompleta .banner_delta24h a > .img_valor {
  width: 35%;
  right: 30px;
}

#consultaCompleta .banner_delta24h a > .img_logo_delta24h {
  left: 30px;
}
#consultaCompleta .banner_delta24h a > .img_chamada {
  right: 30px;
}
.boxMinhaConta .box-white .container_dados_cadastro {
  width: 100%;
}
}


@media (max-width: 767px) {


  #NovaConsulta .Container .Box .all {
    padding: 7.5% 5% 5%;
  }
  #NovaConsulta .Container .Box .top {
    font-size: 1.55em;
  }
  #NovaConsulta .top p {
    font-size: 1.1em;
  }
  #NovaConsulta .Container .Box .closes {
    margin: 0 0 1em;
  }
  #NovaConsulta .Container .Box .closes .up h5 {
    font-size: 1.2em;
    line-height: 1;
  }
  #NovaConsulta .Container .Box ul.itens li {
    margin: 0 0 3em 0;
  }
  #NovaConsulta .Container .Box ul.itens p.obs_gravame {
    font-size: 11px;
    line-height: 16px;
  }
  #NovaConsulta .Container .Obs p {
    font-size: 11px;
    line-height: 16px;
  }

  .fuller .area-new.sair {
    float: right;
    padding: 0 9px;
  }
  .fuller .area-new.sair .btn-wrap {
    float: none;
    display: inline-block !important;
  }
  .fuller .area-new.sair .btn-wrap a.btn-nav {
    float: none;
    display: inline-block !important;
    padding: 5px 6px;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1;
  }

  #consultaCompleta #setor1 {
    padding-top: 91px;
    padding-bottom: 35px;
    background-image: none;
    background-color: #f8f4f4;
  }
  #consultaCompleta #setor1 .busca {
    width: 100%;
    margin-top: 0;
  }
  #consultaCompleta #setor1 .busca .content {
    margin-top: 14px;
  }
  #consultaCompleta #setor1 .busca .content form .field {
    width: 64%;
    height: 50px;
    padding-left: 15px;
    margin-bottom: 0;
    font-size: 1.3em;
    font-style: normal;
    font-weight: 400;
  }
  #consultaCompleta #setor1 .busca .content form .btnconsulta {
    width: 36%;
    height: 50px;
    text-align: center;
  }
  #consultaCompleta #setor1 .busca .content form .btnconsulta p {
    display: block;
    width: 100%;
    padding: 20px 0 17px;
    font-size: 1.3em;
    line-height: 1;
  }
  #consultaCompleta #setor1 .busca .content .npr-price {
    clear: both;
    display: block;
    padding-top: 5px;
    color: #666;
    font-size: 1em;
    font-weight: 700;
  }
  #consultaCompleta #setor1 .busca .content .npr-price > span {
    color: #00a89d;
  }
  #consultaCompleta #setor1 .busca .topis h2 {
    float: none;
    display: block;
    color: #666;
    font-size: 2em;
    font-weight: 300;
    line-height: 28px;
    text-align: center;
  }
  #consultaCompleta #setor1 .busca .topis h3 {
    float: none;
    display: block;
    margin-top: 21px;
    color: #666;
    font-size: 1.3em;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
  }

  #consultaCompleta #setor-pesquise {
    padding-top: 40px;
  }
  #consultaCompleta #setor-pesquise .pesquise .topis h3 {
    font-size: 2em;
    line-height: 1.35;
  }
  #consultaCompleta #setor-pesquise .pesquise ul {
    margin-top: 25px;
  }
  #consultaCompleta #setor-pesquise .pesquise ul li {
    display: block;
    margin: 0;
    text-align: center;
  }
  #consultaCompleta #setor-pesquise .pesquise ul li i {
    right: 0;
    left: 0;
    float: none;
    display: inline-block;
    margin: 0 !important;
  }
  #consultaCompleta #setor-pesquise .pesquise ul li i.one {
    width: 63px;
    height: 55px;
    background-position: -73px -290px;
  }
  #consultaCompleta #setor-pesquise .pesquise ul li i.two {
    width: 63px;
    height: 55px;
    background-position: -227px -291px;
  }
  #consultaCompleta #setor-pesquise .pesquise ul li i.tree {
    width: 71px;
    height: 54px;
    background-position: -382px -208px;
  }
  #consultaCompleta #setor-pesquise .pesquise ul li i.four {
    width: 65px;
    height: 55px;
    background-position: -543px -212px;
  }
  #consultaCompleta #setor-pesquise .pesquise ul li i.five {
    width: 63px;
    height: 49px;
    background-position: -718px -213px;
  }
  #consultaCompleta #setor-pesquise .pesquise ul li i.six {
    width: 68px;
    height: 49px;
    background-position: -876px -213px;
  }
  #consultaCompleta #setor-pesquise .pesquise ul li p {
    float: none;
    display: block;
    margin-top: 3px;
    font-family: "Opens Sans", sans-serif;
    font-size: 1.3em;
    font-weight: 600;
    line-height: 20px;
  }
  #consultaCompleta #setor-pesquise .pesquise .center a {
    border-radius: 0;
    max-width: 290px;
    width: 100%;
    font-size: 1.3em;
  }
  #consultaCompleta #setor-pesquise .pesquise .center a > b {
    display: block;
  }
  #consultaCompleta #setor-pesquise .pesquise .center.mobile {
    margin: 0 0 30px;
  }

  #consultaCompleta #setor-funciona-novo {
    padding: 30px 0 0;
  }
  #consultaCompleta #setor-funciona-novo .topis h3 {
    margin-bottom: 18px;
    font-size: 2em;
  }

  #consultaCompleta #setor-funciona-novo .row {
    width: 100%;
  }
  #consultaCompleta #setor-funciona-novo .hw-wrapper {
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
  }
  #consultaCompleta #setor-funciona-novo .hw-wrapper .line {
    display: none;
  }
  #consultaCompleta #setor-funciona-novo .hw-items {
    float: none;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .slick-arrow,
  #Prices .slick-arrow {
    position: absolute;
    z-index: 10;
    top: 55px;
    display: inline-block;
    width: 20px;
    height: calc(100% - 108px);
    border: 0 none;
    font-size: 0;
    background-color: #000;
    opacity: 0;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .slick-next,
  #Prices .slick-next {
    right: 0;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .slick-list {
    padding-top: 67px !important;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .slick-track:before,
  #Prices .slick-track:before {
    display: none;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .slick-dots,
  #Prices .slick-dots {
    position: relative;
    z-index: 20;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 0;
    line-height: 0;
    text-align: center;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .slick-dots li,
  #Prices .slick-dots li {
    display: inline-block;
    margin-right: 2px;
    margin-left: 2px;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .slick-dots li > button,
  #Prices .slick-dots li > button {
    display: block;
    width: 40px;
    height: 2px;
    padding: 0;
    border: 0 none;
    font-size: 0;
    background-color: #c8cbcf;
  }
  #consultaCompleta
    #setor-funciona-novo
    .hw-items
    .slick-dots
    li.slick-active
    > button,
  #Prices .slick-dots li.slick-active > button {
    background-color: #00a89d;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item {
    position: relative;
    display: inline-block;
    border: 2px solid #e6e6e6;
    padding: 25px 15px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 67px;
    height: 100%;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .mobile {
    zoom: 0.8;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item figure.one {
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .center figure {
    left: 0;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .ball {
    position: absolute;
    top: -69px;
    right: 0;
    left: 0;
    float: none;
    width: 47px;
    height: 47px;
    margin: auto;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .ball {
    border: 0 none;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .ball:before,
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .ball:after {
    content: "";
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 42vw;
    height: 3px;
    margin-top: -2px;
    background-color: #00a89d;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .ball:before {
    right: 52px;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .ball:after {
    left: 52px;
  }
  #consultaCompleta
    #setor-funciona-novo
    .hw-items
    .hw-item:first-child
    .ball:before,
  #consultaCompleta
    #setor-funciona-novo
    .hw-items
    .hw-item:last-child
    .ball:after {
    display: none;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .ball p {
    padding-top: 12px;
    font-size: 3em;
    font-weight: 600;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .text {
    float: none;
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .text h4 {
    font-size: 1.8em;
    font-weight: 400;
  }
  #consultaCompleta #setor-funciona-novo .hw-items .hw-item .text p {
    display: block;
    color: #666;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 20px;
  }

  #Prices {
    padding-top: 30px;
  }
  #Prices .prices-wrapper {
    margin: 0 calc(-5% - 2px);
  }
  #Prices .slick-slider .slick-list {
    padding-top: 15px !important;
  }
  #Prices .topis {
    float: none;
    display: inline-block;
    margin-bottom: 10px;
  }
  #Prices .topis h3 {
    float: none;
    display: block;
    font-size: 2em;
    margin: 0 0 3px;
  }
  #Prices .topis p {
    color: #666;
    line-height: 25px;
    margin-bottom: 0;
  }
  #Prices .prices-items {
    zoom: normal;
    float: none;
    display: inline-block;
    width: 100%;
    margin: 0;
  }
  #Prices .prices-items .price-item {
    float: none;
    display: inline-block;
    width: 100%;
    margin: 0 8px 15px !important;
    border-width: 2px;
  }
  #Prices .prices-items .price-item .right {
    float: none;
    display: inline-block;
    padding: 25px 15px 25px;
    width: 100%;
    letter-spacing: 0;
    text-align: center;
  }
  #Prices .prices-items .price-item .lista {
    float: none;
    display: inline-block;
    margin-top: 0;
    text-align: center;
  }
  #Prices .prices-items .price-item .lista:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    margin: 18px 0;
    background-color: #e6e6e6;
  }
  #Prices .prices-items .price-item .lista p {
    float: none;
    display: block;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 230px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
  }
  #Prices .prices-items .price-item a.selecionar {
    float: none;
    display: inline-block;
    width: 100%;
    max-width: 220px;
    margin: 0;
    padding: 10px 15px;
    font-weight: 700;
    font-size: 13px;
  }
  #Prices .prices-items .price-item .left {
    float: none;
    zoom: normal;
    width: 100%;
    padding: 25px 15px 0;
  }
  #Prices .prices-items .price-item .topis {
    margin: 0 0 22px 0;
    font-size: 10px;
  }
  #Prices .prices-items .price-item .topis h3 {
    float: none;
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1;
  }
  #Prices .prices-items .price-item .valor {
    position: relative;
    float: none;
    display: inline-block;
    margin: 0;
  }
  #Prices .prices-items .price-item .valor h4 {
    float: none;
    font-size: 18px;
    line-height: 1;
  }
  #Prices .prices-items .price-item .valor h4 span {
    font-size: 55px;
    line-height: 1;
  }
  #Prices .prices-items .price-item .valor h4 small {
    float: none;
    display: inline-block;
    margin: 4px 0 0;
    font-size: 16px;
  }
  #Prices .prices-items .price-item .valor p {
    float: none;
    margin-top: 0;
    margin-left: -85px;
    color: #666;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
  }
  #Prices .prices-items .price-item img.b-prices {
    top: 0;
    margin-top: -15px;
    margin-left: -52px;
  }

  #setor-faq {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  #setor-faq .topis h3 {
    float: none;
    display: block;
    margin-bottom: 5px;
    font-size: 2em;
    line-height: 33px;
  }
  #setor-faq .topis h3 b {
    font-weight: 700;
  }
  #setor-faq .topis p {
    line-height: 1.8;
    margin-bottom: 28px;
  }

  #setor-faq #accordion {
    letter-spacing: 0;
  }
  #setor-faq #accordion .accordion-center {
    width: 100%;
    margin: 0 0 1px;
    font-size: 1em;
  }
  #setor-faq #accordion .accordion-center h4,
  #setor-faq #accordion .accordion-center h4 b {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
  }
  #setor-faq #accordion .accordion-center h4 {
    padding: 14px 0;
  }
  #setor-faq #accordion .accordion-center .accordion-content {
    float: none;
    padding: 0 0 14px;
  }
  #setor-faq #accordion .accordion-center .accordion-content p {
    display: inline-block;
    margin-top: 0;
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
  }

  #FaleConosco {
    float: none;
    padding-top: 30px;
    padding-bottom: 40px;
  }
  #FaleConosco .failed {
    width: auto !important;
  }
  #FaleConosco .topis {
    margin-bottom: 15px;
  }
  #FaleConosco .topis h3 {
    float: none;
    font-size: 20px;
  }
  #FaleConosco form {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  #FaleConosco form label {
    float: none;
  }
  #FaleConosco form label p {
    margin-bottom: 3px;
  }
  #FaleConosco form input {
    margin-bottom: 8px;
  }
  #FaleConosco form textarea {
    float: none;
    height: 125px;
    margin-bottom: 0;
  }
  #FaleConosco form a.selecionar {
    float: none;
    display: inline-block;
    margin: 12px 0 0;
    padding: 10px 15px;
    font-size: 13px;
  }

  .npr-sidebar.-light .widget {
    padding-top: 8px !important;
    padding-bottom: 13px !important;
    text-align: center;
  }
  .npr-sidebar .widget_text .npr-footer-widget-title {
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
  }
  .npr-sidebar .textwidget p {
    font-size: 13px;
    font-weight: 300;
  }
  .npr-sidebar.-dark .widget_media_image {
    max-width: 210px;
    margin-right: auto;
    margin-left: auto;
  }
  .npr-sidebar.-dark .widget_media_image img {
    margin-bottom: 22px !important;
  }
  .npr-sidebar.-dark .npr-container {
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
  }

  .bases h3 {
    margin: 5% 0 !important;
    padding: 0 5%;
  }
  .NewAT ul.time li {
    text-align: center;
    width: 90%;
    margin: 0 5%;
  }
  .NewAT ul.time li img {
    width: 180px;
    margin: 5% 0 0;
    float: none !important;
  }
  .NewAT ul.time li.last {
    width: 90%;
    margin: 5%;
  }
  .NewAT ul.time li h4 {
    font-size: 2.4em;
  }
  .NewAT ul.time li p {
    font-size: 1.4em;
  }
  .NewAT h2 {
    width: 90%;
    margin: 0 5%;
    font-size: 1.4em;
  }
  .NewAT h2 b {
    font-size: 1.3em;
  }
  .NewAT h2.excep {
    margin: 5%;
  }
  .NewAT h2.excep b {
    font-size: 1.3em;
  }
  .NewAT ul.triple li {
    width: 90%;
    margin: 0 5% 9%;
  }
  .NewAT ul.triple li p {
    line-height: 1.4;
  }
  .NewAT ul.triple li figure img {
    width: 50px;
  }

  .sub-menu-kpi {
    flex-direction: column;
    align-items: center;
    height: 220px;
  }
}
@media (max-width: 750px) {
  .mobile-only {
    display: block;
  }
  .no-mobile {
    display: none;
  }
  #consultaCompleta #setor1 .carprice {
    display: none;
  }
  /* #consultaCompleta #setor1 .busca .content form .btnconsulta p { width: 100%; text-align: center; padding: 22px 0 0 0; } */
  #consultaCompleta #setor1 .busca .content form .btnconsulta i {
    display: none;
  }
  #consultaCompleta #setor2 .relatorios ul li p {
    font-size: 1.5em;
  }
  #consultaCompleta #setor3 img {
    width: 90%;
    margin: 0 5%;
  }
  #consultaCompleta #setor-pesquise .pesquise ul li {
    width: 33.3333%;
    min-height: 150px;
  }
  #consultaCompleta #setor-funciona ul li {
    width: 80%;
    margin: 0 10%;
  }
  #consultaCompleta #setor-funciona ul li.excep {
    margin-top: 0;
  }
  #consultaCompleta #setor-funciona ul li.excep .box img {
    margin: -30px 0 0;
  }
  #consultaCompleta #resultado .box {
    width: 100%;
  }
  #consultaCompleta #resultado .box {
    margin: 0;
    padding: 0;
  }
  #consultaCompleta #resultado .box ul {
    margin: 80px 10%;
  }
  #consultaCompleta #resultado .box ul#info_placa .btn-completo img {
    display: none;
  }
  #consultaCompleta #resultado .box ul#info_placa .btn-completo {
    width: 100%;
  }
  #consultaCompleta #resultado .box ul#info_placa {
    margin: 64px 10%;
  }
  #consultaCompleta #resultado .box ul#info_placa .btn-completo p {
    width: 70%;
    font-size: 1.4em;
    padding: 17px 0 17px 17px;
    line-height: 1.2;
    font-weight: 400;
  }
  #consultaCompleta #resultado .box ul#info_placa .btn-completo p b {
    clear: both;
    float: left;
    font-size: 1.3em;
    width: 100%;
  }
  #consultaCompleta #resultado .box ul#info_placa .btn-completo {
    height: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0 0 0 0;
  }
  #consultaCompleta #resultado .box ul#info_placa li p {
    line-height: 17px;
  }
  #consultaCompleta #resultado .box .premium h4 {
    font-size: 11px !important;
    width: 100%;
    padding: 5% 10% 4% !important;
    background: #00a69c;
    color: #e6e6e6 !important;
  }
  #consultaCompleta #resultado .row {
    width: 100% !important;
    margin: 0 !important;
  }
  #consultaCompleta #resultado .btn-voltar {
    width: 100%;
    height: 40px;
  }
  #consultaCompleta #resultado .btn-voltar:hover {
    left: 0;
    top: 0;
  }
  #consultaCompleta #resultado .btn-voltar i {
    margin: 14px 0px 0 19px;
  }
  #consultaCompleta #resultado .btn-voltar p {
    padding: 10px 0 0 17px;
  }
  #consultaCompleta #resultado .box ul#info_placa li {
    margin: 0.6em 0;
  }
  #consultaCompleta #resultado .box ul#info_placa h4 {
    font-size: 12px !important;
    line-height: 16px;
  }
  #consultaCompleta #resultado .premium {
    background: #e6e6e6;
    margin: 25px 0;
    padding: 0 0 10% 0;
    width: 100%;
  }
  #consultaCompleta #resultado .premium h3 {
    margin: 15px 10% 5px;
    line-height: 1.2;
  }
  #consultaCompleta #resultado .premium p {
    margin: 14px 10% 0;
    line-height: 13px;
  }
  #consultaCompleta #historico .busca .content .table li .left {
    width: 100%;
  }
  #consultaCompleta #historico .busca .content .table li .right {
    width: 100%;
  }
  #consultaCompleta #historico .busca .content .table li .right a {
    margin: 0;
  }
  #consultaCompleta #historico .busca .content .table li .excep p {
    margin: 1em 0 1em 0;
  }
  #consultaCompleta #pagamento .busca {
    font-size: 0.8em;
  }
  #consultaCompleta
    #pagamento
    .busca
    .content
    .all
    .left
    form
    ul.credits
    label {
    width: 100% !important;
    margin: 0 0 !important;
    font-size: 80%;
  }
  #consultaCompleta
    #pagamento
    .busca
    .content
    .all
    .left
    form
    ul.credits
    label
    .checkbox {
    margin: 1.3em 0 1.3em -9px;
  }
  #consultaCompleta
    #pagamento
    .busca
    .content
    .all
    .left
    form
    ul.credits
    label
    p.one {
    margin: 1.3em 7.5% -2% !important;
  }
  #consultaCompleta.new-one .etapas {
    padding: 53px 0 12px 0 !important;
  }
  #areaCliente {
    padding: 65px 0 50px;
  }
  #area-cliente .full {
    padding: 5% 0 0;
  }
  #area-cliente .titles {
    display: none;
  }
  #area-cliente .table-new {
    clear: both;
    width: 100%;
    margin: 0 0 5% 0;
    padding: 0 0 5% 0;
    border-bottom: 1px solid #e6e6e6;
  }
  #area-cliente .table-new div {
    clear: both;
    width: 100% !important;
    padding: 0;
  }
  #area-cliente .table-new .col-md-4 h4 {
    font-weight: 700;
  }
  #area-cliente .table-new.contratos {
    padding: 0 0 5% 0;
  }
  #area-cliente .full.new-consulta {
    padding: 0 !important;
  }
  #area-cliente .new-consulta .consulta h3 {
    font-size: 1.5em;
    font-weight: 400;
  }
  #area-cliente.usuarios .table-new .col-md-3 {
    font-weight: 700;
  }
  #area-cliente.usuarios .table-new .new-btn {
    margin: 4px 1px 1px 0;
  }
  #area-cliente.emails-trans form {
    width: 100%;
    margin: 0;
  }
  #area-cliente.faturas .table-new .new-btn {
    margin: 6px 1px 1px 0;
  }
  #area-cliente.faturas .table-new .excep h4 {
    font-weight: 700;
  }
  .footer-consulta .col-md-6 {
    width: 100%;
  }
  .footer-consulta .col-md-6 img {
    max-width: 80%;
  }
  .footer-consulta .col-md-2 {
    width: 33%;
    margin-top: 7%;
  }
  .card-container {
    margin: 5% 0 6% 14%;
  }
  .progress-bar {
    width: 80%;
    margin: 10px 10% 0;
  }
  #numbers ul li {
    width: 100%;
    margin: 0 0 5% 0;
    min-height: auto;
  }
  #numbers.kpisis ul li {
    width: 100%;
    margin: 0 0 5% 0;
    min-height: auto;
    padding-bottom: 10%;
  }
  /* .navbar.excep { zoom: 0.8; } */
  .new-btn {
    margin: 4px 0 1px;
  }
  /* .fuller .area-new.sair .btn-wrap a.btn-nav { margin: 1px 0 0; padding: 6px 14px 7px; } */

  .bases ul.boxs li {
    width: 100%;
    margin: 0 0 5px;
    padding: 0;
  }
  .bases.sucesso ul.boxs li p {
    width: auto;
    margin: 6px 10px 0;
  }
  .bases ul.boxs li figure {
    width: 16px;
    margin: 7px 0 0;
  }
  .bases {
    padding: 2% 0 5%;
  }
  .bases h3 {
    width: 100%;
    margin: 2% 0 0;
  }

  /* #area-cliente .new-consulta .consulta {
    padding: 1.5em 0 2.5em 28px;
  } */
  #area-cliente .full form .field {
    width: 100%;
  }
  #area-cliente .btns-flutuantes {
    position: relative;
    margin: 5px 0 0;
  }
  #area-cliente .content .table1 li .left.big {
    width: 100%;
    height: 28px;
  }
  .menu-all .area-new p {
    margin: 3px 5px 0;
  }

  #area-cliente .content.relatorio-excep {
    padding: 0 0 3%;
  }
  #area-cliente .content.relatorio-excep .btn_visualizacao_relatorio {
    width: 94%;
    margin: 3% 3% 0 !important;
    border-radius: 5px;
  }

  #area-cliente .content .btn.blue {
    width: auto !important;
    margin: 3% 3% 0 0 !important;
  }
  #area-cliente .content .btn.blue p {
    font-size: 1em;
    margin: 0 0 6px;
  }
  footer {
    z-index: 9;
  }

  #area-cliente .contact-container {
    flex-wrap: wrap;
  }

  #area-cliente .box-container {
    width: 45%;
    margin-top: 3%;
    height: auto;
    padding: 6% 0;
  }

  #area-cliente.fale-conosco .box .contact-form-wrapper {
    flex-direction: column;
  }

  #area-cliente.fale-conosco .box form label {
    width: 100%;
  }

  #area-cliente.fale-conosco .box form label p {
    font-size: 14px;
  }

  #area-cliente.fale-conosco .box {
    height: 620px;
  }

  #area-cliente #pizza_chart_container {
    flex-direction: column;
  }

  #area-cliente #pizza_chart_container .pizza-container {
    width: 100%;
  }

  #area-cliente #pizza_chart_container .ticket-container {
    width: 100%;
  }
}
@media (max-width: 650px) {
  /* #consultaCompleta #setor1 { background-position: right 90px !important; background-size: 190%; } */
  /* #consultaCompleta #setor1 .carprice { display: none } */
  /* #consultaCompleta #setor1 .carprice2 { display: block; } */
  /* #consultaCompleta #setor1 .busca { width: 100%; float: left; margin-top: 50px; } */
  #consultaCompleta #setor2 .relatorios .topis h3 {
    font-size: 2em;
  }
  /* #consultaCompleta #setor-pesquise .pesquise .topis h3 { font-size: 2em; } */
  #consultaCompleta #setor-funciona .topis h3 {
    font-size: 2em;
  }
  /* #consultaCompleta #setor-funciona-novo .topis h3 { font-size: 2em; } */
  #consultaCompleta #pagamento .busca h2 {
    line-height: 1.2;
  }
  /* #Prices .topis h3 { font-size: 2em; } */
  #areaCliente ul.content-all li .detalhes {
    zoom: 0.85;
  }
  #areaCliente ul.content-all li .links-saidas {
    zoom: 0.75;
  }
  #area-cliente .content .table1 li {
    padding: 1.5em 5% 1.3em;
  }
  #area-cliente .content .table1 li .left {
    width: 65%;
    display: block;
    overflow: hidden;
    clear: both;
  }
  #area-cliente .content .table1 li .excep p {
  }
  #area-cliente .content form {
    margin: 1em 0;
  }
  #area-cliente .extrato .content .table1 li {
    padding: 1em 5% 0.7em 2em;
  }
  #area-cliente .extrato .content .table1 li p {
    margin: 0;
  }
  #area-cliente .extrato .content .table1 li .excep p {
    margin: 0;
    line-height: 1.5;
  }
  #area-cliente .extrato .content .table1 li .right {
    margin: 0;
  }
  #area-cliente .byleft h3 {
    font-size: 1.6em;
    line-height: 1;
  }
  #area-cliente .byleft a.excep {
    line-height: 1.2;
    font-size: 1em;
  }
  #modalEntrar .box {
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: #f3f3f3;
  }
  #modalEntrar .voltar {
    top: 0;
    right: 0;
  }
  #modalCadastrar .box {
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: #f3f3f3;
  }
  #modalCadastrar .voltar {
    top: 0;
    right: 0;
  }
  #modalExitIntent .box {
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: #f3f3f3;
  }
  #modalExitIntent .voltar {
    top: 0;
    right: 0;
  }
  #modalPromocao .box {
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
  }
  #modalPromocao .voltar {
    top: 0;
    right: 0;
  }
  #modalPromocao img {
    margin-top: 17%;
  }
  .consultas form.excep {
    float: left !important;
    margin: 2% 0 4% 0 !important;
    zoom: 0.8;
    clear: both;
  }
  .extrato form.excep {
    float: left !important;
    margin: 2% 0 4% 0 !important;
    zoom: 0.8;
    clear: both;
  }
  /* #setor-faq #accordion .accordion-center { width: 100%; margin: 0 0 1px; }
    #setor-faq #accordion .accordion-center h4 { font-size: 1em; margin: 5px 0; text-align: left; }
    #setor-faq #accordion .accordion-center h4 b { width: 10%; float: left; }
    #setor-faq #accordion .accordion-center h4 span { width: 90%; float: left; margin: 0 0 0 0; }
    #setor-faq #accordion .accordion-center .accordion-content { padding: 0 13px 5% 10%; } */
}
@media (max-width: 600px) {
  #consultaCompleta #pagamento .busca .content .all h3 {
    font-size: 1.4em;
    line-height: 1.6;
  }
  #consultaCompleta #pagamento .busca .content .all .right {
    width: 100%;
    padding: 10%;
  }
  #consultaCompleta #pagamento .busca .content .all .right ul {
    margin: 1.5em 0 0;
  }
  #consultaCompleta #pagamento .busca .content .all .left {
    width: 100%;
    padding: 40px 10% 10% 10%;
  }
  #consultaCompleta #pagamento .busca .content .all .left form ul {
    width: 100%;
    margin: 0;
  }
  #consultaCompleta #pagamento .busca .content .all .left form ul li select {
    width: 96%;
  }
  #consultaCompleta #pagamento .busca .content .all .left form ul li label {
    font-size: 1.1em;
  }
  #consultaCompleta #pagamento .busca .content .all .left form ul li {
    margin: 0 0 2em 0;
  }
  #consultaCompleta #pagamento .busca .content .all .left form ul.excep li p {
    margin: -13px 0 0 2em;
  }
  #consultaCompleta
    #pagamento
    .busca
    .content
    .all
    .left
    form
    ul.excep
    li.salve
    .field {
    width: 97%;
  }
  #consultaCompleta.new-one .top-placa-valor ul.box {
    width: 100%;
    font-size: 90%;
  }
  #consultaCompleta.new-one .top-placa-valor ul.box li {
    width: 50%;
    padding: 0 2em;
  }
  #consultaCompleta.new-one .top-placa-valor ul.box li p {
    width: 100%;
    clear: both;
    text-align: center;
    margin: 0;
  }
  #consultaCompleta.new-one .top-placa-valor ul.box li h3 {
    width: 100%;
    font-size: 1.8em;
    clear: both;
    text-align: center;
    padding: 0;
  }
  #consultaCompleta.new-one .top-placa-valor ul.box li small {
    width: 100%;
    text-align: center;
    line-height: 1.4;
    margin: 5px 0 0;
  }
  #area-cliente .new-consulta .right.mobile {
    display: none;
    zoom: 0.77;
    margin: -50px 0 -80px;
  }
  /* #area-cliente .new-consulta .consulta {
    padding: 0% 6% 2em !important;
  } */
}
@media (max-width: 550px) {
  .etapas-bread {
    display: none !important;
  }
  #consultaCompleta #setor1 .carprice2 img {
    width: 150px;
  }
  #consultaCompleta #setor1 .busca .topis h2 {
    font-size: 2em;
    font-weight: 300;
  }
  /* #consultaCompleta #setor1 .busca .content { margin-top: 4%; } */
  /* #consultaCompleta #setor1 .busca .content form .field { font-size: 1.5em; height: 60px } */
  #consultaCompleta #setor1 .busca .content form .btnconsulta {
    height: auto;
  }
  /* #consultaCompleta #setor1 .busca .content form .btnconsulta p { font-size: 1.2em; padding: 21px 0 19px 0; } */
  #consultaCompleta #setor1 .busca .content form div p {
    display: none;
  }
  #consultaCompleta #setor2 .relatorios {
    margin-top: 15%;
  }
  #consultaCompleta #setor2 .relatorios .topis h3 {
    font-size: 1.8em;
  }
  /* #consultaCompleta #setor-pesquise .pesquise .center a { font-size: 1.2em; } */
  /* #consultaCompleta #setor-funciona-novo .topis h3 { font-size: 1.6em; } */
  #consultaCompleta #resultado .box ul {
    font-size: 80%;
  }
  #consultaCompleta #resultado .box ul .btn-completo {
    width: 224px;
    height: auto;
    margin: 20px 0 0 0;
  }
  #consultaCompleta #resultado .box ul .btn-completo p {
    padding: 17px 18px 14px 28px;
  }
  #consultaCompleta #resultado .box ul .btn-completo i {
    display: none;
  }
  /* #Prices .topis h3 { font-size: 1.6em; } */
  /* #Prices ul li { margin: 0 0 10% 0; }
    #Prices ul li .right { width: 100%; float: left; }
    #Prices ul li .left { width: 100%; float: left; zoom: 0.75; }
    #Prices ul li .topis { margin: 15px 0 }
    #Prices ul li .valor { margin: 0; }
    #Prices ul li img.b-prices { top: -22px; } */
  #modalPrices .box li:first-child {
    border: 0;
  }
  #modalPrices .box li:first-child img {
    display: none;
  }
  #modalPrices .box li:first-child .left {
    zoom: 0.7;
  }
  #modalPrices .box li:last-child h2 b {
    font-size: 1em;
  }
  #modalEntrar .box li h2 {
    font-size: 1em;
    padding: 8% 0;
  }
  #modalCadastrar .box li h2 {
    font-size: 1em;
    padding: 8% 0;
  }
  #modalExitIntent .box li h2 {
    font-size: 1em;
    padding: 8% 0;
  }
  #modalPromocao .box li h2 {
    font-size: 1em;
    padding: 8% 0;
  }
  /* #FaleConosco .topis h3 { font-size: 1.6em; }
    #FaleConosco form { width: 90%; margin-left: 5%; } */
  footer .col-md-4 {
    width: 100%;
    padding: 0;
    margin: 0 0 5%;
  }
  footer .col-md-4:last-child {
    margin: 0;
  }
  #areaCliente ul.content-all li .top {
    height: auto;
    font-size: 0.75em;
    padding: 0 10px 0 0;
  }
  #areaCliente ul.content-all li .top h3 {
    width: 90%;
    margin: 17px 0 15px 5%;
  }
  #areaCliente ul.content-all li .top i {
    zoom: 0.65;
    margin: 0;
    border-radius: 0;
    width: 100%;
  }
  #areaCliente ul.content-all li .top i p {
    display: block;
  }
  #areaCliente ul.content-all li .detalhes .coluns {
    width: 80%;
    margin: 5% 10% 0 10%;
  }
  #areaCliente ul.content-all li .detalhes a.btn-contratacao {
    width: 100%;
    height: 10px;
    display: block;
    overflow: hidden;
  }
  #areaCliente ul.content-all li .detalhes .coluns p {
    margin: 0;
  }
  #areaCliente ul.content-all li .detalhes.triple .coluns {
    width: 80%;
    margin: 5% 10% 0 10%;
  }
  #areaCliente ul.content-all li .detalhes.triple {
    margin: 0;
  }
  #areaCliente ul.content-all li .detalhes.last {
    padding: 5% 7% 5% 7%;
  }
  #areaCliente ul.content-all li .detalhes.last .coluns {
    width: 100%;
  }
  #areaCliente ul.content-all li .detalhes.last .coluns.valor {
    text-align: left;
    margin: 5% 0 0;
  }
  #areaCliente ul.content-all .content-vale ul.pagamento-vale li {
    width: 100%;
  }
  #area-cliente form {
    zoom: 0.8;
  }
  #area-cliente form input {
    padding: 10px 25%;
    margin: 0;
  }
  #area-cliente form.excep {
    zoom: 0.79;
  }
  #area-cliente .full form .btnconsulta {
    width: 100px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #area-cliente .full form .btnconsulta p {
    padding: 18px 12px;
  }
  #area-cliente .profile {
    width: 100%;
    margin: 2% 0% 0;
    font-size: 1.3em;
  }
  #area-cliente.usuarios select {
    width: 100%;
  }
  #area-cliente.usuarios input {
    width: 100%;
    margin: 3% 0;
  }
  #area-cliente.usuarios .btn {
    width: 100%;
  }
  .card-container {
    margin: 5% 0 0 0;
    zoom: 0.7;
  }
  .drop ul.bottom li.mobile-only {
    display: block;
  }
  .menu-all .area-new.one {
    display: none;
  }
  #area-cliente.fale-conosco .box {
    height: 520px;
  }

  #consultaCompleta .banner_delta24h a > .img_valor {
    top: 273px;
  }
}
@media (max-width: 700px) {
  #area-cliente .container_input_buttons .form_cadastrar_novo {
    width: 22%;
    margin-bottom: 20px;
  }

  #area-cliente .container_input_buttons {
    flex-wrap: wrap-reverse;
  }
}

@media (max-width: 500px) {
  .boxMinhaConta .box-white label {
    flex-wrap: wrap;
  }

  /* #consultaCompleta #setor1 { background-position: right 154% !important; } */
  #consultaCompleta #setor1 .carprice2 {
    height: 70px;
    margin: 55px 0 0 0;
  }
  #consultaCompleta #setor1 .carprice2 .prie {
    font-size: 90%;
  }
  #consultaCompleta #pagamento .busca .content .all .segura {
    font-size: 60%;
    padding: 1em 2em 0.5em;
  }
  #consultaCompleta #pagamento .busca .content .all .segura i {
    font-size: 14px;
    margin: 2px 0 0 0;
  }
  #consultaCompleta #pagamento .busca .content .all .segura p {
    margin: -1px 0 0 7px;
  }
  #consultaCompleta #pagamento .busca .content .all .left {
    padding: 40px 10% 10% 7%;
  }
  #consultaCompleta #pagamento .busca .content .all .right .result {
    width: 100%;
    margin-top: 20px;
  }
  #consultaCompleta #pagamento .busca .content .all .right .line {
    display: block;
    margin: 2em 0 0;
  }
  #consultaCompleta.etapas-buy #pagamento .topis h3 {
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 900;
    font-size: 2em;
  }
  #consultaCompleta.etapas-buy #pagamento .later h4 {
    margin-bottom: 20px;
  }
  #consultaCompleta #breadcamps {
    margin: 0;
  }
  /* #consultaCompleta #setor-funciona-novo { padding: 7% 0 0; } */
  /* #consultaCompleta #setor-funciona-novo .hw-items .hw-item { margin: 0 0 35px; }
    #consultaCompleta #setor-funciona-novo .hw-items .hw-item .ball { width: 50px; height: 50px; }
    #consultaCompleta #setor-funciona-novo .hw-items .hw-item .ball p { font-size: 2.8em; padding: 9px 0 0 0 }
    #consultaCompleta #setor-funciona-novo .hw-items .hw-item .text { width: calc(100% - 60px); }
    #consultaCompleta #setor-funciona-novo .hw-items .hw-item .text h4 { font-size: 1.6em; margin: 13px 0 0; }
    #consultaCompleta #setor-funciona-novo .hw-items .hw-item .text p { font-size: 1.2em; margin: 5px 0 0; font-weight: 400; }
    #consultaCompleta #setor-funciona-novo .hw-wrapper .line { width: 3px; height: 75%; top: 114px; left: 24px } */
  /* #consultaCompleta #setor-funciona-novo .topis h3 { margin-bottom: 7%; } */
  .navbar-header .logo-check {
    width: 176px !important;
    margin-top: 1px !important;
  }
  .navbar-collapse.collapse.excep .navbar-nav > li > a {
    margin: 0;
    padding: 11px 10px 12px;
  }
  .navbar-collapse.collapse.excep .navbar-nav {
    margin: 6px -12px 0 !important;
  }
  #area-cliente .top h2 {
    font-size: 2em;
    line-height: 1.5;
  }
  #area-cliente .mini-full {
    width: 100%;
    left: 0;
    margin: 0 0 3%;
  }
  #area-cliente .mini-full .box select {
    font-size: 1.2em;
  }
  #area-cliente .mini-full .btn {
    font-size: 1.2em;
  }
  #area-cliente form {
    width: 100%;
  }
  #area-cliente form.excep {
    width: 100%;
  }
  #area-cliente form.pesquisa-new input.form-control {
    width: 65%;
  }
  #area-cliente form input {
    padding: 10px 9.7%;
  }
  #area-cliente form.pesquisa-new button.btn {
    padding: 11px 5%;
  }
  #area-cliente form input {
    /* float: left;
    clear: both;
    width: 100%; */
  }
  #area-cliente.fale-conosco .box {
    width: 100%;
    left: 0;
    margin: 5% 0 0;
  }
  .drop .top {
    width: 111px;
  }
  .drop {
    width: 136px;
    margin: -13px 0 0;
  }
  .drop .top p {
    width: 34px;
    margin: 6px 0 0 6px;
  }
  .drop .top i {
    width: 33px;
  }
  #area-cliente .dados-excep {
    width: 270px;
    margin: 8% 0;
  }

  .consultas ul.filter li {
    width: 100%;
    padding: 0 4%;
  }
  .consultas ul.filter li:last-child {
    width: 50%;
    padding: 0 4%;
  }
  .consultas ul.filter li button {
    margin: 10px 0 0;
  }

  #area-cliente .contact-container {
    padding-top: 20px;
  }

  #area-cliente .box-container {
    width: 100%;
  }

  #area-cliente .box-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  #area-cliente .img-container {
    margin: 0;
  }

  #area-cliente .text-content {
    text-align: left;
    width: 60%;
    margin-left: 10px;
  }

  #area-cliente.fale-conosco .box form input[type="button"] {
    width: 40%;
  }

  #area-cliente.fale-conosco .box {
    height: 510px;
  }

  #area-cliente.fale-conosco .box form label p {
    font-size: 16px;
  }

  #consultaCompleta .banner_delta24h a > .img_logo_delta24h {
    width: 25%;
    top: 58px;
}

#consultaCompleta .banner_delta24h a > .img_chamada {
  width: 32%;
  top: 62px;
}
}

@media (max-width: 400px) {
  #consultaCompleta #setor1 .busca .topis h2 {
    font-size: 2.1em;
    font-weight: 300;
  }
  #consultaCompleta #setor1 .busca .topis h2 b {
    font-size: 12px;
    float: left;
    line-height: 15px;
    width: 100%;
    margin: 6px 0 0;
  }
  #consultaCompleta #setor1 .busca .content .btn-historico {
    clear: both;
    float: left;
  }
  #consultaCompleta #setor1 .busca .content .btn-creditos {
    clear: both;
    float: left;
  }
  #consultaCompleta #setor1 .busca .content form .btnconsulta p {
    letter-spacing: 0;
  }
  #consultaCompleta #setor1 .busca .content form div i {
    zoom: 0.8;
  }
  #consultaCompleta #setor1 .carprice2 img {
    width: 130px;
    margin: -10px 0 0 2%;
  }
  #consultaCompleta #setor1 .carprice2 .prie {
    font-size: 66%;
    margin: 24px 0 0 14px;
  }
  #consultaCompleta #setor1 .carprice2 .prie h5 {
    line-height: 0.5;
  }
  #consultaCompleta #setor1 .carprice2 .prie p {
    font-weight: 500;
  }
  #consultaCompleta #setor2 .relatorios .topis h3 {
    font-size: 1.6em;
    margin: 30px 0 0;
  }
  #consultaCompleta #setor2 .relatorios ul {
    zoom: 0.8;
  }
  #consultaCompleta #setor2 .relatorios ul li {
    width: 100%;
    height: 200px;
  }
  /* #consultaCompleta #setor-pesquise { padding-top: 25px; } */
  #consultaCompleta #setor-pesquise .pesquise ul li {
    width: 50%;
    min-height: 133px;
  }
  /* #consultaCompleta #setor-pesquise .pesquise ul li p { font-size: 1.1em; line-height: 15px; } */
  /* #consultaCompleta #setor-pesquise .pesquise .topis h3 { font-size: 1.6em; line-height: 24px; } */
  /* #consultaCompleta #setor-pesquise .pesquise .center { margin: 0 0 7.5%; } */
  #consultaCompleta footer p {
    font-size: 1em;
  }
  #consultaCompleta #historico .busca .top h2 {
    font-size: 1.8em;
  }
  #consultaCompleta #historico .busca .top p {
    font-size: 1.1em;
  }
  #consultaCompleta #historico .busca .content form {
    width: 100%;
  }
  #consultaCompleta #historico .busca .content form .field {
    width: 81%;
    padding: 0 0 0 18%;
  }
  #consultaCompleta #historico .busca .content .table li {
    font-size: 85%;
  }
  #consultaCompleta #pagamento .busca .top h2 {
    font-size: 1.8em;
  }
  #consultaCompleta #pagamento .busca .top p {
    font-size: 1.1em;
  }
  #consultaCompleta #pagamento .busca .content .sec-name {
    padding: 8px 10px;
    font-size: 7px;
  }
  #consultaCompleta #setor-funciona .topis h3 {
    font-size: 1.6em;
  }
  #consultaCompleta #setor-funciona ul li {
    width: 100%;
    margin: 0 0;
  }
  #consultaCompleta #setor-funciona ul li .square {
    font-size: 5em;
  }
  #consultaCompleta #setor-funciona ul li .box {
    width: calc(100% - 140px);
  }
  #consultaCompleta #setor-funciona ul li.excep .box h3 {
    font-size: 2em;
  }
  #consultaCompleta #setor-funciona ul li.excep .box p {
    font-size: 1.2em;
  }
  #consultaCompleta #setor-funciona ul li.excep .box img {
    margin: 0;
  }
  #consultaCompleta.new-one .etapas {
    padding: 34px 0 12px 0 !important;
  }
  #area-cliente form {
    width: 100%;
  }
  #area-cliente .byright form .field {
    width: 225px;
  }
  #area-cliente .byright a {
    margin: 4% 0;
    clear: both;
    text-align: center;
    width: 100%;
  }
  #area-cliente .byright a img {
    max-width: 48%;
  }
  #area-cliente .content form .field {
    width: 248px;
  }
  #area-cliente .new-consulta .consulta h3 {
    font-size: 1.3em;
  }
  #modalEntrar .box .excep {
    margin: 118px 0 0 -19px;
    zoom: 0.75;
  }
  #modalEntrar .box li:first-child {
    padding-bottom: 15%;
  }
  #modalCadastrar .box .excep {
    margin: 118px 0 0 -19px;
    zoom: 0.75;
  }
  #modalCadastrar .box li:first-child {
    padding-bottom: 15%;
  }
  #modalExitIntent .box .excep {
    margin: 118px 0 0 -19px;
    zoom: 0.75;
  }
  #modalExitIntent .box li:first-child {
    padding-bottom: 15%;
  }
  #modalPromocao .box .excep {
    margin: 118px 0 0 -19px;
    zoom: 0.75;
  }
  #modalPromocao .box li:first-child {
    padding-bottom: 15%;
  }
  /* .navbar-brand { padding: 0; } */
  /* .navbar-brand>img { width: 170px; } */
  .navbar-collapse.collapse.excep .navbar-nav {
    margin: 0 -12px 0 !important;
  }
  .navbar-collapse.collapse.excep .navbar-nav > li > a {
    padding: 11px 8px 12px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    margin: 10px;
  }
  .menu-all .area-new p {
    margin: 2px 5px 0;
  }
  /* .navbar { padding: 5px 0 7px; } */
  /* .fuller .area-new.sair .btn-wrap a.btn-nav { padding: 6px 8px 7px; } */
  .footer-consulta p,
  .footer-consulta a {
    font-size: 11px;
  }
}
@media (max-width: 350px) {
  /* #consultaCompleta #setor1 { background-position: right 145% !important; } */
}

/* ---------------- ALTURA  ---------------- */
@media only screen and (min-width: 750px) and (max-height: 750px) {
  #resultado-nova-etapa .full .left {
    height: 79px;
  }
  #resultado-nova-etapa .full .left img {
    margin: -37px 40px -12px -20px;
    width: 220px;
  }
  #resultado-nova-etapa .full .left div {
    margin: -27px 0 0 2%;
  }
  #resultado-nova-etapa .center {
    margin: 4% 0 6%;
  }
  
}

@media (max-width: 767px) {
  #area-cliente form.pesquisa-new.excepLeft {
    display: unset;
}

#area-cliente form.pesquisa-new.excepLeft.mobile {
  position: absolute;
  left: 30%;
}

#area-cliente form.pesquisa-new button.btn {
  margin: 20px 0 0 2.5%;
}
}
@media (max-height: 530px) {
  #consultaCompleta #resultado .box ul {
    margin-top: 80px;
  }
}
@media (max-height: 390px) {
  #consultaCompleta #resultado .box ul {
    margin-top: 60px;
  }
  #consultaCompleta #resultado .box ul li {
    margin: 0.2em 0;
  }
}
@media (max-height: 310px) {
  #consultaCompleta #resultado .box ul {
    margin-top: 40px;
  }
  #consultaCompleta #resultado .box ul li {
    margin: 0em 0;
  }
  #consultaCompleta #resultado .box ul .btn-completo {
    zoom: 0.7;
  }
  #consultaCompleta #resultado .btn-voltar {
    zoom: 0.7;
  }
}

/************************************************************************************
                                    RESPONSIVO END
*************************************************************************************/

/* ---------------- Ajuste grids  ---------------- */
@media (min-width: 768px) {
  #consultaCompleta #setor-funciona ul li .square p {
    font-size: 0.7em !important;
  }
  .navbar {
    border-radius: 0 !important;
  }

}
@media only screen and (max-width: 767px) {
  #consultaCompleta #setor-funciona ul li .square p {
    font-size: inherit !important;
  }
  #area-cliente .top p {
    font-size: 1.25em;
    line-height: 1.3em;
  }
}
@media only screen and (max-width: 991px) {
  .navbar-collapse.collapse.in {
    background: #fafafa;
    position: relative;
    z-index: 2;
  }
}