@media only screen and (min-width: 320px) and (max-width: 576px) {
    .news-listing {
        display: block !important;
        margin-top: 0rem;
    }

    .dotted-cidadao.dotted-cidadao-top-right::before {
        display: none;
    }

    .custom-logo {
        width: 20rem;
    }

    #menu-toggle a {
        display: inline-block;
        font-size: 39px;
        line-height: 42px;
        padding-left: 7px;
        padding-right: 7px;
        text-align: center;
        color: #fff;
        transition: color var(--transition-duration) ease;
        margin-left: 1.4rem;
    }

    .widget-area {
        text-align: center;
    }
}

@media (min-width: 576px) {}

@media only screen and (max-width:600px) {
    /* CSS regras para dispositivos com largura máxima de 60 pixels */

}

@media only screen and (min-width: 600px) and (max-width: 960px) {
    /* CSS regras para dispositivos com largura entre 600 e 960 pixels */

}

@media only screen and (min-width: 960px) {
    /* CSS regras para dispositivos com largura de 960 pixels ou maior */


}

@media only screen and (orientation: portrait) {
    /* CSS regras para viewports em modo retrato */
}

@media only screen and (orientation: landscape) {
    /* CSS regras para viewports em modo paisagem */
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    /* CSS regras para dispositivos com uma taxa de pixel mínima de 2 */
}

@media only screen and (min-resolution: 2dppx) {
    /* CSS regras para dispositivos com uma resolução mínima de 2 pontos por pixel */
}

@media only screen and (min-width: 1000px) {
    /* CSS rules for devices with a width of 1000 pixels or wider */
}

@media only screen and (min-width: 1200px) {
    /* CSS rules for devices with a width of 1200 pixels or wider */

}

@media only screen and (min-width: 1400px) {

    /* CSS rules for devices with a width of 1400 pixels or wider */


}

@media only screen and (min-width: 1600px) {
    /* CSS rules for devices with a width of 1600 pixels or wider */


}

@media only screen and (min-width: 1800px) {

    /* CSS rules for devices with a width of 1800 pixels or wider */
    .carousel-caption {
        left: 16%;
        max-width: 34vw;
    }
}

@media only screen and (min-width: 2000px) {
    /* CSS rules for devices with a width of 2000 pixels or wider */
}