@media(max-width: 660px) {
    footer .footer-row {
        flex-direction: column;
        text-align: center;
    }

    footer .footer {
        white-space: normal;
    }

    .cobranding {
        padding: 1rem 0 0;
    }

    .cobranding img {
        width: 80px;
    }

    .logo img {
        width: 100px !important;
    }

    .hero-canal-content {
        padding: 3rem 1.5rem;
    }

    .hero-canal-content h1 {
        font-size: 2.1rem;
    }

    #etapas_canal h2 {
        text-align: center;
        padding: 0 0 2rem 0;
        font-size: xx-large;
    }

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

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

    .logo img {
        width: 100px !important;
    }

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

    .faq-card {
        flex-direction: column;
        padding: 2rem;
        text-align: center;
    }

    .faq-card-text {
        flex-basis: auto;
        align-items: center;
    }

    .faq-card-photo img {
        height: 260px;
    }

    #outros-assuntos .container {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 2rem;
    }

    #outros-assuntos .container div:first-child h3 {
        max-width: none;
    }

    #outros-assuntos .contacts {
        align-items: center;
    }

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

@media(max-width: 915px) {
    .btn-menu-hamburger {
        visibility: visible;
        z-index: 1;
        right: 82px;
        top: 15px;
    }

    .dropDown {
        position: relative;
        top: 0.5rem;
        left: auto;
        transform: none;
        width: 100%;
        max-width: none;
        box-shadow: none;
        background: rgba(255, 255, 255, 0.08);
    }

    .dropDown::before {
        display: none;
    }

    .report:hover .dropDown,
    .report:focus-within .dropDown {
        transform: none;
    }

    .dropDown .Drop_link_action>a {
        color: #fff;
    }

    .Drop_link_action>a:hover {
        background: rgba(255, 255, 255, 0.12);
        color: #fff;
    }

    .menu {
        visibility: hidden;
    }

    .hero-canal {
        min-height: 340px;
    }

    .hero-canal-content {
        max-width: 100%;
    }

    .hero-canal::after {
        background: linear-gradient(180deg, rgba(4, 12, 24, 0.35) 0%, rgba(4, 12, 24, 0.85) 100%);
    }

    .pill-row {
        margin-top: 1.5rem;
        flex-direction: column;
        align-items: stretch;
    }

    .pill-link {
        width: 100%;
    }

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

    #reportIncident .content img {
        display: none;
    }
}

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

    .faq-card-photo {
        min-width: 220px;
    }
}

@media(max-width: 990px) {
    .img-hero2 {
        display: flex;
        align-items: center;
        justify-content: end;
    }

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

    #searchIncident .container {
        width: 80%;
    }

    .efect {
        right: 0px;
    }

    .efect2 img {
        width: 60%;
    }

    .efect2 {
        left: 0px;
    }

    .efect img {
        width: 60%;
    }
}