/*======================================
Menu
=======================================*/
@media screen and (max-width: 1070px) {

    nav{
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 280px;
        background: #666;
        z-index: 300;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        display: block;
        overflow-x: hidden;
    }

    .slimmenu{
        padding: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        background: #666;
        z-index: 300;
        position: relative;
        padding-top: 20px;
    }

    .slimmenu li{
        list-style: none;
        display: table;
        width: 250px;
        padding-left: 15px;
        font-weight: 100;
        background: transparent;
        padding-left: 30px;
        color: #fff;
        -webkit-transform: scale(1);
        -webkit-transition-timing-function: ease-out;
        -webkit-transition-duration: 500ms;
        -moz-transform: scale(1);
        -moz-transition-timing-function: ease-out;
        -moz-transition-duration: 500ms;
        transform: scale(1);
        transition-timing-function: ease-out;
        transition-duration: 500ms;
    }

    .especial{
        border-bottom: none;
    }

    .slimmenu li a{
        color: #fff;
        text-decoration: none;
        margin-bottom: 0px;
    }

    .slimmenu li:hover{
        background: none;
        -webkit-transform: scale(1);
        -webkit-transition-timing-function: ease-out;
        -webkit-transition-duration: 500ms;
        -moz-transform: scale(1);
        -moz-transition-timing-function: ease-out;
        -moz-transition-duration: 500ms;
        transform: scale(1);
        transition-timing-function: ease-out;
        transition-duration: 500ms;
        background: #818181;
        border-radius: 0;
    }

    .slimmenu li ul{
        background: transparent;
        display: inherit;
        position: relative;
    }

    .slimmenu li ul li{
        margin-left: 0px;
        height: 20px;
        margin-left: 10px;
        border-bottom: none;
        background: #f8b425;
    }

    .slimmenu li ul li a{
        color: #f6d795;
        margin-top: -14px;
    }

    /*criando o icone do menu*/
    .control-nav {
        position: absolute;
        right: 20px;
        top: 20px;
        display: block;
        width: 30px;
        padding: 5px 0;
        border: solid white;
        border-width: 3px 0;
        z-index: 2;
        cursor: pointer;
    }

    .control-nav:before {
        content: "";
        display: block;
        height: 3px;
        background: white;
    }

    .control-nav-close {
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        z-index: 1;
        background: rgba(0,0,0,0.2);
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }

    /* checando navega��o */
    input#control-nav {
        display: block;
    }

    input#control-nav:focus ~ .control-nav {
        border-color: #000;
        box-shadow: 0px 0px 9px rgba(0,0,0,0.3);
    }

    input#control-nav:focus ~ .control-nav:before {
        background: #000;
    }

    input#control-nav:checked ~ nav,
    input#control-nav:checked ~ .control-nav-close {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .especial{
        display: block;
        height: 30px;
    }

    .clientes{
        display: none;
    }
    .menu-container{
        display: none;
    }
}


/*======================================
        Paginas
=======================================*/
@media screen and ( max-width: 1400px ) {
    .cxPosConv{
    }
    .pt-perc-10{
        padding-top: 2%;
    }
}

@media screen and ( max-width: 1358px ) {
    .cxPosConv{
        margin-bottom: 30px;
    }
    .contPosConv-mobile{
        display: block;
    }
    .d-none1358{
        display: none;
    }
    .modal-sl-plano{
        width: 90%;
    }
    .caixaLogin__inner-v2 .login-bottom-v2{
        width: 100%;
        padding: 20px 0px;
    }
    .tooltip{
        display: none;
    }
    .formularioDoc > div{
        padding: 0px;
    }

   /* .mini{
        width: 60%;
        margin-left: 5%;
    }
    .maior{
        width: 100%;
    }
    .someMenorzMobile{
        display: none;
    }
    .maior .metade, .maior .metade2{
        margin-left: 0px;
        margin-right: 0px;
        width: 30%;
    }
    .maior .metade{
        margin-left: 20%;
    }
    .miniBtnMobile{
        width: 30%;
        float: right;
        margin-left: 0px;
    }
    .modalEscolhaUniod__inner{
        width: 57%;
        height: 55%;
    }*/

    .index-bloco-planos23-v2{
        width: 40%;
        margin-left: 5%;
        margin-right: 5%;
    }


    .parallax-container2{
        display: table;
    }
    .contPosConv{
        width: 100%;
    }
    .cxOp{
        width: 70%;
    }

    .opPosConv{
        float: left;
        width: 45%;
    }
    .mr-PosConv-5{
        margin-right: 5%;
    }

}

