@media screen and (max-width: 1280px) {
    body.login-page #login {
        /*height: 58vh;*/
    }

    .container-totais h4 {
        font-size: 14px;
    }
}

@media screen and (max-width: 1120px) {
    body.login-page #login {
        /*height: 72vh;*/
        min-width: 320px;
    }

    #content {
        width: 80.5%;
    }
}

@media screen and (max-width: 1024px) {
    #content .content-wrapper #page-heading > h2 {
        font-size: 14px !important;
    }

    .container-totais h4 {
        font-size: 14px;
    }

    #content {
        width: 78.5%;
    }

    .container-page-out-conteudo {
        width: 70%;
    }
}

@media screen and (max-width: 912px) {
    body.login-page #login {
        min-width: 390px;
        /*height: 38vh;*/
        min-height: 415px;
    }

    .nav-mobile {
        display: block;
    }

    .py-4 {
        height: 100vh;
    }

    #sidebar, #top-nav, .top-nav-fixed {
        display: none;
    }

    .navbar-header {
        float: none !important;
    }

    #content {
        margin: auto;
        width: 100%;
        height: 100%;
    }

    .table, .table-responsive {
        min-width: 150px !important;
    }

    .panel {
        min-width: 185px !important;
    }

    .table-responsive {
        border: none !important;
    }

    .pagination > li a, .pagination > li > a, .pagination > li > span {
        padding: 3px 8px !important;
    }

    .visible-sm {
        font-size: 13.5px !important;
    }

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

    #menu-usuario {
        display: none;
    }

    .espaco-total-usuario {
        height: 10vh;
    }

    .form-pesquisa {

        height: 10vh;
    }

    .form-pesquisa div {
        height: 8vh;

    }

    .espaco-info-usuario {
        height: 15vh;
    }

    .conteudo {
        padding: 2px !important;
    }

    .conteudo .conteudo-item {
        padding: 2px;
    }

    .container-page-out-conteudo {
        width: 80%;
    }
}

@media screen and (max-width: 820px) {
    body.login-page #login {
        /*height: 42vh;*/
        min-width: 330px;
    }

    .pagination > li a, .pagination > li > a, .pagination > li > span {
        padding: 2px 4px !important;
    }

    .espaco-total-usuario {
        height: 12vh;
    }

    .form-pesquisa {

        height: 13vh;
    }

    .form-pesquisa div {
        height: 10vh;
        padding: 0 !important;
    }

    .espaco-info-usuario {
        height: 15vh;
    }

    .espaco-identificao-usuario {
        height: 5vh;
    }

    .container-page-out-conteudo {
        width: 90%;
    }
}

@media screen and (max-width: 630px) {
    .container-totais {
        align-items: stretch;
        flex-direction: column;
    }

    .form-control {
        /*height: 29px !important;*/
        font-size: 12px !important;
        padding: 2px 5px !important;
    }

    #page-heading h4 {
        font-size: 15px;
    }

    .form-control-login {
        height: 29px !important;
        font-size: 12px !important;
        padding: 2px 8px 2px 35px !important;
    }

    .left-input-icon {
        top: 6px !important;
    }

    .form-pesquisa {
        flex-direction: column;
        height: 42vh;
    }

    .form-pesquisa div {
        width: 100%;
    }

    .container-page-out-conteudo {
        width: 98%;
    }
}

@media screen and (max-width: 415px) {
    body.login-page #login {
        min-width: 250px;
    }

    #logo-sm-1 {
        display: none !important;
    }

    #logo-sm-2 {
        display: block !important;
    }

    .font-table {
        font-size: 9px !important;
    }

    #page-heading h4 {
        font-size: 12px;
    }

    .espaco-total-usuario {
        height: 16vh;
    }

    .espaco-info-usuario {
        height: 20vh;
    }
}

@media screen and (max-width: 375px) {
    .btn {
        /*padding: 6px 5px !important;*/
    }

    .espaco-info-usuario {
        height: 30vh;
    }

    .area-dados-bancarios{
        font-size: 10px;
    }
}

@media screen and (max-width: 280px) {
    body.login-page #login {
        min-width: 200px;
    }

    .col-xs-9 {
        width: 60%;
    }

    .col-xs-3 {
        width: 40%;
    }

    .espaco-info-usuario {
        height: 30vh;
    }
}

@media screen and (max-width: 250px) {
    body.login-page #login {
        min-width: 200px;
    }
}