@media screen and (min-width:1px) and (max-width:1460px) {
    img.icone-deslogado {
        width: 85%;
        margin: 20px;
    }

    .wr-cartoes.login {
        margin-top: -64px;
    }

    .wr-cartoes.login .ct {
        padding: 80px 0 40px;
    }

    .wr-cartoes.passo-1 {
        margin-top: -140px;
    }

    .wr-cartoes.passo-1 .ct {
        padding: 150px 0 40px 0;
    }

    .wr-cartoes.esqueci-senha {
        margin-top: -136px;
    }

    .wr-cartoes.esqueci-senha .ct {
        padding: 150px 0 40px 0;
    }

    .wr-cartoes.valida-cartao {
        margin-top: -407px;
    }


    .wr-cartoes.atualizar-cadastro {
        margin-top: -1405px;
    }
}

@media screen and (min-width:1px) and (max-width:1000px) {
    .wr-deslogado .ct .pg {
        height: auto;
        display: block;
    }

    .wr-cartoes .ct ul li {
        padding: 0 30px;
    }

    .wr-cartoes .ct ul li img {
        width: 100%;
    }

    .wr-cartoes.atualizar-cadastro .ct div {
        padding: 0 0 0 30px;
    }

    .wr-cartoes.valida-cartao .ct ul,
    .wr-cartoes.atualizar-cadastro .ct ul {
        padding: 0 40px;
        box-sizing: border-box;
    }

    .wr-cartoes.valida-cartao .ct div {
        margin: 50px 0 50px 0;
        padding: 0 0 0 30px;
    }

    .wr-cartoes.valida-cartao .ct ul {
        margin-bottom: 0;
        float: left;
        width: 50%;
    }

    .wr-cartoes.valida-cartao .ct ul li {
        width: 100%;
    }

    .wr-cartoes.valida-cartao .ct ul li:nth-child(2) {
        border-left: none;
        border-right: none;
        padding: 0 30px;
    }
}

@media screen and (min-width:1px) and (max-width:768px) {
    .bx-modal {
        width: 90%;
        top: 5%;
        left: 5%;
        margin-left: 0;
    }
    .pg {
        padding: 3%;
        box-sizing: border-box;
        width: 100%;
    }

    .wr-deslogado .ct {
        background-color: #fff;
        background: none;
    }

    .wr-deslogado .logo-bv-merece {
        width: 209px;
        display: block;
        margin: 30px auto;
    }

    img.icone-deslogado {
        margin: 20px auto;
        display: block;
    }

    .pg .col {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    .wr-cartoes.valida-cartao .ct ul,
    .wr-cartoes.atualizar-cadastro .ct ul {
        box-sizing: content-box;
    }

    .wr-deslogado .ct .pg .col-2 {
        width: 100%;
        padding: 20px 0;
    }

    .wr-cartoes {
        margin-top: 0 !important;
    }

    .wr-cartoes.atualizar-cadastro .ct ul,
    .wr-cartoes.valida-cartao .ct ul,
    .wr-cartoes .ct ul {
        margin: 0 auto;
        float: none;
        width: 300px;
    }

    .wr-cartoes.valida-cartao .ct ul li,
    .wr-cartoes .ct ul li {
        width: 100%;
    }

    .wr-cartoes.atualizar-cadastro .ct ul li:nth-child(2),
    .wr-cartoes.valida-cartao .ct ul li:nth-child(2),
    .wr-cartoes .ct ul li:nth-child(2) {
        border-left: none;
        border-right: none;
        padding: 0 30px;
    }

    .wr-cartoes.atualizar-cadastro .ct div,
    .wr-cartoes.valida-cartao .ct div {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .wr-rodape .ct p {
        padding: 10px 10%;
    }

    .wr-cartoes .ct p,
    .wr-cartoes .ct small {
        padding: 0 5% !important;
    }

    .wr-cartoes .ct {
        padding: 40px !important;
        box-sizing: border-box;
    }
}

@media screen and (min-width:1px) and (max-width:450px) {
    .wr-cartoes.atualizar-cadastro .ct,
    .wr-cartoes.valida-cartao .ct {
        padding: 40px 0 !important;
    }
}