@media screen and ( max-width: 1200px ){
    .cxPosConv{
    }
    .tamCxCarencia-4 {
        width: 30%;
        height: 130px;
        margin-top: 50px;
        margin-left: 10%;
        margin-right: 10%;
    }
    .tamCxCarencia-3 {
        width: 30%;
        height: 130px;
        margin-top: 50px;
        margin-left: 1.6%;
        margin-right: 1.6%;
    }
	
	.seta-txt{
        display: none;
    }

    .box-destaque-recorrencia .box-txt-recorrencia{
        text-align: center;
        background: none;
        border-radius: 0px;
        padding: 4% 10px;
    }
    .box-txt-recorrencia p{
        text-align: center;
    }
}

@media screen and ( max-width: 1173px ){
    .cxPosConv{
    }
    .quarto{
        width: 30%;
        margin-left: 1.6%;
        margin-right: 1.6%;
    }
    .index-bloco-planos30-v2{
        width: 39.8%;
        margin-left: 30%;
        margin-right: 30%;
    }
}

@media screen and (max-width: 1070px) {
    .cxPosConv{
    }

    .cinqMobile .tb, .cinqMobile .tb-text{
        width: 98%;
    }
    .destaqueBanner-v2{
        width: 50%;
        margin-left: 5%;
        margin-top: 10px;
    }

    .destaqueBanner-v2 .subtituloBanner-v2{
        color: #9f2348;
        width: 80%;
    }
    .destaqueBanner-v2 .destacaBannerPlano-v2 {
        margin-left: 2%;
    }
    .video23-v2{
        width: 90%;
        margin-right: 5%;
    }
    .qrcode23-v2{
        width: 50%;
        margin-left: 25%;
        margin-right: 25%;
    }
    .titulo-lojaMob23-v2{
        clear: both;
    }
    .linkLoja-mobile23-v2{
        width: 40%;
        margin-left: 30%;
        margin-right: 30%;
        float: left;
        margin-bottom: 5px;
    }
   /* .someMobile{
        display: none;
    }*/
    .submenu2{
        display: none;
    }

    .index-bloco-planos20-v2{
        width: 24.8%;
        margin-left: 12%;
        margin-right: 12%;
    }
    .index-bloco-planos25-v2{
        width: 34%;
        margin-left: 7%;
        margin-right: 7%;
    }
    .bloco-vantagem36-v2{
        width: 43%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }


}

