@media(max-width: 660px) {
    .cobranding {
        padding: 1rem;
    }

    .cobranding img {
        width: 80px;
    }

    .administrate {
        text-align: center;
    }

    section#inicial .content {
        flex-direction: column !important;
    }

    .pillars-grid {
        grid-template-columns: 1fr;
    }

    #etapas_canal h2 {
        text-align: center;
    }

    .steps-row {
        flex-direction: column;
        gap: 2rem;
    }

    .step:not(:last-child)::after {
        display: none;
    }

    #searchIncident .container.search-card {
        padding: 2rem 1.5rem;
    }

    .hero-banner {
        height: 60vw;
        min-height: 260px;
    }

    .hero-banner .hero-heading {
        bottom: 26%;
        padding: 0 1.25rem;
    }

    .hero-banner .hero-heading h1 {
        font-size: 1.75rem;
    }

    .hero-about {
        padding: 2rem 1rem;
    }

    #incidentCreationDiv,
    .page-card {
        padding: 1.5rem;
        border-radius: 14px;
    }

    #reportIncident,
    #gdpr,
    #searchResp,
    #terms {
        padding: calc(4.6875rem + 1.5rem) .75rem 2.5rem .75rem;
    }

    .btnIdentifications {
        grid-template-columns: 1fr;
    }

    .form-submit-bar {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    .form-submit-bar .secure-note {
        text-align: center;
        order: 2;
    }

    .hero .container div h1 {
        text-align: center;
    }

    h2 {
        font-size: xx-large;
    }
}

@media(max-width: 800px) {
    #opt_channel_feedback label span {
        display: none;
    }

    /* .menu-mobile {
        flex-direction: column;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        align-items: center;
    } */

    #etapas_canal .container {
        flex-wrap: wrap;
    }

    .outros-assuntos-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
    }

    .phone-callout {
        margin-left: auto;
        margin-right: auto;
    }

    footer>.container>.links>a {
        font-size: 16px;
    }
}

@media(max-width: 915px) {
    .hero .container {
        align-items: baseline;
    }

    .btn-menu-hamburger {
        visibility: visible;
        z-index: 1;
        right: 82px;
        top: 15px;
    }

    .report {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    .report>a.link_action {
        justify-content: center;
        width: 100%;
    }

    .dropDown {
        position: static;
        top: auto;
        left: auto;
        transform: none;
        width: 100%;
        max-width: 100%;
        box-shadow: none;
        border-radius: 0;
    }

    .menu {
        visibility: hidden;
    }

    .nav-phone {
        display: none;
    }

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

    .step p {
        font-size: 0.9rem !important;
    }

    .outros-assuntos-block h3 {
        font-size: 1.5rem;
    }

    #reportIncident .content {
        flex-direction: column;
    }

    #reportIncident .content img {
        display: none;
    }

}

@media(max-width: 990px) {
    .pillars-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .steps-row {
        flex-wrap: wrap;
        row-gap: 2.5rem;
    }

    .step {
        flex: 1 1 40%;
    }

    .step:not(:last-child)::after {
        display: none;
    }

    .img-hero2 {
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .img-hero1 {
        display: flex;
        align-items: center;
        justify-content: left;
    }

    .hero .container div:nth-child(1) img {
        width: 45%;
    }

    .hero .container div:nth-child(3) img {
        width: 45%;
    }

    .hero .container div h1 {
        font-size: 2rem;
        text-align: center;
    }

    section#inicial .content {
        flex-direction: column !important;
    }

    #searchIncident .container.search-card {
        width: 90%;
    }
}