@media (min-width: 576px) {
    /* sm -> */
}

@media (min-width: 768px) {
    /* md -> */
}

@media (min-width: 992px) {
    /* lg -> */
}

@media (min-width: 1200px) {
    /* xl -> */
}

@media (max-width: 1199px) {
    /* -> xl */
    #informativos img {
        height: 360px;
    }

    .item-noticia .info p {
        font-size: 0.8125rem;
    }
}

@media (max-width: 991.98px) {
    /* -> lg */
    /* Gerais */
    #tamanhoFonte {
        display: none;
    }

    .break-on-mobile {
        display: block;
        flex-basis: 100%;
        height: 0;
    }

    .titulo-sessao {
        text-align: center;
        justify-content: center;
        flex-direction: column;
        font-size: 1.2rem;
    }

    .btn-ver-todos {
        display: block;
    }

    /*Menu acessibilidade*/
    .wrapper-items-acessibilidade .container-lg {
        display: none;
    }

    /* Header */
    #logo img[src*="Brasao_horizontal"] {
        width: 65vw;
        height: auto;
        margin: 7px 0 13px;
    }

    #logo-flex {
        max-width: 255px;
    }

    #logo-descricao {
        font-size: 13px;
    }

    #menuPrincipalWrapper {
        height: unset;
        min-height: 78px;
        border: 0;
        padding: 0;
    }

    #menuPrincipal {
        margin-right: calc(var(--bs-gutter-x) * 0.5 * -1);
        margin-left: calc(var(--bs-gutter-x) * 0.5 * -1);
        width: 100%;
        background: transparent;
        padding: 0;
    }

    #menuPrincipal .dropdown-menu a {
        min-width: unset;
    }

    #menuPrincipal .navbar-collapse {
        border-top: 3px solid #ecf0f3;
        padding: 0 15px;
    }

    #menuPrincipal a.nav-link {
        display: flex;
        padding: 15px 0;
        color: #4f5f82;
        font-size: 1.125em;
        background-color: transparent;
        justify-content: space-between;
    }

    #menuPrincipal a.nav-link.show::after {
        transform: rotate(135deg);
    }

    #menuPrincipal .nav-item + .nav-item {
        border-top: 2px solid rgba(0, 113, 206, 0.1);
    }

    #menuPrincipal .nav-item:last-child {
        border-bottom: 2px solid rgba(0, 113, 206, 0.1);;
    }

    #menuPrincipal a.nav-link .ph,
    #menuPrincipal a.nav-link .ph-bold {
        font-size: 1.875em;
        color: #0071ce;
    }

    #campoBusca {
        display: none;
    }

    #campoBuscaMobile button {
        position: absolute;
        right: 0;
        left: unset;
        bottom: 0;
        top: 0;
        width: 30px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #campoBuscaMobile {
        display: block;
        position: relative;
    }

    #campoBuscaMobile input[type="text"] {
        width: 100%;
    }

    #menuPrincipal .dropdown-menu {
        border: 0;
        margin: 0;
        padding: 0;
    }

    #menuPrincipal .dropdown-menu .dropdown-item {
        padding: 10px;
        white-space: normal;
    }

    .menu-covid-mobile,
    #menuOuvidoriaMobile,
    .titulo-menu {
        display: block;
    }

    .titulo-menu {
        margin-top: 40px;
        margin-bottom: -13px;
        color: black;
        font-weight: 600;
        font-size: 18px;
    }

    /* Destaques Carousel */
    #carouselDestaques .carousel-indicators li {
        width: 15px;
        height: 15px;
        margin-right: 3px;
        margin-left: 3px;
    }

    #destaquesWrapper img {
        border-radius: 0;
        height: 100% !important;
        max-width: 100%;
    }

    /* Menu Ouvidoria */
    #menuOuvidoria {
        display: none;
        order: 1;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 10px;
    }

    #menuOuvidoria a {
        font-size: 12px;
        color: #0071ce;
        padding: 10px;
        position: initial;
        margin: initial;
    }

    #menuOuvidoria > div {
        margin-left: 0;
    }

    #menuOuvidoria img {
        display: none;
    }

    /* Serviços */
    .servicos-body {
        grid-template-columns: 1fr;
        gap: 0;
        padding-top: 30px;

    }

    .servicos-body-content {
        padding: 0;
        margin-bottom: 0;
        margin-top: 0;
    }

    .servicos-body-content a {
        padding: 10px;
        white-space: normal
    }

    /* Informativos */
    #informativos img {
        height: 264px;
    }

    /* Noticias */
    #noticias {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(2, 156px);
        gap: 25px;
        margin-bottom: 1rem;
    }

    .item-destaque-noticia {
        grid-column: 1 / -1;
    }

    .item-noticia {
        grid-column: 1 / -1;
    }

    .grid-outras-secretarias {
        grid-template-columns: repeat(2, 1fr);
    }

    .descricao-noticia-destaque p {
        font-weight: 600;
        font-size: 16px;
        line-height: 125%;
        color: #ffffff;
    }

    /* Ultimas Noticias*/
    .noticia-secretarias a {
        display: flex;
        width: 100%;
        gap: 10px;
    }

    .noticias-secretarias-info {
        margin-top: -3px;
    }

    .noticias-secretarias-info p {
        margin-bottom: 0;
    }

    .grid-outras-secretarias img {
        width: 50%;
        height: 40vw;
        object-fit: cover;
    }

    /* Programas e ações */


    /* Videos */
    #galeriaVideos {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(4, 184px);
        grid-gap: 32px;
    }

    /* Serviços */
    #resultadosBuscaServicosHeader {
        display: flex;
        align-items: center;
        justify-content: unset;
        margin-bottom: 3rem;
        flex-direction: column;
        /*margin-left: calc(50% - 50vw);*/
        /*margin-right: calc(50% - 50vw);*/
        /*padding-left: calc(50vw - 50%);*/
        /*padding-right: calc(50vw - 50%);*/
        margin: 0 -20px 0;
        height: 309px;
        background-color: #0071ce;
        color: white;
    }

    #resultadosBuscaServicosHeader .btn-voltar {
        order: 1;
        align-self: flex-start;
        margin: 30px 20px 60px;
    }

    #resultadosBuscaServicosHeader .titulo-sessao {
        order: 2;
        font-weight: 600;
        font-size: 22px;
        text-align: center;
        padding: 0 20px;
    }

    #resultadosBuscaServicosHeader .titulo-sessao .azul {
        color: white !important;
    }

    #quadroResultados {
        margin-top: -60px;
        background-color: white;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
        border: 0;
        padding: 22px 20px 15px;
    }

    #quadroResultados li a {
        font-size: 16px;
        font-weight: 500;
        padding: 15px 0;
        border: 0;
    }

    #quadroResultados li + li a {
        border-top: 1px solid rgba(0, 0, 0, 0.08);
    }

    /* Pre footer */
    #prefooter {
        border-top: 2px solid #edf3fc;
        margin-top: 60px;
    }

    #logoPrefooter img {
        width: 62vw;
        padding: 15px 0;
        max-width: 290px;
    }

    #prefooter .container {
        display: block;
        height: auto;
        text-align: center;
        max-width: unset;
    }

    #menuPrefooter {
        margin: 0 -15px;
        background-color: #0071ce;
        color: white;
    }

    #menuPrefooter ul {
        margin: 0 25px;
        padding: 25px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    #menuPrefooter ul li a {
        padding: 3px;
    }

    #prefooter .container,
    #menuPrefooter ul,
    #menuPrefooter ul li a,
    footer .container {
        flex-direction: column;
    }

    /* Footer */
    footer {
        padding: 25px 25px 0;
    }

    footer .container {
        padding: 0 0 5px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    footer .container > * {
        justify-content: center;
        margin: 12px 0;
    }

    #linksRedesSociais {
        flex-basis: unset;
    }

    #linksRedesSociais .ph,
    #linksRedesSociais .ph-bold {
        margin: 0 10px;
    }

    /* Pos footer */
    #posFooter {
        height: auto;
        padding: 12px;
        font-size: 0.9rem;    }

    /* *********************** */
    /* Noticias */
    .not-redes {
        flex-wrap: wrap;
        gap: 10px;
    }

    #noticiaTag {
        font-size: 14px;
        width: auto;
        margin-bottom: 22px;
    }

    .not-titulo {
        font-size: 24px;
        color: white;
        margin-bottom: 49px;
    }

    #noticiaHeader {
        background: rgb(38, 94, 211);
        background: linear-gradient(
                180deg,
                rgba(38, 94, 211, 1) 20%,
                rgba(43, 58, 88, 1) 100%
        );
        color: white;
        padding: 80px 25px 1px;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    .not-autor .data {
        font-weight: 400;
        font-size: 14px;
        color: white;
    }

    article p {
        text-align: left;
    }

    article img {
        margin: 0 0 30px !important;
        float: inherit !important;
        width: 100% !important;
        height: 300px !important;
    }

    .resultado-pesquisa {
        margin-bottom: 0;
        border-bottom: 8px solid #eee;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .resultado-pesquisa > a {
        display: grid;
        grid-template-columns: auto 120px;
        grid-template-rows: auto auto 100px 20px;
        gap: 6px;
    }

    .resultado-pesquisa img,
    .resultado-pesquisa > a:first-child {
        grid-column: 2/3;
        grid-row: 3/5;
    }

    .resultado-pesquisa > a:last-child {
        grid-column: 1/3;
        grid-row: 1/5;
    }

    .tag-noticia {
        grid-column: 1/3;
        grid-row: 1/2;
        font-size: 12px;
        font-weight: 500;
        color: white;
    }

    .titulo-noticia-pesquisa {
        grid-column: 1/3;
        grid-row: 2/3;
        font-size: 18px;
        line-height: 130%;
        font-weight: 500;
    }

    .descricao-noticia {
        grid-column: 1/2;
        grid-row: 3/4;
        font-size: 13px;
        font-weight: 300;
    }

    .datanot {
        grid-column: 1/2;
        grid-row: 4/5;
        font-size: 13px;
        font-weight: 400;
        color: rgba(77, 77, 77, .7);
    }

    #lista-informacoes .info img {
        height: 60vw;
    }

    /* nova aparência da lista de arquivos */
    .arquivos #datatablesgrid_length,
    .arquivos #datatablesgrid_filter,
    .arquivos #datatablesgrid_info,
    .arquivos #datatablesgrid_paginate {
        width: 100%;
        border-radius: 0;
        margin: 0;
        text-align: center;
    }
    .arquivos input[type="search"] {
        margin: 0;
    }
    .arquivos #datatablesgrid_length {
        border-radius: 6px 6px 0 0;
    }
    .arquivos #datatablesgrid_paginate {
        border-radius: 0 0 6px 6px;
    }
    /* FIM nova aparência da lista de arquivos */

}

/* fim 991px */

@media (max-width: 767px) {
    /* -> md */
    #lista-informacoes {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    #galeriaVideos {
        grid-template-columns: 1fr;
        gap: 93px;
        margin-bottom: 60px;
    }

    #galeriaVideos li:first-child {
        grid-column: 1;
        grid-row: 1;
    }

    footer .row {
        display: grid;
        gap: 20px;
    }

    footer .coluna1 {
        padding-right: initial;
    }

    #galeriaVideos li {
        margin-bottom: 25px;
    }

    #galeriaVideos img {
        height: 286px;
    }

    .grid-outras-secretarias {
        grid-template-columns: 1fr;
    }

    .noticia-secretarias {
        grid-auto-flow: column;
    }
}

@media (max-width: 575px) {
    /* -> sm */
    #informativos img {
        height: 111vw;
    }

    #galeriaVideos img {
        height: 52vw;
    }
}

@media (max-width: 575px) {
    /* -> sm */
    #informativos img {
        height: 111vw;
    }

    #galeriaVideos img {
        height: 52vw;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #destaquesWrapper img {
        height: 279px;
    }
}