@media (max-width: 600px) 
{
    .campoCepOpcoes{
        margin: auto;
    }

    .logoAppMobile{
        display: block !important;
    }

    .logoMenuFechado{
        display: none;
    }

    .caixaSucessoAssinado{
        transform: initial !important;
    }

    .botaoSemCadastroMobile{
        margin: auto;
        margin-bottom: 10px;
    }

    .botaoFecharSemCadastroMobile{
        margin-right: 0px !important;
    }

    .labelEmailOpcoes{
        font-weight: 600 !important;
        background: none !important;
        border: none !important;
        font-size: 14px !important;
        color: #556080 !important;
        text-align: center !important;
    }

    .labelNomeOpcao{
        margin-top: 40px !important;
    }

    .caixaDocumentoAssinado, .caixaDocumentoExpirado {
        margin-top: 47px;
    }

    .telaBemVindo{ 
        height: 90%;
        width: 95%;
    }
    .bannerBemVindo {
        width: 100%;
    }
    .headerTituloOpcoes{
        display: none !important;
    }

    .headerGridOpcoes{
        display: none !important;
    }

    .localPesquisa{
        position: fixed;
        top: 56px;
        right: 4px;
    }

    .localLogo{
        flex-direction: row;
        position: fixed;
        width: 100vw;
        text-align: center;
    }
    
    .logoApp {
        width: 180px;
        background-size: 165px 75px;
        margin: auto;
    }

    div.tituloApp {
        font-weight: 600;
        font-size: 17px;
        text-align: center;
        padding-top: 20px;
        padding-right: 0px;
    }

    .telaAlertaLogin {
        background-color: #1b242f !important;
        width: 100%;
    }

    .localNavegacao{
        justify-content: center !important;
        margin-top: 0 !important;
        margin-bottom: -5px !important;
        height: 47px !important;
        padding-top: 9px  !important;
    }

    .botaoAjuda{
        display: none;
    }

    .campoPesquisar{
        display: none;
    }

    .menuOpcoesCaixa{
        width: 100vw;
        background-color: #19222f;
        height: 50px !important;
        bottom: 0;
        position: fixed;
        flex-direction: row;
        left: 0;
        overflow: hidden;
    }

    #localMeuPlano{
        display: none !important;
    }

    .botaoAssinarBottom{
        width: 100%;
        margin-left: 8px;
    }

    .botaoAssinaturaDigital{
        display: none !important;
    }

    .localOpcaoHeader{
        position: fixed;
        right: 0;
        top: 3px;
        width: 160px;
    }
    
    .botaoVoltarApp{
        position: fixed;
        top: 4px;
        left: -7px;
        background-color: #00ffff00 !important;
        color: #FFFFFF;
    }

    .botaoHeader{
        color: #3c3c3c !important;
    }

    .caixaOpcoesDocumento{
        position: fixed;
        top: 112px;
        right: 0;
        width: 100%;
        background-color: #e4e4e4;
        margin-right: 0 !important;
    }

    .tooltip {
        display: none !important;
    }

    .textoSuaPlataforma{
        display: none;
    }

    .textoHeader{
        color: #212529;
    }

    .textoHeader > span{
        color: #ffffff;
    }

    .logoLogin{
        margin: auto !important;
    }

    .powered{
        display: none !important;
    }

    .telaLogin{
        background-color: #19222f !important;
        flex-direction: column;
        border: #19222f;
    }

    .textosPrivacidade{
        color: #FFFFFF !important;
    }

    .telasLogin{
        background-color: #19222f;
        width: 100% !important;
        color: #FFFFFF;
        position: absolute !important;
    }

    .telasLoginCad{
        background-color: #19222f;
        width: fit-content !important;
        color: #FFFFFF;
        position: absolute !important;
    }

    .localDadosPessoais{
        flex-direction: column;
        overflow: auto;
        height: 100%;
        padding-bottom: 100px;
        height: calc(100vh - 220px) !important;
    }
    

    .infoDadosPessoais{
        flex-direction: column-reverse;
    }

    .localOpcoesMobile{
        display: flex;
        margin-top: 14px;
    }

    .localLogoAlerta{
        display: none;
    }

    
    .logoMobile{
        display: block !important;
    }

    .botoesMobileEditor{
        display: flex;
    }

    .localMenuBottomEdicaoDest{
        display: block;
    }

    .localBotaoAssinarBottomMobile{
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 999;
        bottom: 11px;
        flex: 1;
        left: 7px;
        right: 9px;
    }

    .logoMenuOpcoes{
        display: none;
    }

    .botaoMenuSelecionado{
        margin-left: 0px;
        border: none;
        width: 100%;
        margin-top: -6px;
        background: none;
        justify-content: center;
        padding-left: 0;
    }

    .textoTituloLogin{
        display: block;
        font-size: 16px;
    margin-top: 30px;
    text-align: center;
    }

    .qrCodeIcone{
        margin: auto;
    }

    .localInfoSignatario{
        min-width: fit-content !important;
    }

    .localCamposInfo{
        overflow-x: hidden !important;
        height: calc(100vh - 170px) !important;
        display: block !important;
    }

    .localCamposInfoTitulo{
        flex-direction: column-reverse;
    }

    .telaInfo, .telaConfigDocument {
        width: 100%;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 10px !important;
    }

    .bolaQtd{
        display: none;
    }

    .botaoMenu{
        margin-left: 1px;
        position: initial;
        width: 100%;
        margin-top: -6px;
        padding-left: 0;
        justify-content: center;
    }

    .headerGrid{
        margin-top: 0px !important;
        min-width: calc(100% + 10px);
        max-width: 100% !important;
        margin-left: -8px;
        margin-bottom: 0px !important;
        background-color: #d0d0d0;
    }

    .botaoOpcoes{
        width: 50px;
        margin-right: -10px;
        margin-left: 20px;
    }

    .botaoSair{
        width: 50px;
    }

    .no-gutters{
        margin-left: -20px !important;
        margin-right: -20px;
    }

    .localPlanos{
        overflow: auto;
        padding-bottom: 80px;
        height: 100%;
        height: calc(100vh - 220px) !important;
    }

    .localPlanos .labelOpcao{
        margin-top: 10px;
    }

    .telaSelecionePacote{
        width: 100%;
        overflow: auto;
        height: 100%;
    }
    
    .telaLocalCartao{
        flex-direction: column;
        overflow: hidden;
        height: auto !important;
    }

    .dadosCartao{
        overflow: hidden !important;
    }

    .telaPagamentoPacote{
        width: 100%  !important;
        overflow: auto !important;
        height: 100% !important;
    }

    .localOpcoesCaixas{
        max-height: calc(100vh - 122px) !important;
        overflow: auto;
        overflow-x: hidden;
    }

    .textoEnviando {
        font-size: 20px;
    }

    .icoCarregandoBola{
        font-size: 55px !important;
        margin-bottom: 10px !important;
    }

    .bodyTop {
        background-color: #ffffff;
    }

    .localPreviewAssinaturas{
        flex-direction: column;
        display: none;
    }

    .caixaCertificadoDigital{
        width: 100% !important;
        height: 100% !important;
        top: 0px !important;
        transform: none !important;
        left: 0px !important;
        position: fixed !important;
    }
    
    .camposNomeOpcaoAssinatura{
        flex-direction: column;
    }

    .listaFonte{
        max-height: 100% !important;
    }

    .localDesenhoAssinatura{
        margin-left: -10px !important;
        width: 100% !important;
        padding-right: 0 !important;
    }

    .botaoHeaderOpcao{
        width: auto;
        text-align: center;
        flex:1;
        min-height: 41px;
    }

    .localBotoesTipoCricaoAssinatura{
        margin-right: -7px;
        margin-top: 10px !important;
        margin-left: 0px !important;
    }

    .botaoLimpar{
        top: 199px  !important;;
    }

    .botaoUpload{
        margin-left: calc(50% - 50px)  !important;;
        margin-bottom: 20px; 
    }

    .espacoHeaderOpcao{
        display: none;
    }

    .textoCaixaUpload{
        margin-top: 0px !important;
    }

    .localUploadAssinaturas{
        flex-direction: column;
        min-height: calc(100vh - 300px) !important;
    }

    .localBotoesHeaderOpcao{
        flex-direction: column;
        margin-right: 10px;
        height: auto !important;
        margin-bottom: 0px !important;
    }

    .localUploadAssinatura{
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 10px;
    }

    .naoPossuiAssinatura{
        display: block;
    }

    .botaoFecharOpcao{
        display: block;
    }

    .labelOpcao{
        margin-top: 20px;
    }

    .localBotaoTrocaSenha{
        justify-content: center !important;
    }

    .botaoMenuOpcao:hover{
        background-color: #000000;
    }

    .icoOpcao {
        color: #FFFFFF;
    }

    .localTrocaSenha{
        text-align: center;
    }

    .localDadosPessoais{
        text-align: center;
        display: block;
    }

    .localTela{
        margin-left: 0px !important;
    }

    .localBotoesOpcoes{
        display: none !important;
    }

    .labelBotaoOpcao{
        display: none;
    }

    .menuOpcoes{
        width: 100% !important;
        flex-direction: row !important;
        position: fixed !important;
        bottom: 0;
        overflow: hidden;
    }

    .botaoMenuOpcao{
        font-size: 28px;
        text-align: center;
        height: 56px;
        margin-left: 1px;
        position: initial;
        width: 100%;
        margin-top: -2px;
        padding-left: 0;
        justify-content: center;
    }

    .botaoFecharOpcao{
        font-size: 22px;
        text-align: center;
        height: 56px;
        margin-left: 0px;
        position: initial;
        width: 100%;
        margin-top: 2px;
        color: #FFFFFF;
        background: none;
        border: none;
        position: fixed;
        top: 0;
        left: 6px;
        width: 40px;
    }

    .caixaMenuOpcoes{
        height: calc(100vh - 59px)!important;
        width: 100% !important;
        top: 60px !important;
        left: 0 !important;
        padding-left: 0;
        padding-right: 0;
    }

    .localItemLista {
        flex-direction: column !important;
        margin-top: -12px;
    }

    .localOpcoes {
        display: none !important;
    }

    .textoAlertaAssinatura{
        font-size: 13px;
        padding-top: 21px;
    }

    .comboLista{
        display: none;
    }

    .localUsuario{
        display: none !important;
    }

    .localLabelHeader{
        padding-left: 14px;
    }

    .localGridCaixa{
        margin-top: -10px;
        margin-right: -8px;
        margin-left: -11px !important;
        z-index: 999999999;
        background-color: #FFFFFF;
        margin-bottom: -10px;
        padding-left: 10px;
        padding-bottom: 14px;
    }

    .localGrid{
        overflow-y: auto;
        overflow-x: hidden;
    }

    .headerLista{
        flex-direction: column !important;
        height: 56px !important;
        padding-top: 8px !important;
        display: none !important;
    }

    .botao{
        font-size: 12px;
        min-width: 100px;
    }

    .localTela{
        min-height: calc(100vh - 110px) !important;
    }

    .menuLateralEdicao{
        display: none !important;
    }

    .nomeDocumentoLista{
        font-size: 13px;
        margin-bottom: -6px;
        white-space: pre;
        margin-top: 7px;
    }

    .botaoNovoGd{
        display: none;
    }

    .localIconesUpload{
        display: none !important;
    }

    .labelAssinatura{
        font-size: 12px;
    }

    .bottomBotoes{
        flex-direction: column-reverse;
    }

    .listaDest{
        height: calc(100vh - 21px);
    }

    .localAssinaturas{
        flex: 1;
        margin-top: 0px !important;
    }

    .caixaMinhaAssinatura{
        width: 100%;
        border-radius: 0px;
        height: 100% !important;
        border: 0;
        top: 0px;
        left: 0px;
        transform: none !important;
    }

    .localMeuPlano{
        display: none;
    }

    .logoMenu{
        display: none;
    }

    .localListaCaixa{
        max-height: calc(100vh - 175px) !important;
    }

    .localGrid {
         max-height: initial;
    }

    .botaoAssinarDocumentoMobile{
        height: 40px !important;
    }

    .localCampos{
        font-size: 11px !important;
    }

    .localEditor {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 50px !important;
        flex-direction: column !important;
        margin-bottom: 60px;
    }

    .itemCaixa {
        min-height: 119px;
    }

    .labelAcao{
        display: none;
    }   

    .botaoAssinarNormal{
        display: none;
    }

    .semDest{
        margin-left: 29px;
        margin-top: -12px;
    }

    .enviadoParaCla{
        margin-left: 26px !important;
    }

    .nomeDocumentoLista{
        flex-direction: row;
        display: flex;
    }

    .mostraCelular{
        display: block !important;
    }

    .someCelular{
        display: none !important;
    }

    .localCampos{
        font-size: 11px;
    font-weight: 600;
    max-width: 100% !important;
    }

    .menuCaixa{
        width: 0px;
        margin-left: -10px;
        margin-top: 60px;
    }

    .labelMenuOp{
        display: none;
    }

    .localEdicao{
        margin-left: 0px !important;
        margin-top: 0px;
        height: 100px;
    }

    .localTituloDocumento{
        color: #FFFFFF !important;
        width: calc(100%) !important;
        height: 50px !important;
        background-color: #18212f !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
    }

    .caixaAlertaDocumento{
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        background-color: #FFFFFF;
        padding: 40px;
        height: 100%;
        transform: none;
    }

    .caixaMensagemAlertaDocumento{
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    .icoBotaoCaixa{
        font-size: 22px !important;
    }

    .botaoNovoGd{
        display: none;
    }

    .botaoNovoPq{
        display: block;
        min-width: 41px;
        margin: 0px !important;
        border: 0px;
        border-radius: 0px;
        height: 52px;
        border-bottom: 1px solid #FFFFFF;
    }

    .caixaNovo{
        top: -92px;
        right: -84px !important;
        font-size: 10px;
        padding-left: 25px;
        padding-top: 14px;
        height: 36px;
        right: 0;
        margin-left: 0;
    }

    .localInfoAssinatura{
        flex-direction: column;
        margin-top: 10px;
    }

    .localGridCaixa > div {
        color: #212529;
    }

    .localInformacoes {
        font-size: 16px;
        margin-top: 10px;
    }

    .campoInfoValida {
        font-size: 12px;
    }

    .caixaEdicaoCPF{
        position: absolute;
        transform: translate(-50%, -50%);
        background-color: #FFFFFF;
        width: 100%;
        height: 100%;
    }

    .caixaInformeCPF {
        position: absolute;
    }

    .caixaInformeCPFFormulario {
        width: 100%;
    }

    .detalhesDocumento {
        max-width: 100%;
    }

    .fundoBloqueioTelas .box {
        width: 300px;
    }
}