@media screen and (max-width: 1063px) {
    .cxPosConv{
    }
    .modalEscolhaUniod__inner{
        width: 60%;
        height: 60%;
    }
    .caixaLogin__inner-v2 .login-bottom-v2 form .btnRecuperaSenha{
        width: 50%;
        margin-left: 25%;
    }
    .seguraDoc{
        width: 30%;
        margin-left: 1.6%;
        margin-right: 1.6%;

    }
    table tr td img{
        width: 20px;
    }
    .ban{
        display: table;
        margin-bottom: 20px;
    }
    .tbMobileSingular{
        width: 100%;

    }
    .principal .tudoCliente {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .principal .tudoCliente .tb, .principal .tudoCliente .tb-text{
        width: 98%;
    }
    .principal .cinqCliente .tb, .principal .cinqCliente .tb-text{
        width: 96%;
    }
    .principal .cinqCliente{
        width: 50%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .perfil{
        display: none;
    }
    .principal{
        width: 100%;
    }
    .btn_dpa{
        width: 40%;
    }
    .caixa_plano2{
        width: 100%;
    }

    .imagem_plano2 img{
        width: 60%;
        margin-left: 20%;
        margin-right: 20%;
        float: left;
    }
    .imagem_plano2 li{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .cx-info-aguarde{
        width: 65%;
        margin-left: auto;
        margin-right: auto;
    }
    .bloco-vantagem20-v2{
        width: 33%;
        margin-left: 7.5%;
        margin-right: 7.5%;
    }
   /* .mini{
        width: 85%;
        margin-left: 7.5%;
        margin-right: 7.5%;
    }
    .miniBtnMobile{
        width: 50%;
        margin-left: 25%;
        margin-right: 25%;
    }
    .maior .metade{
        width: 40%;
        margin-left: 5%;
    }
    .maior .metade2{
        width: 30%;
        float: right;
        margin-right: 5%;
    }*/

    .separaPlanosPreçoMobile{
        display: none;
    }

    .middle{
        width: 100%;
    }
    .plan3{
        width: 100%;
        float: left;
        margin-top: 0px;
        margin-bottom: 30px;
    }


    .familiaMobile{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .query{
        width: 100%;
        clear: both;
    }
    .container-index-blocos-v2{
        width: 100%;
    }
    .container-prop-v2{
       display: none;
    }
    .index-vantagem-v2 .bloco-vantagem-v2{
        width: 40%;
        margin: 0 5%;
        padding: 0;
        margin-bottom: 10px;
    }

    .cx-destaqueVideo-v2 p{
        width:100%;
        font-size: 1.2em;
        float: none;
        margin-top: 0px;
        min-height: 0px;
    }
    .destaqueVideo-v2{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        height: 300px;
        float: none;
        margin-top: 10px;
    }
    .quarto{
        width: 33.33%;
        margin: 0;
        margin-bottom: 20px;
    }

   .quebraMobile{
       width: 100%;
       clear: both;
   }
   .footer p{
       margin-bottom: 30px;
   }
    footer p{
        text-align: center;
        color: #fff;
        clear: both;
        padding-top: 10px;
    }

    footer li{
        list-style: none;
        width: 120px;
        padding: 5px;
        float: none;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 0px
    }
    footer li .numAns{
        display: table;
        width: 98%;
        border: 2px solid #fff;
    }

    footer img{
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
    .cxCarencia{
        width: 50%;
        margin-left: 25%;
        margin-right: 25%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .imagem_plano{
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;

    }
    .plan2{
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .plan2 .aviso{
        margin-top: 10px;
    }
    .cxBoleto{
        margin-top: 30px;
    }
    .cxBoleto img{
        width: 40%;
        margin-left: 30%;
        margin-right: 30%;
        margin-top: 0px;
    }
    .cxBoleto .pBoleto1{
        font-size: 1.4em;
        color:#9f2348;
        text-align: left;
    }
    .cxBoleto p{
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }
    .termoDeUso-boleto-informativo{
        float: left;
        width: 50%;
        margin-top:5%;
        margin-left: 25%;
        margin-right: 25%;
    }
    .termoDeUso-trecho-info-boleto{
        float: left;
        width: 100%;
        height: auto;
        margin-top: 0px;
        font-size: 1.5em;
        padding: 10px 0px;
        color: #666;
        text-align: center;
    }
    .encontre{
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .central h1{
        margin-top: 40px;
    }
    .index-bloco-planos20-v2{
        width: 40.8%;
        margin-left: 4%;
        margin-right: 4%;
    }
    .bloco-vantagem28-v2{
        width: 37%;
        margin-left:30% ;
        margin-right: 30%;
    }


    .index-bloco-planos24-v2{
        width: 29.8%;
        margin-left: 1.6%;
        margin-right: 1.6%;
    }
    .img_plan{
        display: none;
    }
    .valores{
        width: 60%;
        margin-left: 0%;
        margin-right: 0%;
    }
    .vm{
        width: auto !important;
        margin-left: 10%;
    }
    .dados{
        width: 100%;
    }

    .mrgMb{
        width: 10%;
        height: 1px;
        float: left;
        display: block;
    }
    .bloco-vantagem30-v2{
        width: 28%;
        margin-left: 1.6%;
        margin-right: 1.6%;
    }
	.box-destaque-recorrencia{
        display: table;
    }
    .box-destaque-recorrencia .box-txt-recorrencia{
        padding: 4% 20px;
    }
    .box-txt-recorrencia p{
        text-align: justify;
    }
    .box-img-recorrencia{
        float: none;
        display: block;
        margin-right: auto;
        width: 50%;
        margin-left: 25%;

    }

    .div-cardInvalid, .div-cardValid{
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
    .cxPosConv{
    }
    .logo-spo{
        width:100% ;
        height: 80px;
        float: none;
        margin-right: 0px;
        margin-left: 0px;
    }
    .menu3-v2, .sub-menu {
        width: 100%;
    }
    .menu3-v2{
        margin-top: 0px;
    }
    .logo-spo img{
        height: 80px;
    }
    .logo-spo h1{
        font-size: 1.7em;
        margin-top: 15px;
    }
    .logo-spo h1 p{
        font-size: 0.5em;
        font-weight: lighter;
        color: #fff;
    }
    .menu3-v2 a{
        font-size: 0.7em;
    }


}
@media screen and (max-width: 910px) {
    .cxPosConv{
    }
    .someMenorzMobile{
        display: none;
    }
    .maior{
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }
    .metade{
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }
    .metade2{
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }
    .mini{
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }

}
@media screen and (max-width: 850px) {
    .cxPosConv{
    }
    .modal-sl-plano{
        width: 85%;
    }
    .sl-plano{
        width: 45%;
        margin-right:0.5%;
        margin-left: 0.5%;
    }
    .ocultar{
        display: none;
        background: black;
    }

    .modal__inner-termoDeUso{
    }

    .checkbox{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }

    .botoes{
        display: table;
    }
    .cad_bot{
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 10px;
    }
    .index-bloco-planos31-v2 {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .index-bloco-planos40mid-v2{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .meio_total{
        width: 300px;
        height: 200px;
    }
    .vend{
        width: 38%;
        margin-left: 31%;
        margin-right: 31%;
        border-right:none;
    }
    .formLogVendedor{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .inputLogVendedor{
        width: 100%;
    }
    .perfil{
        display: none;
    }

    .carencias{
        width: 80%;
        margin-left:10%;
        margin-right: 10%;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .arrepender img{
        width: 50%;
        margin-left: 25%;
        margin-right: 25%;
        margin-bottom: 20px;
    }

   
    .cx-info-aguarde{
        width: 80%;
    }
    .dependentes{
        width: 60%;
    }
    .tudo{
        width: 93%;
        margin-left: 5%;
        margin-right:0px;
    }
    .total .cinq{
        width: 80%;
        margin-left: 5%;
        margin-right: 10%;
    }
    .total .cinq .tb{
        width: 96%;
    }
    .janela{
        width:80%;

    }
    .cx-destaqueVideo-v2{
        width: 50%;
        margin-right: 0px;
    }
    .cx-perguntas-v2{
        width: 42%;
    }
    .destaqueBanner-v2{
        width: 70%;
        margin-left: 5%;
        margin-top: 10px;
    }
    .destaqueBanner-v2 .tituloBanner-v2 {
        font-size: 1.8em;
        font-weight: bold;
    }
    .quarto{
        width: 50%;
        margin: 0;
        height: 200px;
        margin-bottom: 20px;
    }
    .someQuebra{
        display: none;
    }
    .parallax-container3{
        height: 450px;
    }
    #dentistas{
        box-shadow: none;
        /*background: url('../images/dent.jpg');*/
    }

    .middle{
        width: 100%;
    }
    .plan3{
        width: 100%;
        float: left;
    }
    /*.valores h2{
        font-size: 1.3em;
    }
    .valores h2{
        font-size: 1.4em;
    }
    .valores h3{
        font-size: 1.7em;
    }
    .valores h3 span{
        font-size: 1.5em;
    }*/
    .familiaMobile{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .valoresDadosCartao{
        width: 80%;
    }
    .cancelaWidth{
        width: 100%;!important;
    }
    .central .aguardeSucesso{
        width:100%;
        margin-left: 0px;

    }
    .central .aguardeFalha{
        width: 100%; !important;
        margin-left: 0px;
    }
    .central .aguardeNeutro,.central .aguardeSucesso, .central .aguardeFalha{
        width: 80%;
        margin-left: 5%;
    }
    .cxBoleto{
        margin-top: 0px;
    }
    .index-bloco-planos23-v2{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .index-bloco-planos30-v2{
        width: 39.8%;
        margin-left: 30%;
        margin-right: 30%;
    }
    .bloco-vantagem28-v2{
        width: 47%;
        margin-left:25% ;
        margin-right: 25%;
    }


    .index-bloco-planos24-v2{
        width: 49.8%;
        margin-left: 25%;
        margin-right: 25%;
    }
    .index-bloco-planos25-v2{
        width: 44%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

}

@media screen and (max-width: 700px) {
    .cxPosConv{
    }
    .bloco-plano{
    }

    .sl-plano{
        width: 90%;
        margin-right:0px;
        margin-left:0px;
    }
    .modal-sl-plano{
        height: 85%;
    }

    .modal__inner-termoDeUso{
    }
    .modalEscolhaUniod__inner{
        height: 65%;
    }
    .btnEscolhaUniod{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .formEscolhaUniod label select{
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
    }
    .formEscolhaUniod li{
        margin-left: 5%;
    }
    .formEscolhaUniod p{
        text-align: justify;
        font-size: 1.1em;
    }
    .sg-botoes-aguarde{
        width: 100%;
        margin-left: 0px;
    }
    .acesso2{
        width: 48%;
        margin-left:1% ;
        margin-right: 1%;
        margin-bottom: 20px;
    }
    .seguraDoc{
        width: 50%;
        margin-left: 25%;
        margin-right: 25%;
    }

    .checkbox{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .someVendedorMobile{
        display: none;
    }
    .btn_dpa{
        width: 45%;
    }
    .principal .cinqCliente{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .arrepender img{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    
    .imagem_plano2{
        width: 100%;
    }

    .imagem_plano2 img{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        float: left;
    }
    .imagem_plano2 li{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .cx-info-aguarde{
        width: 100%;
        padding-left: 0px;
    }
    .radialtimer{
        margin-bottom:30px;
        margin-left: 40%;
    }
    .central .cinqMobile{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .total .cinq .tb, .total .cinq .tb-text{
        width: 90%;
    }

    .cx-destaqueVideo-v2{
        width: 96%;

    }
    .cx-perguntas-v2{
        width: 80%;
        margin:0 10% ;
    }
    .index-bloco-planos44-v2{
        width: 90%;
        float: left;
        margin-left: 5%;
        margin-right: 5%;
        min-height: 480px;
    }
    .index-vantagem-v2 .bloco-vantagem-v2{
        width: 90%;
        margin: 0 5% ;
        padding: 0;
        margin-bottom: 10px;
    }
    .central h1{
        font-size: 1.7em;
    }
    .busca p{
        text-align: center;
        font-size: 1.4em;
        color: #666;
        padding:  0 0px;
    }

    .caixaLogin__inner-v2 .login-top-v2 .form60{
        width: 100%;
        margin: 0 auto;
    }
    .menuModalLog-v2 .tracoPass-v2,.menuModalLog-v2 .tracoPassSelected-v2{
        width: 20%;

    }
    .realocarInput-v2{
        width: 100%; !important;
        margin-left: 0px;
        margin-right: 0px;
    }
    .login-input-v2{
        width: 100%;
        margin: 5px 0px;
    }
    .terco2{
        width: 50%;
        float: left;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .cxCarencia{
        width: 60%;
        height: auto;
        margin-left: 20%;
        margin-right: 20%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .tercoDocument{
        width:70%;
        margin-left: 15%;
        margin-right: 15%;
    }
    .janela{
        height: 550px;
    }

    .central .aguardeNeutro,.central .aguardeSucesso, .central .aguardeFalha{
        width:90%;
        margin-left: 5%;


    }
    .plan2{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .plan2 .aviso{
        margin-top: 10px;

    }
    .imagem_plano{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;

    }
    .index-bloco-planos20-v2{
        width: 60%;
        margin-left: 20%;
        margin-right: 20%;
    }


    .bloco-vantagem30-v2{
        width: 68%;
        margin-left:15% ;
        margin-right: 15%;
    }
    .quarto{
        width: 49%;
    }
    .index-bloco-planos25-v2{
        width: 59%;
        margin-left: 20%;
        margin-right: 20%;
    }

    .index-bloco-planos30-v2{
        width: 54.8%;
        margin-left: 22%;
        margin-right: 22%;
    }


    .maior{
        width: 75%;
        margin-left:12.5%;
        margin-right:12.5%;
    }
    .metade{
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }
    .metade2{
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }
    .mini{
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }
    .valores{
        width: 61%;
        padding-left: 5%;
    }
    .mrgMb{
        display: none;
    }
    .vm{
        width:22% !important;
        padding: 0px 2%;
        margin: 0px;
    }
    .tutorial h1{
        width: 100%;
    }


    .tutorial p{
        width: 100%;
        padding-left:10px;
        padding-bottom: 15px;
    }
    .bloco-vantagem20-v2{
        width: 43%;
        margin-right:2.5% ;
        margin-left:2.5% ;
    }
    .bloco-vantagem28-v2{
        width: 68%;
        margin-right: 15%;
        margin-left: 15%;
    }
    .contPosConv h1,.contPosConv p,.contPosConv h4{
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }
    .cxOp{
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

	.box-img-recorrencia{
        width: 60%;
        margin-left: 20%;
    }
}
@media screen and (max-width: 535px) {
    .cxPosConv{
    }
    .modal__inner-termoDeUso{
    }
    .central .aguardeNeutro,.central .aguardeSucesso, .central .aguardeFalha{
        width:100%;
        margin-left: 0px;
    }
    .modalEscolhaUniod__inner{
        height: 70%;
    }
    .termoDeUso-boleto-informativo{
        float: left;
        width: 80%;
        margin-left: 10%;
        margin-right:10%;
    }
    .bloco-vantagem28-v2{

    }

    .valores{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        padding-left: 0px;
    }
    .mrgMb{
        display: none;
    }
    .vm{
        width:80% !important;
        padding: 0px;
        margin-left: 10%;
        margin-right: 10%;
    }
    .bloco-vantagem36-v2{
        width:68% ;
        margin-left: 15%;
        margin-right: 15%;
    }
}
@media screen and (max-width: 520px){
    .bloco-vantagem28-v2{
    }
    .quarto{
        width: 100%;
        margin: 0px;
        height: auto;
    }
    .index-bloco-planos24-v2{
        width: 79.8%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .index-bloco-planos30-v2{
        width:69.8%;
        margin-left: 15%;
        margin-right: 15%;
    }
    .cont {
        width: auto;
    }
	
	.box-img-recorrencia{
        width: 100%;
        margin-left: 0px;
    }

}

@media screen and (max-width: 460px) {
    .cxPosConv{
    }
    .index-bloco-planos70-v2{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .modal-sl-plano{
        width: 80%;
    }
    #spo{
        font-size: 2em;
    }
    .tbAuto{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .tbAuto2{
        display: none;
    }
    .cont {
        width: 75%;
        margin-left: 10%;
        margin-right: 10%;
    }

    .modal__inner-termoDeUso{
    }
    .modalEscolhaUniod__inner{
        width: 85%;
        top: 0px;
        height: 75%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .formEscolhaUniod label select{
        width: 95%;
        margin-right: 2.5%;
        margin-left: 2.5%;
    }
    .seguraDoc{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;

    }

    .log table{
        display: none;
    }
    .meio_total,.pesquisar,.cxPaginacao{
        display:none;
    }
    .ativarRotacaoDeTela{
        display: block;
    }
    .login12 {
        width: 95%;
        margin: 40px auto 90px auto;
    }
    .carteirinha{
        width: 350px;
        height: 290px;
        background-size:cover ;
    }

    .btn_dpa{
        width: 60%;
        margin-left: 20%;
        margin-right: 20%;
    }
    .cxBoleto img{
        width: 60%;
        margin-left: 20%;
        margin-right: 20%;
        float: left;
    }
   
    .central .cinqMobile{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .selecionaVendedor{
        width: 80%;
        margin-right: 10%;
        margin-left: 10%;
    }


    .destaqueBanner-v2{
        width: 90%;
        margin-left: 2%;
    }
    .menuModalLog-v2 .tracoPass-v2,.menuModalLog-v2 .tracoPassSelected-v2{
        width: 10%;
    }
    .cxCarencia{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .tercoDocument{
        width:100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .radialtimer{
        margin-bottom:30px;
        margin-left: 35%;
    }


    .quarto{
        width: 100%;
        margin: 0px;
        height: auto;
    }
    .index-bloco-planos20-v2{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .index-bloco-planos25-v2{
        width: 69%;
        margin-left: 15%;
        margin-right: 15%;
    }
    .bloco-vantagem20-v2{
        width: 68%;
        margin-left:15% ;
        margin-right: 15%;
    }
    .bloco-vantagem36-v2{
        width:88% ;
        margin-left: 5%;
        margin-right: 5%;
    }
    .bloco-vantagem28-v2{
        width: 88%;
        margin-right: 5%;
        margin-left: 5%;
    }
}

@media only screen and ( max-width: 377px ) {
    .cxPosConv{
    }
    #spo {
        font-size: 1.7em;
        text-align: center;
        margin-left: 20px;
        margin-top: 10px;
    }
    .modal__inner-termoDeUso{
    }
    .radialtimer{
        margin-bottom:30px;
        margin-left: 30%;
    }
    .aguardeSucesso img,.aguardeNeutro img, .aguardeFalha img{
        display: none;
    }
    .central .aguardeFalha,.central .aguardeSucesso,.central .aguardeNeutro{
        text-align: center;
        font-size: 1.2em;
    }
    .plan2 .aviso li{
        font-size: 1.1em;
        line-height: auto;
        text-align: left;
    }
    .index-bloco-planos25-v2{
        width: 79%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .index-bloco-planos30-v2{
        width:79.8%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .bloco-vantagem20-v2{
        width: 88%;
        margin-left:5% ;
        margin-right: 5%;
    }
    .bloco-vantagem30-v2{
        width: 88%;
        margin-left:5% ;
        margin-right: 5%;
    }
}

@media only screen and ( max-width: 15.063em ) {  /* For watches? */

}