@media screen and (min-width: 1200px) {
    #home-header .container {
        justify-content: space-between;
    }

    #home-header .home-header-content {
        height: 400px;
    }

    #administradores .home-header-description {
        margin-bottom: 44px;
    }

    #administradores .home-header-buttons {
        margin-top: 64px;
    }
}

@media screen and (min-width: 1255px) {
    #administradores .home-header-description {
        margin-bottom: 22px;
    }
}

@media screen and (max-width: 1199px) {
    #home-header {
        height: 1030px;
    }

    #home-header .container {
        justify-content: center;
        flex-direction: column;
    }

    #home-header #administradores {
        width: 100%;
    }

    .home-header-content {
        max-width: 100%;
    }

    .home-header-title {
        text-align: center;
    }

    .home-header-inputs {
        flex-direction: column;
    }

    .home-header-inputs input {
        max-width: 100%;
    }

    .home-header-orientation,
    .home-header-forgot-password {
        text-align: center;
    }

    .home-sobre-content {
        background-image: none;
    }

    .home-sobre-content .container {
        gap: 65px;
    }

    .home-sobre-content-block {
        flex-direction: column;
        gap: 60px;
    }

    .home-sobre-content-block#trabalhadores-condominios {
        flex-direction: column-reverse;
    }

    .home-sobre-content-block-item {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .home-sobre-content-block-content {
        width: 100%;
        align-items: center !important;
    }

    .home-sobre-content-block-content iframe {
        width: 100%;
        height: 400px;
    }

    .home-sobre-content-block-content-login-inputs {
        width: 80%;
    }

    .home-sobre-content-block-responsive-img {
        display: block;
        width: 335px;
    }

    .duvidas-frequentes-duvidas {
        gap: 0;
    }

    .duvidas-frequentes-column {
        width: 100%;
    }

    #boleto .modal-head.desktop {
        display: none;
    }

    #boleto .modal-head.mobile {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
        gap: 1rem;
    }

    #boleto .modal-title-content {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .container-footer-right>p {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .home-header-title.heading-48 {
        font-size: 32px;
        line-height: 36px;
    }

    .home-header-description {
        text-align: center;

        margin-top: 15px;
        margin-bottom: 70px;
    }

    .home-sobre-header {
        width: 100%;
    }

    .home-sobre-header-title {
        width: auto;
    }

    .home-sobre-content-block-title {
        width: auto;
        text-align: center;
    }

    .duvidas-frequentes-card-associado {
        width: 100%;
        height: auto;
    }

    .duvidas-frequentes-title.heading-48 {
        text-align: center;
        font-size: 32px;
    }

    .duvidas-frequentes-duvida {
        max-height: 80px;
    }

    .duvidas-frequentes-duvida-pergunta.heading-26 {
        font-size: 16px;
    }

    #boleto .boleto-dados {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
}

@media screen and (max-width: 450px) {
    #home-header {
        height: 1100px;
    }
}

@media screen and (max-width: 400px) {
    .boleto-dados-right .data-competencia {
        margin-top: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .data-competencia>div {
        align-items: flex-start;
    }

}

@media screen and (max-width: 350px) {
    #home-header {
        height: 1150px;
    }

    #home-header .home-header-title {
        font-size: 28px;
        line-height: 32px;
    }
}