.dxis-passePartout {
    background-color: Transparent !important;
}

.CamposPesquisa {
    width: 100%;
    text-align: center;
}

.texto-banner {
    color:white;
}

@media (min-width: 1px) and (max-width: 575px) {

    .CampoPesquisa_1 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_2 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_3 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_4 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_5 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_6 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_7 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_8 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_9 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_10 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_11 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_12 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .FontPageControl {
        font-size: 1rem !important;
    }

    .BotaoAlinhar {
        padding: 15px 0 0 0 !important;
    }

    .texto-banner {
        font-size: 1.5rem
    }

}

@media (min-width: 576px) and (max-width: 767px) {

    .CampoPesquisa_1 {
        float: left;
        width: 49.98%;
        padding: 5px;
    }

    .CampoPesquisa_2 {
        float: left;
        width: 49.98%;
        padding: 5px;
    }

    .CampoPesquisa_3 {
        float: left;
        width: 49.98%;
        padding: 5px;
    }

    .CampoPesquisa_4 {
        float: left;
        width: 49.98%;
        padding: 5px;
    }

    .CampoPesquisa_5 {
        float: left;
        width: 49.98%;
        padding: 5px;
    }

    .CampoPesquisa_6 {
        float: left;
        width: 49.98%;
        padding: 5px;
    }

    .CampoPesquisa_7 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_8 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_9 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_10 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_11 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_12 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .FontPageControl {
        font-size: 1rem !important;
    }

    .BotaoAlinhar {
        padding: 31px 0 0 0 !important;
    }
    .texto-banner {
        font-size: 1.35rem
    }

}

@media (min-width: 768px) and (max-width: 992px) {

    .CampoPesquisa_1 {
        float: left;
        width: 49.98%;
        padding: 5px;
    }

    .CampoPesquisa_2 {
        float: left;
        width: 49.98%;
        padding: 5px;
    }

    .CampoPesquisa_3 {
        float: left;
        width: 49.98%;
        padding: 5px;
    }

    .CampoPesquisa_4 {
        float: left;
        width: 49.98%;
        padding: 5px;
    }

    .CampoPesquisa_5 {
        float: left;
        width: 49.98%;
        padding: 5px;
    }

    .CampoPesquisa_6 {
        float: left;
        width: 49.98%;
        padding: 5px;
    }

    .CampoPesquisa_7 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_8 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_9 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_10 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_11 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .CampoPesquisa_12 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .FontPageControl {
        font-size: 1.55rem !important;
    }

    .BotaoAlinhar {
        padding: 31px 0 0 0 !important;
    }
    .texto-banner {
        font-size: 2.5rem;
    }

}

@media (min-width: 993px)  {

    .CampoPesquisa_1 {
        float: left;
        width: 8.33%;
        padding: 5px;
    }

    .CampoPesquisa_2 {
        float: left;
        width: 16.66%;
        padding: 5px;
    }

    .CampoPesquisa_3 {
        float: left;
        width: 24.98%;
        padding: 5px;
    }

    .CampoPesquisa_4 {
        float: left;
        width: 33.31%;
        padding: 5px;
    }

    .CampoPesquisa_5 {
        float: left;
        width: 41.65%;
        padding: 5px;
    }

    .CampoPesquisa_6 {
        float: left;
        width: 49.98%;
        padding: 5px;
    }

    .CampoPesquisa_7 {
        float: left;
        width: 58.31%;
        padding: 5px;
    }

    .CampoPesquisa_8 {
        float: left;
        width: 66.64%;
        padding: 5px;
    }

    .CampoPesquisa_9 {
        float: left;
        width: 74.97%;
        padding: 5px;
    }

    .CampoPesquisa_10 {
        float: left;
        width: 83.3%;
        padding: 5px;
    }

    .CampoPesquisa_11 {
        float: left;
        width: 91.63%;
        padding: 5px;
    }

    .CampoPesquisa_12 {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .FontPageControl {
        font-size: 1.75rem !important;
    }


    .BotaoAlinhar {
        padding: 24px 0 0 0 !important;
    }

    .texto-banner {
        font-size: 3.5rem
    }

}