@media (max-width: 320px) {
    .nome-secretaria-conteudo {
        left: 30px;
    }
}

@media screen and (max-width: 360px) {
    .noticia-3col-wrap {
        display: block;
        margin: 0 25px;
    }

    .noticia-2col-wrap {
        display: block;
    }

    .search-box input#CrtTopo_txtBuscar {
        width: 15em;
    }

    .menu-overlay {
        top: 2.8%;
    }
}

@media (max-width: 400px) {
    .nome-secretaria {
        width: 100%;
        margin-left: -70px;
    }

    .nome-secretaria-conteudo {
        color: white;
        /* position: relative;
                top: 60px; */
    }

    .form--inline.clearfix {
        width: 80%;
        position: relative;
        top: 24px;
        left: 70px;
    }

    .container-radio-redesocial {
        width: 45%;
        display: flex;
        margin-left: 0%;
        position: relative;
        left: -36px;
    }

    .form--inline.clearfix {
        width: 80%;
        position: relative;
        left: 62px;
    }

    .section-wrap.aos-init.aos-animate {
        position: relative;
        right: 30px;
    }

    /* .logo-rjgov-img {
        width: 100%;
    } */

    .logo-rjgov-img2 {
        width: 80%;
        margin: 10px 0px 0px -40%;
    }

    .container-radio-redesocial {
        margin-left: 4%;
    }

    .social-midia-proderj {
        margin: 2% 0 0% 0%;
    }

    .logo-proderj-fixo {
        position: relative;
        left: -12px;
    }
}

@media screen and (max-width: 415px) {
    #atl-player {
        position: unset;
        right: 0;
    }

    .esquerda-menu-superior {
        justify-content: space-evenly;
    }
}

@media (max-width: 425px) {
    .logo-rjgov-img2 {
        width: 72%;
        margin: 10px 0px 0px -45%;
    }

    /* .logo-rjgov-img {
        width: 45%;
        margin-left: 20%;
        position: relative;
        top: -45px;
    } */

    .esquerda-menu-superior {
        margin: 10px 0;
        width: 100%;
        padding-left: 5%;
        padding-right: 53px;
    }

    .logo-rjrodape img {
        width: 149%;
        margin-left: -40px;
    }
}

@media (max-width: 500px) {
    .contextual-region.view.view-endereco-rodape.view-id-endereco_rodape.view-display-id-block_1.js-view-dom-id-e16f9e84d8de8d21d5fb43c3f530c4ab780c89ce78395bad1aa68e07533aa537 {
        width: 200px;
    }

    .container-pagina{
        height: 50px;
    }

    #hambtn {
        position: relative;
        left: 3%;
        margin-top: 21px;
        bottom: -32%;
    }

    .container-radio-redesocial {
        display: flex;
        flex-direction: row;
    }

    img.image-style-imagem-307-x-100 {
        width: 257px;
    }

    img.image-style-slider-principal-1920x400 {
        height: 250px;
    }

    .field-content p {
        width: 100%;
        padding: 5px;
    }

    .section-wrap.aos-init.aos-animate {
        position: relative;
        left: 0px;
    }

    li.icons-endereco {
        word-break: break-all;
        width: 100%;
    }

    .views-field.views-field-field-presidente .field-content p {
        width: 270px;
    }

    h1.field-content {
        width: 250px;
        margin: 0 auto;
    }

    .acesso-informacao {
        padding: 50px 0;
    }

    .nome-secretaria {
        margin: 0px;
        position: relative;
        left: 55px;
    }

    


}

@media screen and (max-width: 480px) {
    .video-wrap {
        width: 70%;
    }

    .dados-principal {
        width: 100%;

    }

    .dados-principal article {
        margin-left: 0;
    }
}

@media screen and (max-width: 488px) {
    .video-wrap {
        width: 70%;
    }

    .dados-principal {
        width: 100%;

    }

    .dados-principal article {
        margin-left: 0;
    }
}

@media only screen and (min-width: 547px) and (max-width: 699px) {
    .index-noticias h2 {
        font-size: 18px;
    }

    .dots {
        left: 85%;
    }

    .cabecalho-cinza {
        height: 100px;
        text-align: center;
        display: flex;
        align-items: center;
    }

    .cabecalho-cinza-completo {
        display: block;
    }

    .linkGoverno-redesSociais {
        display: block;
        padding-top: 0px;
    }

    .cabecalho-azul-completo {
        display: block;
    }

    .cabecalho-azul-completo-esquerda {
        margin: 10px 0px;
    }

    .cabecalho-azul-direita {
        margin: 10px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cabecalho-azul-direita-redesSociais {
        margin-left: 30px;
        justify-content: center;
    }

    #linkGoverno {
        padding: 0px 0px 0px 0px;
    }

    .index-redesSociais {
        padding-top: 5px;
    }

    .links {
        display: block;
        padding-top: 5px;
    }

    .rodape-completo {
        width: 100%;
    }

    #rodape-logo-proderj {
        height: 55px;
        padding-right: 10px;
    }

    #rodape-logo-governo {
        height: 75px;
        padding: 0px 0px 0px 10px;
    }

    #close {
        position: relative;

    }

    .menu-row {
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 30px 0px 50px 0px;
        display: block;
    }

    .menu-column {
        margin: auto;
        display: block;
        margin-bottom: 15px;

    }

    .index-noticias1 {
        display: block;
        padding-top: 30px;
    }

    .index-noticias1-noticia {
        width: 100%;
    }

    .index-noticias h3 {
        padding-top: 20px;
    }

    .index-noticias2 {
        display: block;
    }

    .index-noticias2-noticia {
        width: 100%;
    }

    .index-noticias p {
        margin-bottom: 20px;
    }

    .transparencia-completa {
        display: block;
    }

    .transparencia-esquerda {
        width: 100%;
    }

    .transparencia-direita {
        width: 100%;
    }

    .transparencia-direita-quadrado {
        height: 130px;
        width: 130px;
        margin-top: 10px;
    }

    /* Boletos */
    #flex {
        display: block;
    }

    #flex-filha {
        width: 100%;
        margin-top: 10px;
    }

    .btn {
        margin-left: 20px;
    }

    .input-botao {
        width: 70%;
    }

    .dataTables_filter label {
        display: none;
    }

    .tabela {
        display: block;
        position: relative;
        width: 470px;
        margin: 50px auto;
    }

    .tabela thead,
    .tabela tbody,
    .tabela th,
    .tabela td,
    .tabela tr {
        display: block;
    }

    .tabela td,
    .tabela th {
        height: 35px;
        width: 120px;
    }

    #boletos-empresa {
        width: 82%;
    }

    #boletos-campos {
        width: 82%;
    }

    #boletos-tipo {
        width: 82%;
    }

    .tabela thead {
        float: left;
    }

    .tabela tbody {
        width: 338px;
        position: relative;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

    .tabela tbody tr {
        display: inline-block;
        width: 121px;
    }

    /* acoesProgramas */

    .acoesProgramas-input-btn {
        display: block;
    }

    #acoesProgramas-input {
        width: 100%;
    }

    .acoesProgramas-btn {
        margin: 10px 0px 0px 0px;
    }

    /* Noticias */

    .noticias-cards-completo {
        display: block;
        height: auto;
    }

    .noticias-cards-img {
        width: 100%;
    }

    .noticias-cards-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /* perfil presidente */

    .presidente-img-texto-completo {
        display: block;
    }

    .presidente-img {
        width: 100%;
        height: auto;
    }

    .presidente-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /*serviço informacao*/
    .servicoInformacaoCidadao-cards {
        display: block;
    }

    .servicoInformacaoCidadao-card {
        width: 100%;
    }
}

@media (min-width: 600px) {
    [data-aos^="fade"][data-aos^="fade"].aos-animate {
        opacity: 1;
        transform: translateZ(0);
    }
}

@media screen and (max-width: 620px) {

    .fala-br{
        margin: 0 auto;
        width: 91% !important;
    }

    .link-slider-links-uteis {
        color: #fff;
        position: absolute;
        z-index: 9999;
        bottom: 20px;
        text-transform: revert;
        font-size: 35px;
        background: transparent;
        width: 36%;
    }

    .link-slider-links-uteis a {
        position: relative;
        top: -17px;
        color: transparent;
        font-size: 22px;
        margin-right: 34px;
        padding: 0px; 
    }

    .image-style-link-uteis {
        width: 300% !important;
    }

    .link-logo{
        width: 300px;
        height: auto;
        margin-top: -65%;
        margin-left: 7%;
    }

    

    #close {
        right: unset;
        position: relative;
        width: 100%;
        position: absolute;
        top: 70px;
        width: 50px;
        right: 25;
        margin: 0;
        top: -20px;
    }



    .section-container#cabecalho {
        height: 160px;
        width: 100%;
        padding: 25px 10px;
        display: flex;
        flex-direction: row;
    }

    .social-midia-sup li {
        margin-right: 15px;
    }

    .cabecalho {
        height: auto;
        height: fit-content;
    }

    #hambtn {
        position: relative;
        left: 2%;
    }

    .logoproderj-redes-wrap {
        flex-direction: column;
        align-items: center;
    }

    .logo-proderj {
        margin-bottom: 16px;
    }

    .social-midia-proderj {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    div.redes-webmail-wrap {
        width: 100%;
    }

    .icon-wrap-menu {
        width: 54px;
        height: 45px;
    }

    .site-logo img {
        width: 250px;
    }

    .video {
        width: 90%;
    }

    iframe {
        height: auto;
    }

    .menu-overlay .closebtn {
        font-size: 3em;
    }

    .card-container {
        width: 90%;
    }

    .servidorPublico {
        width: 90%;
    }

    .footer a {
        align-self: flex-end;
        display: flex;
    }

    .menu-contexto-wrap a {
        height: 46px;
        align-items: center;
    }

    .menu-contexto-wrap {
        flex-wrap: wrap;
    }

    .menu-contexto-wrap span {
        width: 100%;
    }

    .instagram-feed-wrap {
        width: 100%;
        height: auto;
    }

    .slider-fixo {
        height: 246px;
    }

    /* .swiper-container {height: fit-content;} */
    .swiper-slide {
        position: relative;
    }

    .swiper-wrapper {
        height: 100%;
    }

    .swiper-button-next.s4 {
        right: 5%;
    }

    .swiper-button-prev.s4 {
        left: 5%;
    }

    .telefones-uteis-wrap button {
        font-size: 0.7em;
        margin: 7px 7px 15px 7px;
        padding: 10px 15px;
    }

    .noticia-2col-wrap {
        width: 85%;
        display: block;
    }

    .menu-overlay {
        top: 1.4%;
    }

    .menu-overlay-content {
        margin: 25px 0px;
    }

    .menu-column {
        margin: 12px 12px;
        font-size: .85em;
        width: 140px;
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .menu-row {
        display: flex;
        flex-wrap: wrap;
        display: block;
        font-size: x-large;
    }

    .menu-column li:hover {
        background-color: #ddd;
        padding-left: 6px;
    }



    /* noticiaListar.aspx */
    .noticia-linha {
        flex-direction: column;
    }

    .noticia-coluna-esquerda-imagem {
        width: 100%;
    }

    .noticia-coluna-direita-texto {
        width: 100%;
    }

    /* MENU SUPERIOR */
    .menu-superior,
    .menusup-overlay {
        height: auto;
    }

    .menu-superior a {
        font-size: 1.1em;
    }

    .menusup-overlay a {
        font-size: 1.1em;
    }

    .menusupi,
    .menusupi-overlay {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .esquerda-menu-superior {
        margin: 10px 0;
        width: 100%;
        padding-left: 5%;
        padding-right: 20px;
    }

    .infosup {
        margin: 5px 0;
    }

    .infosup ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .infosup li:first-child {
        margin-left: 0px;
    }

    .acessibilidade-dropbtn {
        font-size: 1.1em;
    }

    .acessibilidade-dropdown-content {
        right: -10;
    }

    .social-midia-sup ul {
        padding-top: 6px;
    }

    /* MENU OVERLAY */






    .menu-column h4 {
        margin-bottom: 2px;
    }




    /* CABECALHO */


    #logo-topo {
        margin-left: 5%;
    }

    .logo-branco {
        margin-bottom: 15;
    }

    .logo-branco-cabecalho {
        left: 0;
        margin: 5px 0px;
    }

    .search-box input#CrtTopo_txtBuscar {
        width: 12em;
    }

    .search-box>button.icon {
        width: 40px;
    }

    .search-box {
        margin-right: 0px;
    }

    /* SLIDE 1 */

    .swiper-container-horizontal>.swiper-pagination-bullets {
        right: 20;
        bottom: 10px;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        margin: 3px 3px;
    }

    .buttons-slider-position {
        top: unset;
    }

    /* NOTICIAS */
    .noticia-3col-wrap {
        display: block;
    }



    /* VAMOS VIRAR O JOGO */
    .programas-acoes article,
    .noticia-2col,
    .noticia-3col {
        width: 100%;
        margin-bottom: 20px;
    }

    .programas-acoes article {
        width: 100%;
    }

    /* SLIDE 2 */
    .section-container#slide2 {
        height: auto;
    }

    .slide2-layout .dots2 {
        bottom: 30;
    }

    .slide2-layout .dots2 li {
        width: 30px;
        height: 30px;
    }

    .slide2-layout .arrow2 {
        display: none;
    }

    /* TELEFONES UTEIS */
    .telefones-uteis-wrap {
        font-size: 1.3em;
        width: auto;
    }



    .telefones-uteis-linha {
        display: contents;
    }

    .md-modal-telefones,
    .md-effect-telefones,
    .md-show-telefones {
        width: 80%;
    }

    .md-show-telefones.md-effect-telefones .md-content-telefones {
        height: auto;
        padding: 0 1em 1em 1em;
    }

    .fecha-modal {
        left: 100%;
        line-height: .85;
    }

    .titulo-secao span {
        font-size: 1.6em;
    }

    .desc-slider2-conteudo {
        text-align: center;
    }

    .desc-slider2-conteudo h1 {
        font-size: 9em;
    }

    .desc-slider2-texto {
        font-size: 1.8em;
        margin: 0 30px;
    }

    #Section2 {
        height: 350px;
    }

    .section-container#segundo-slide {
        height: 350px;
    }

    .slide2,
    .slide2-layout {
        height: 265px;
    }


    .list-search-box li {
        padding: 0px;
        margin-bottom: 0px;
    }

    .list-search-box li a {
        line-height: 30px;
    }

    .search-box-articles {
        width: 190px;
        padding: .5em 1em;
    }

}

@media (min-width: 300px) and (max-width: 399px) {
    /* .logo-rjgov-img {
        width: 40px;
        margin-left: 27%;
        margin-top: -43px;
    } */
    .estrutura{
        padding-top: 10%;
    }
    .views-view-grid.horizontal.cols-3.clearfix .views-row.clearfix.row-1{
        display: block;
        padding: 25px 0px 0px 0px;
    }
    .noticia-principal-gride.views-col.col-1,
    .noticia-principal-gride.views-col.col-2,
    .noticia-principal-gride.views-col.col-3{
        width: 100% !important;
        padding: 3%;
    }
    .logo-busca {
        display: flex;
        align-items: center;
        flex-direction:column;
    }
    .nome-secretaria-conteudo {
        color: white;
        /* position: relative; */
        /* top: 75px;
              left: 20px; */
    }

    .nome-secretaria {
        margin: 0px;
        position: relative;
        right: 55px;
    }

    .logoproderj-redes-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .logo-rjgov-img2 {
        width: 55%;
        margin: 10px 0px 0px -45%;
    }

    .container-radio-redesocial {
        margin-left: 30px;
        padding-bottom: 20px
    }
}

@media only screen and (max-width: 630px) {

    /* .container-radio-redesocial {
        margin-left: -77%;
        width: 100%;
    } */

    /*Coreção Imagem Estrutura*/
    .image-style-imagem-310x100 {
        width: 280%;
        margin: 0 0 0 5%;
        height: auto;
    }

    #close {
        right: unset;
        position: relative;
        width: 100%;
        position: absolute;
        top: 70px;
        width: 50px;
        right: 25;
        margin: 0;
        top: -20px;
    }

    .section-container#cabecalho {
        height: 160px;
        width: 100%;
        padding: 25px 10px;
        display: flex;
        flex-direction: row;
    }

    .social-midia-sup li {
        margin-right: 15px;
    }

    .cabecalho {
        height: auto;
        height: fit-content;
    }

    #hambtn {
        position: relative;
        left: 2%;
    }

    .logoproderj-redes-wrap {
        flex-direction: column;
        align-items: center;
    }

    .logo-proderj {
        margin-bottom: 16px;
    }

    .social-midia-proderj {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    div.redes-webmail-wrap {
        width: 100%;
    }

    .icon-wrap-menu {
        width: 54px;
        height: 45px;
    }

    .site-logo img {
        width: 250px;
    }

    .video {
        width: 90%;
    }

    iframe {
        height: auto;
    }

    .menu-overlay .closebtn {
        font-size: 3em;
    }

    .card-container {
        width: 90%;
    }

    .servidorPublico {
        width: 90%;
    }

    .footer a {
        align-self: flex-end;
        display: flex;
    }

    .menu-contexto-wrap a {
        height: 46px;
        align-items: center;
    }

    .menu-contexto-wrap {
        flex-wrap: wrap;
    }

    .menu-contexto-wrap span {
        width: 100%;
    }

    .instagram-feed-wrap {
        width: 100%;
        height: auto;
    }

    .slider-fixo {
        height: 246px;
    }

    /* .swiper-container {height: fit-content;} */
    .swiper-slide {
        position: relative;
    }

    .swiper-wrapper {
        height: 100%;
    }

    .swiper-button-next.s4 {
        right: 5%;
    }

    .swiper-button-prev.s4 {
        left: 5%;
    }

    .telefones-uteis-wrap button {
        font-size: 0.7em;
        margin: 7px 7px 15px 7px;
        padding: 10px 15px;
    }

    .noticia-2col-wrap .view-row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .noticia-2col-wrap {
        width: 85%;
        display: block;
    }

    .menu-overlay {
        top: 1.4%;
    }

    .menu-overlay-content {
        margin: 25px 0px;
    }

    .menu-column {
        margin: 12px 12px;
        font-size: .85em;
        width: 140px;
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .menu-row {
        display: flex;
        flex-wrap: wrap;
        display: block;
        font-size: x-large;
    }

    .menu-column li:hover {
        background-color: #ddd;
        padding-left: 6px;
    }



    /* noticiaListar.aspx */
    .noticia-linha {
        flex-direction: column;
    }

    .noticia-coluna-esquerda-imagem {
        width: 100%;
    }

    .noticia-coluna-direita-texto {
        width: 100%;
    }

    /* MENU SUPERIOR */
    .menu-superior,
    .menusup-overlay {
        height: auto;
    }

    .menu-superior a {
        font-size: 1.1em;
    }

    .menusup-overlay a {
        font-size: 1.1em;
    }

    .menusupi,
    .menusupi-overlay {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .esquerda-menu-superior {
        margin: 10px 0;
        width: 100%;
        padding-left: 5%;
        padding-right: 20px;
    }

    .infosup {
        margin: 5px 0;
    }

    .infosup ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .infosup li:first-child {
        margin-left: 0px;
    }

    .acessibilidade-dropbtn {
        font-size: 1.1em;
    }

    .acessibilidade-dropdown-content {
        right: -10;
    }

    .social-midia-sup ul {
        padding-top: 6px;
    }

    /* MENU OVERLAY */






    .menu-column h4 {
        margin-bottom: 2px;
    }




    /* CABECALHO */


    #logo-topo {
        margin-left: 5%;
    }

    .logo-branco {
        margin-bottom: 15;
    }

    .logo-branco-cabecalho {
        left: 0;
        margin: 5px 0px;
    }

    .search-box input#CrtTopo_txtBuscar {
        width: 12em;
    }

    .search-box>button.icon {
        width: 40px;
    }

    .search-box {
        margin-right: 0px;
    }

    /* SLIDE 1 */

    .swiper-container-horizontal>.swiper-pagination-bullets {
        right: 20;
        bottom: 10px;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        margin: 3px 3px;
    }

    .buttons-slider-position {
        top: unset;
    }

    /* NOTICIAS */
    .noticia-3col-wrap {
        display: block;
    }



    /* VAMOS VIRAR O JOGO */
    .programas-acoes article,
    .noticia-2col,
    .noticia-3col {
        width: 100%;
        margin-bottom: 20px;
    }

    .programas-acoes article {
        width: 100%;
    }

    /* SLIDE 2 */
    .section-container#slide2 {
        height: auto;
    }

    .slide2-layout .dots2 {
        bottom: 30;
    }

    .slide2-layout .dots2 li {
        width: 30px;
        height: 30px;
    }

    .slide2-layout .arrow2 {
        display: none;
    }

    /* TELEFONES UTEIS */
    .telefones-uteis-wrap {
        font-size: 1.3em;
        width: auto;
    }



    .telefones-uteis-linha {
        display: contents;
    }

    .md-modal-telefones,
    .md-effect-telefones,
    .md-show-telefones {
        width: 80%;
    }

    .md-show-telefones.md-effect-telefones .md-content-telefones {
        height: auto;
        padding: 0 1em 1em 1em;
    }

    .fecha-modal {
        left: 100%;
        line-height: .85;
    }

    .titulo-secao span {
        font-size: 1.6em;
    }

    .desc-slider2-conteudo {
        text-align: center;
    }

    .desc-slider2-conteudo h1 {
        font-size: 9em;
    }

    .desc-slider2-texto {
        font-size: 1.8em;
        margin: 0 30px;
    }

    #Section2 {
        height: 350px;
    }

    .section-container#segundo-slide {
        height: 350px;
    }

    .slide2,
    .slide2-layout {
        height: 265px;
    }


    .list-search-box li {
        padding: 0px;
        margin-bottom: 0px;
    }

    .list-search-box li a {
        line-height: 30px;
    }

    .search-box-articles {
        width: 190px;
        padding: .5em 1em;
    }


    /* Cabeçalho */

    .section-container#cabecalho {
        height: 440px;
        padding: 0;
        width: 100%
    }

    .nome-secretaria {
        /* margin: 50px 5% 0 0; */
        width: 100%;
    }

    .logo-rjgov {
        width: 75%;
        margin: 13px 0 7px 8%;
    }

    #edit-busca {
        height: 30px;
        border: none;
        font-size: 10pt;
        float: left;
        padding-left: 0px;
        width: 190%;
        webkit-border-radius: 10px 0px 0px 10px;
        -moz-border-radius: 10px 0px 0px 10px;
        border-radius: 10px 0px 0px 10px;
        margin-top: 10px;
    }

    .social-midia-proderj {
        width: 100%;
        display: block;
        /* margin: 0 0 73px 18%; */
    }

    #hambtn {
        position: relative;
        left: 3%;
        margin-top: 21px;
        bottom: 15%;
    }

    /* Slider Principal*/
    .image-style-imagem-1349x400 {
        height: 182px;
    }


    /* Pagina de Noticias */

    .noticia-gride {
        border-bottom: 1px solid rgb(155, 155, 154);
        width: 40%;
        display: flex;
        flex-direction: column;
    }

    .noticia-gride .data-criacao {
        float: none;
        white-space: nowrap;
    }


    .noticia-principal-gride .conteudo-gride {
        display: inline-block;
        width: 250%;
    }

    .logo-branco-rodape {
        margin-left: -26px;
    }

    .logo-proderj-fixo{
        width: 150px !important;
    }

    .views-view-grid .views-row {
        float: left;
        clear: both;
        width: 100%;
    }

    .views-view-grid .views-col {
        float: none;
        margin-bottom: 8px;
        width: 100%;
        margin-right: -30px;
    }

    .views-row {
        display: block;
        /* justify-content: space-between; */

        padding: 25px 0px 0px 0px;
    }

    /* Flex Direction NAV */
    .flex-direction-nav a {
        top: 78px;

    }

    .flex-direction-nav a:before {
        font-family: "flexslider-icon";
        font-size: 40px;
        display: inline-block;
        content: '\f001';
        color: rgb(206 201 201 / 80%);
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
        /* bottom: 10%; */
    }



    /* PÁGINA DE NOTÍCIAS CSS RESPONSIVIDADE */
    .views-field-title>span>a {
        width: 100%;
        display: inline-block;
    }

    .noticia-gride img {
        width: 120%;
        height: auto;
        float: left;
        margin-right: 5px;
    }

    .noticia-gride p {
        text-align: justify;
        width: 100%;
    }

    .noticia-gride {
        border-bottom: 1px solid rgb(155, 155, 154);
        width: 40%;
        display: flex;
        flex-direction: column;
    }


    .noticia-gride a {
        display: block;
        /* text-align: center; */
        width: 100%;
    }

    .box-resumo-acesso {
        /* width: 250% ; */
        padding: 0;

    }

    .box-acesso {
        flex-direction: column;
        padding: 14px;
    }

    .cubos-informacao {
        margin: 0 10%;
        display: block;
        justify-content: center;
    }

    .cubos-informacao .views-view-grid .views-row {
        display: block;
        padding: 0;
        width: auto;
    }

    .views-field .views-field-field-conteudo-da-sede {
        margin-left: -95px;
    }

    .video-principal {
        width: 250%;
        height: auto;
        margin: 0 25%;
    }

    .noticia-principal-gride img {
        width: 100%;
        height: auto;
        float: none;
        display: flex;
        margin: 5px 0;
        padding: 0 35px 0 0;
    }

    .noticia-2col-wrap .view-content .views-view-grid .views-row .noticia-principal-gride .views-field-title .field-content {
        margin: 5px 0;
        width: 76%;
        text-align: justify;
    }

    .noticia-principal-gride .views-col .col-1 {
        width: 37%;
    }

    .noticia-2col-wrap {
        display: block;
        margin: auto;
        width: auto;
        height: auto;
    }

    .site-logo img {
        width: 240%;
        height: auto;
        margin-left: 2px;
        margin-top: 69px;
    }

    .social-midia-sup ul {
        padding-top: 6px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }

    /* Endereço do Rodapé */



    .infosup {
        margin: 5px 0;
        font-size: 13px;

    }

    .logo-proderj {
        margin-bottom: 0px;
    }

    .lista-noticias-line {
        margin: 0 19%;
        width: 74%;
        height: auto;
    }

    .align-center {
        display: unset;
        width: 100%;
        height: auto;
    }

    .views-row {
        display: block;
        /* justify-content: space-between; */

        padding: 25px 0px 0px 0px;
    }

   

    .pesquisa {
        width: 79%;
    }

    .cabecalho-azul-direita-redesSociais {
        justify-content: center;
    }

    .index-noticias h2 {
        font-size: 18px;
    }

    .index-noticias1 {
        display: block;
        padding-top: 30px;
    }

    .index-noticias1-noticia {
        width: 100%;
    }

    .index-noticias h3 {
        padding-top: 20px;
    }

    .cabecalho-azul-completo {
        display: block;
    }

    .cabecalho-azul-completo-esquerda {
        margin: 10px 0px;
    }

    #logo-ceasa {
        height: 57px;
        padding: 0px 10px 0px 10px;
    }

    #logo-governo {
        margin-bottom: 4px;
        height: 36px;
    }

    .dots {
        left: 79%;
    }

    .cabecalho-cinza {
        height: 128px;
        text-align: center;
        display: flex;
        align-items: center;
    }

    .cabecalho-cinza-completo {
        display: block;
    }

    .linkGoverno-redesSociais {
        display: block;
        padding-top: 0px;
    }

    #linkGoverno {
        padding: 0px 0px 0px 0px;
    }

    .index-redesSociais {
        padding-top: 5px;
    }

    .links {
        display: block;
        padding-top: 5px;
    }

    .rodape {
        height: 95px;
    }

    .rodape-completo {
        width: 100%;
    }

    #rodape-logo-proderj {
        height: 38px;
        padding-right: 10px;
        margin-top: 0px;
    }

    #rodape-logo-governo {
        height: 48px;
        padding: 0px 0px 0px 10px;
    }

    #close {
        position: relative;

    }

    .menu-row {
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 30px 0px 50px 0px;
        display: block;
    }

    .menu-column {
        margin: 0 auto 25px auto;
        display: block;
        /* margin-bottom: 15px; */
        width: 85%;
        padding-left: 0px;
    }

    .menu-column li {
        white-space: normal;
        margin-bottom: 10px;
    }


    .index-noticias2 {
        display: block;
    }

    .index-noticias2-noticia {
        width: 100%;
    }

    .index-noticias p {
        margin-bottom: 20px;
    }

    .transparencia-completa {
        display: block;
    }

    .transparencia-esquerda {
        width: 100%;
    }

    .transparencia-direita {
        width: 100%;
    }

    .transparencia-direita-quadrado {
        height: 130px;
        width: 130px;
        margin-top: 10px;
    }

    /* Boletos */

    .boletos-corpo {
        text-align: center;
    }

    #flex {
        display: block;
    }

    #flex-filha {
        width: 100%;
        margin-top: 10px;
    }

    .input-botao {
        width: 100%;
    }

    .coluna_01 {
        display: block;
    }

    .boletos-formulario {
        display: block;
    }

    .dataTables_filter label {
        display: none;
    }

    .tabela {
        display: block;
        position: relative;
        width: 315px;
        margin: 50px auto;
    }

    .tabela thead,
    .tabela tbody,
    .tabela th,
    .tabela td,
    .tabela tr {
        display: block;
    }

    .tabela td,
    .tabela th {
        height: 35px;
        width: 120px;
    }

    #boletos-empresa {
        width: 82%;
    }

    #boletos-campos {
        width: 82%;
    }

    #boletos-tipo {
        width: 82%;
    }

    .tabela thead {
        float: left;
    }

    .tabela tbody {
        width: 183px;
        position: relative;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

    .tabela tbody tr {
        display: inline-block;
        width: 121px;
    }

    /* acoesProgramas */

    .acoesProgramas-input-btn {
        display: block;
    }

    #acoesProgramas-input {
        width: 100%;
    }

    .acoesProgramas-btn {
        margin: 10px 0px 0px 0px;
    }

    /* Noticias */

    .noticias-cards-completo {
        display: block;
        height: auto;
    }

    .noticias-cards-img {
        width: 100%;
    }

    .noticias-cards-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /* perfil presidente */

    .presidente-img-texto-completo {
        display: block;
    }

    .presidente-img {
        width: 100%;
        height: auto;
    }

    .presidente-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /*serviço informacao*/
    .servicoInformacaoCidadao-cards {
        display: block;
    }

    .servicoInformacaoCidadao-card {
        width: 100%;
    }



}

@media screen and (max-width: 720px) {
    .noticia-2col-wrap {
        flex-direction: column;
    }

    .noticia-2col {
        width: 100%;
        margin-top: 40px;
    }

    span#DestaquesNoticiasSecundarias_ctl01_Label2 {
        font-size: .8em;
    }

}

@media (max-width: 768px) {

    .container-radio-redesocial {
        display: flex;
        flex-direction: column;
    }

    img.image-style-slider-secundario-1920x400 {
        height: 450px;
        height: 200px;
    }

    .social-midia-proderj {
        /* width: 100%; */
    }

    div.redes-webmail-wrap {
        justify-content: center;
    }

    .endereco {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .views-view-grid .views-col {
        width: 100%;
    }

    .box-acesso {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .box-resumo-acesso {
        width: 100%;
    }

    .logoproderj-redes-wrap {
        width: 100%;
        display: flex;

        align-items: center;
        justify-content: space-around;
    }

    .estrutura .titulo-secao span {
        position: relative;
        top: 0px;
    }

    .menu-column {
        margin: 10px;
        width: auto;
    }

    .section-container#cabecalho {
        width: 100%;
        height: 450px;
    }

    img.image-style--slider-secundario-1920x400 {
        height: 220px;
    }

    .views-field.views-field-field-presidente .field-content p {
        width: 100%;
    }

    li.icons-endereco {
        word-break: break-all;
        width: 100%;
    }

    .logo-rjrodape img {
        width: 118%;
    }

    .logo-proderj-fixo {
        position: relative;
        left: -38px;
    }
}

@media screen and (max-width: 1024px) {
    .section-container {
        width: 95%;
    }
      
    .logo-rjgov {
        width: 65%;
    }
    .link-slider-principal{
        margin-bottom: 10px;
    }
    #flexslider-1.flexslider.optionset-default img{
        height: 360px;
    }
    .search-box input#CrtTopo_txtBuscar {
        width: 15em;
    }

    .noticia-2col-imagem-wrap {
        height: 200px;
    }

    .section-container#slide2 {
        height: 400px;
    }

    .search-box input#CrtTopo_txtBuscar {
        width: 15em;
    }

    .slide2-layout {
        padding: 0;
        height: 300px;
    }

    #Section2 {
        height: 400px;
    }

    .slide2-layout .arrow2 {
        height: 200px;
    }

    .esquerda-menu-superior {
        width: 11.08em;
    }

    .flexslider .slides img {
        margin-bottom: 0;
    }

    .cubos-informacao .views-view-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .logo-rjrodape img {
        width: 95%;
    }

    .slide2-wrap {
        height: auto;
    }

    .rodape-coluna-direita {
        margin-top: 40px;
    }

    .desc-title-slider {
        margin: 2%;
    }
    .box-acesso {
        margin-left: -10%;
    }

    .box-resumo-acesso {
        width: 75%;
        color: #fff;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        text-align: center;
    }

    .box-resumo-acesso .secretario {
        text-align: center;
    }

    .swiper-pagination-fraction,
    .swiper-pagination-custom,
    .swiper-container-horizontal>.swiper-pagination-bullets {
        right: 2%;
    }
}
@media (max-width: 900px){
    .box-acesso {
        margin-left: 13%;
    }
}
@media screen and (max-width: 1045px) {
    .menusupi {
        width: 95%;
    }
}

@media screen and (max-width: 1300px) {
    .logo-branco-cabecalho {
        left: 0;
    }

}

@media only screen and (min-width: 769px) and (max-width: 1103px) {

    /* Index */
    .dots {
        left: 86%;
    }

    .index-noticias h2 {
        font-size: 18px;
    }

    .cabecalho-cinza {
        height: 100px;
        text-align: center;
        display: flex;
        align-items: center;
    }

    .cabecalho-cinza-completo {
        display: block;
    }

    .linkGoverno-redesSociais {
        display: block;
        padding-top: 0px;
    }

    .cabecalho-azul-completo {
        display: block;
    }

    .cabecalho-azul-completo-esquerda {
        margin: 10px 0px;
        justify-content: center;
    }

    .cabecalho-azul-direita {
        margin: 10px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cabecalho-azul-direita-redesSociais {
        margin-left: 30px;
    }

    #linkGoverno {
        padding: 0px 0px 0px 0px;
    }

    .index-redesSociais {
        padding-top: 5px;
    }

    .links {
        display: block;
        padding-top: 5px;
    }

    #close {
        position: relative;

    }

    .menu-row {
        justify-content: space-evenly;
        flex-wrap: wrap;
        margin: 30px 0px 50px 0px;
    }

    .menu-column {
        display: block;
    }

    .index-noticias1 {
        display: block;
        padding-top: 30px;
    }

    .index-noticias1-noticia {
        width: 100%;
    }

    .index-noticias h3 {
        padding-top: 20px;
    }

    .index-noticias2 {
        display: block;
    }

    .index-noticias2-noticia {
        width: 100%;
    }

    .index-noticias p {
        margin-bottom: 20px;
    }

    .transparencia-completa {
        display: block;
    }

    .transparencia-esquerda {
        width: 100%;
    }

    .transparencia-direita {
        width: 100%;
    }

    .transparencia-direita-quadrado {
        height: 130px;
        width: 130px;
        margin-top: 10px;
    }

    /* Boletos */
    .input-botao {
        width: 70%;
    }

    .tabela {
        display: block;
        position: relative;
        width: 600px;
        margin: 50px auto;
    }

    .tabela thead,
    .tabela tbody,
    .tabela th,
    .tabela td,
    .tabela tr {
        display: block;
    }

    .tabela td,
    .tabela th {
        height: 35px;
        width: 120px;
    }

    #boletos-empresa {
        width: 82%;
    }

    #boletos-campos {
        width: 82%;
    }

    #boletos-tipo {
        width: 82%;
    }

    .tabela thead {
        float: left;
    }

    .tabela tbody {
        width: 468px;
        position: relative;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

    .tabela tbody tr {
        display: inline-block;
        width: 121px;
    }

    /* Noticias */

    .noticias-cards-completo {
        display: block;
        height: auto;
    }

    .noticias-cards-img {
        width: 100%;
    }

    .noticias-cards-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /* perfil presidente */

    .presidente-img-texto-completo {
        display: block;
    }

    .presidente-img {
        width: 100%;
        height: auto;
    }

    .presidente-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /*serviço informacao*/
    .servicoInformacaoCidadao-cards {
        display: block;
    }

    .servicoInformacaoCidadao-card {
        width: 100%;
    }
}

@media only screen and (min-width: 300px) and (max-width: 399px) {

    /*Coreção Imagem Estrutura*/
    .image-style-imagem-310x100 {
        width: 280%;
        margin: 0 0 0 5%;
        height: auto;
    }
    /* cabecalho e divs internas*/
    .section-container#cabecalho {
        height: 350px;
        padding: 0;
        width: 100%;
        display: block;
    }
    #hambtn {
        position: relative;
        left: 3%;
        margin-top: 21px;
        bottom: -15%;
        display: inline-block;
    }

    .logo img {
        position: relative;
        width: 180px;
        top: -40%;
        left: 12px;
        
    }

    .logo-rjgov-img {
        width: 45%;
        margin-left: 25%;
        position: relative;
        top: -5px;
    }

    .logo-rjgov {
        width: 75%;
        margin: 13px 0 7px 12%;
        justify-content: center;
    }
    .container-pagina {
        height: 80px;
    }
    .logo-rjgov1 a {
        display: contents;
    }
    .container-radio-redesocial {
        margin-left: 13%;
        display: flex;
        align-items: center;
        flex-direction: column;
        position: relative;
        top: 25px;
    }   
    #atl-player {
        margin: 5px 0px 5px 9%;
    }   
    .esquerda-menu-superior {
        margin: 10px 0;
        width: 100%;
        padding-left: 5%;
        padding-right: 20px;
    }
    .social-midia-sup ul {
        padding-top: 6px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }
    .social-midia-sup li {
        margin-right: 15px;
    }

    div.redes-webmail-wrap {
        width: 100%;
    }
    .social-midia-proderj {
        width: 100%;
        display: flex;
        justify-content: center;
    }

/*noticias pagina inicial*/
.noticia-principal-gride.views-col.col-1, .noticia-principal-gride.views-col.col-2, .noticia-principal-gride.views-col.col-3 {
    width: 100% !important;
    padding: 3%;
}
.noticia-principal-gride .conteudo-gride {
    display: inline-block;
    width: 95%;
}
    #close {
        right: unset;
        position: relative;
        width: 100%;
        position: absolute;
        top: 70px;
        width: 50px;
        right: 25;
        margin: 0;
        top: -20px;
    }

    .section-container#cabecalho {
        height: 550px;
        padding: 0;
        width:101%;
        display: flex;
        flex-direction: row;
    }

    .social-midia-sup li {
        margin-right: 15px;
    }

    .cabecalho {
        height: auto;
        height: fit-content;
        position: relative;
        top: -5px;
    }

    #hambtn {
        position: relative;
        left: 4%;
        top: 72px;
        bottom: -29%;
    }
    

    .logoproderj-redes-wrap {
        flex-direction: column;
        align-items: center;
        width: 82%;
    }

    .logo-proderj {
        margin-bottom: 0px;
    }

    

    div.redes-webmail-wrap {
        width: 90%;
        justify-content: normal;
        margin-left: -25%;
    }

    .icon-wrap-menu {
        width: 54px;
        height: 45px;
    }

    .site-logo img {
        width: 240%;
        height: auto;
        margin-left: 2px;
        margin-top: 69px;
    }

    .video {
        width: 90%;
    }

    iframe {
        height: auto;
    }

    .menu-overlay .closebtn {
        font-size: 3em;
    }

    .card-container {
        width: 90%;
    }

    .servidorPublico {
        width: 90%;
    }

    .footer a {
        align-self: flex-end;
        display: flex;
    }

    .menu-contexto-wrap a {
        height: 46px;
        align-items: center;
    }

    .menu-contexto-wrap {
        flex-wrap: wrap;
    }

    .menu-contexto-wrap span {
        width: 100%;
    }

    .instagram-feed-wrap {
        width: 100%;
        height: auto;
    }

    .slider-fixo {
        height: 150px;
    }

    /* .swiper-container {height: fit-content;} */
    .swiper-slide {
        position: relative;
    }

    .swiper-wrapper {
        height: 100%;
    }

    .swiper-button-next.s4 {
        right: 5%;
    }

    .swiper-button-prev.s4 {
        left: 5%;
    }

    .telefones-uteis-wrap button {
        font-size: 0.7em;
        margin: 7px 7px 15px 7px;
        padding: 10px 15px;
    }

    .noticia-2col-wrap {
        display: block;
        margin: auto;
        width: auto;
        height: auto;
    }

    .menu-overlay {
        top: 1.4%;
    }

    .menu-overlay-content {
        margin: 25px 0px;
    }

    .menu-column {
        font-size: 1.5em;
        width: 140px;
        margin-bottom: 20px;
        margin: 0 auto 0 auto;
        display: block;
        width: 100%;
        padding-left: 0px;
    }

    .menu-row {
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 30px 0px 50px 0px;
        display: block;
        font-size: x-large;
    }

    .menu-column li:hover {
        background-color: #ddd;
        padding-left: 6px;
    }



    /* noticiaListar.aspx */
    .noticia-linha {
        flex-direction: column;
    }

    .noticia-coluna-esquerda-imagem {
        width: 100%;
    }

    .noticia-coluna-direita-texto {
        width: 100%;
    }

    /* MENU SUPERIOR */
    .menu-superior,
    .menusup-overlay {
        height: auto;
    }

    .menu-superior a {
        font-size: 1.1em;
    }

    .menusup-overlay a {
        font-size: 1.1em;
    }

    .menusupi,
    .menusupi-overlay {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .esquerda-menu-superior {
        margin: 10px 0;
        width: 100%;
        padding-left: 20%;
        /* padding-right: 20px; */
    }

    .infosup {
        margin: 5px 0;
        font-size: 13px;

    }

    .infosup ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .infosup li:first-child {
        margin-left: 0px;
    }

    .acessibilidade-dropbtn {
        font-size: 1.1em;
    }

    .acessibilidade-dropdown-content {
        right: -10;
    }

    .social-midia-sup ul {
        padding-top: 6px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        width: 100%;
    
    }
    .container-cabecalho{
        width: 90%;
    }

    /* MENU OVERLAY */

    .menu-column h4 {
        margin-bottom: 2px;
    }

    /* CABECALHO */

    #logo-topo {
        margin-left: 5%;
    }

    .logo-branco {
        margin-bottom: 15;
    }

    .logo-branco-cabecalho {
        left: 0;
        margin: 5px 0px;
    }

    .search-box input#CrtTopo_txtBuscar {
        width: 12em;
    }

    .search-box>button.icon {
        width: 40px;
    }

    .search-box {
        margin-right: 0px;
    }

    /* SLIDE 1 */

    .swiper-container-horizontal>.swiper-pagination-bullets {
        right: 20;
        bottom: 10px;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        margin: 3px 3px;
    }

    .buttons-slider-position {
        top: unset;
    }

    /* NOTICIAS */
    .noticia-3col-wrap {
        display: block;
    }


    /* VAMOS VIRAR O JOGO */
    .programas-acoes article,
    .noticia-2col,
    .noticia-3col {
        width: 100%;
        margin-bottom: 20px;
    }

    .programas-acoes article {
        width: 100%;
    }

    /* SLIDE 2 */
    .section-container#slide2 {
        height: auto;
    }

    .slide2-layout .dots2 {
        bottom: 30;
    }

    .slide2-layout .dots2 li {
        width: 30px;
        height: 30px;
    }

    .slide2-layout .arrow2 {
        display: none;
    }

    /* TELEFONES UTEIS */
    .telefones-uteis-wrap {
        font-size: 1.3em;
        width: auto;
    }


    .telefones-uteis-linha {
        display: contents;
    }

    .md-modal-telefones,
    .md-effect-telefones,
    .md-show-telefones {
        width: 80%;
    }

    .md-show-telefones.md-effect-telefones .md-content-telefones {
        height: auto;
        padding: 0 1em 1em 1em;
    }

    .fecha-modal {
        left: 100%;
        line-height: .85;
    }

    .titulo-secao span {
        font-size: 1.6em;
    }

    .desc-slider2-conteudo {
        text-align: center;
    }

    .desc-slider2-conteudo h1 {
        font-size: 9em;
    }

    .desc-slider2-texto {
        font-size: 1.8em;
        margin: 0 30px;
    }

    #Section2 {
        height: 350px;
    }

    .section-container#segundo-slide {
        height: 350px;
    }

    .slide2,
    .slide2-layout {
        height: 265px;
    }


    .list-search-box li {
        padding: 0px;
        margin-bottom: 0px;
    }

    .list-search-box li a {
        line-height: 30px;
    }

    .search-box-articles {
        width: 190px;
        padding: .5em 1em;
    }


    /* Cabeçalho */

    .nome-secretaria {
        margin: 0 0 0 -22%;
        width: 80%;
        right: 0;
        left: 0;
    }
    .link-slider-principal a{
        font-size: 12px;
    }
    .link-slider-principal a:hover{
        text-decoration: none;
    }
    .container-radio-redesocial {
        width: 100%;
    }

    #atl-player {
        margin: 5px 0px 5px 0px;
    }

    .form--inline.clearfix {
        width: 100%;
        position: relative;
        top: 15px;
        left: 80px;
    }

    .logo-rjgov {
        width: 100%;
        margin: 13px 0 7px -0%;
    }

    #edit-busca {
        height: 39px;
        border: none;
        font-size: 10pt;
        float: left;
        padding-left: 0px;
        width: 190%;
        webkit-border-radius: 10px 0px 0px 10px;
        -moz-border-radius: 10px 0px 0px 10px;
        border-radius: 10px 0px 0px 10px;
        margin-top: 10px;
    }

    /* Slider Principal*/
    .image-style-imagem-1349x400 {
        height: 182px;
    }


    /* Pagina de Noticias */

    .noticia-gride {
        border-bottom: 1px solid rgb(155, 155, 154);
        width: 40%;
        display: flex;
        flex-direction: column;
    }

    .noticia-gride .data-criacao {
        float: none;
        white-space: nowrap;
    }

    #flexslider-1.flexslider.optionset-default img {
        height: 150px;
    }

    #flexslider-3.flexslider.optionset-default img {
        height: 150px;
    }
    .logo-rjrodape img {
        width: 120%;
        margin-left: -50px;
    }

    .link-slider-principal {
        margin-bottom: 10px;
        padding: 10px;
    }

    

    .logo-branco-rodape {
        margin-left: -26px;
    }

    .views-view-grid .views-row {
        float: left;
        clear: both;
        width: 100%;
    }

    .views-view-grid .views-col {
        float: none;
        margin-bottom: 8px;
        width: 100%;
        margin-right: -30px;
    }


    /* Flex Direction NAV */

    .flex-direction-nav a {
        top: 78px;

    }

    .flex-direction-nav a:before {
        font-family: "flexslider-icon";
        font-size: 40px;
        display: inline-block;
        content: '\f001';
        color: rgb(206 201 201 / 80%);
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
        /* bottom: 10%; */
    }

    /* PÁGINA DE NOTÍCIAS CSS RESPONSIVIDADE */
    .views-field-title>span>a {
        width: 100%;
        display: inline-block;
    }

    .noticia-gride img {
        width: 120%;
        height: auto;
        float: left;
        margin-right: 5px;
    }

    .noticia-gride p {
        text-align: justify;
        width: 100%;
    }

    .noticia-gride a {
        display: block;
        /* text-align: center; */
        width: 100%;
    }


    .box-resumo-acesso {
        text-align: center;
        padding: 20px 0px 20px 0;
        flex-direction: column;
        width: 80%;
    }


    .box-acesso {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 14px;
        margin-left: 10%;
    }
    .cubos-informacao .views-view-grid .views-row {
        padding: 0;
        width: auto;
        display: block;
        padding: 2.5% 10% 0px 0px;
    }

    .views-field .views-field-field-conteudo-da-sede {
        margin-left: -95px;
    }
    .box-endereco {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
        margin-left: -7%;
    }

    .video-principal {
        width: 250%;
        height: auto;
        margin: 0 25%;
    }

    .noticia-principal-gride img {
        width: 100%;
        height: auto;
        float: none;
        display: flex;
        margin: 5px 0;
        padding: 0 35px 0 0;
    }

    .noticia-2col-wrap .view-content .views-view-grid .views-row .noticia-principal-gride .views-field-title .field-content {
        margin: 5px 0;
        width: 76%;
        text-align: justify;
    }

    .noticia-principal-gride .views-col .col-1 {
        width: 37%;
    }

    /* Endereço do Rodapé */

    .infosup {
        margin: 5px 0;
        font-size: 13px;

    }

    .lista-noticias-line {
        width: 80%;
        height: auto;
        margin: 0px 10%;
    }

    .align-center {
        display: unset;
        width: 100%;
        height: auto;
    }

    
    li.icons-endereco {
        word-break: break-all;
        width: 84%;
        margin: 8px 0 21px 40px;
    }

    .pesquisa {
        width: 79%;
    }

    .cabecalho-azul-direita-redesSociais {
        justify-content: center;
    }

    .index-noticias h2 {
        font-size: 18px;
    }

    .index-noticias1 {
        display: block;
        padding-top: 30px;
    }

    .index-noticias1-noticia {
        width: 100%;
    }

    .index-noticias h3 {
        padding-top: 20px;
    }

    .cabecalho-azul-completo {
        display: block;
    }

    .cabecalho-azul-completo-esquerda {
        margin: 10px 0px;
    }

    #logo-ceasa {
        height: 57px;
        padding: 0px 10px 0px 10px;
    }

    #logo-governo {
        margin-bottom: 4px;
        height: 36px;
    }

    .dots {
        left: 79%;
    }

    .cabecalho-cinza {
        height: 128px;
        text-align: center;
        display: flex;
        align-items: center;
    }

    .cabecalho-cinza-completo {
        display: block;
    }

    .linkGoverno-redesSociais {
        display: block;
        padding-top: 0px;
    }

    #linkGoverno {
        padding: 0px 0px 0px 0px;
    }

    .index-redesSociais {
        padding-top: 5px;
    }

    .links {
        display: block;
        padding-top: 5px;
    }

    .rodape {
        height: 95px;
    }

    .rodape-completo {
        width: 100%;
    }

    #rodape-logo-proderj {
        height: 38px;
        padding-right: 10px;
        margin-top: 0px;
    }

    #rodape-logo-governo {
        height: 48px;
        padding: 0px 0px 0px 10px;
    }

    .menu-column li {
        white-space: normal;
        margin-bottom: 10px;
    }


    .index-noticias2 {
        display: block;
    }

    .index-noticias2-noticia {
        width: 100%;
    }

    .index-noticias p {
        margin-bottom: 20px;
    }

    .transparencia-completa {
        display: block;
    }

    .transparencia-esquerda {
        width: 100%;
    }

    .transparencia-direita {
        width: 100%;
    }

    .transparencia-direita-quadrado {
        height: 130px;
        width: 130px;
        margin-top: 10px;
    }

    /* Boletos */

    .boletos-corpo {
        text-align: center;
    }

    #flex {
        display: block;
    }

    #flex-filha {
        width: 100%;
        margin-top: 10px;
    }

    .input-botao {
        width: 100%;
    }


    .coluna_01 {
        display: block;
    }

    .boletos-formulario {
        display: block;
    }

    .dataTables_filter label {
        display: none;
    }

    .tabela {
        display: block;
        position: relative;
        width: 315px;
        margin: 50px auto;
    }

    .tabela thead,
    .tabela tbody,
    .tabela th,
    .tabela td,
    .tabela tr {
        display: block;
    }

    .tabela td,
    .tabela th {
        height: 35px;
        width: 120px;
    }

    #boletos-empresa {
        width: 82%;
    }

    #boletos-campos {
        width: 82%;
    }

    #boletos-tipo {
        width: 82%;
    }

    .tabela thead {
        float: left;
    }

    .tabela tbody {
        width: 183px;
        position: relative;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }


    .tabela tbody tr {
        display: inline-block;
        width: 121px;
    }

    /* acoesProgramas */

    .acoesProgramas-input-btn {
        display: block;
    }

    #acoesProgramas-input {
        width: 100%;
    }

    .acoesProgramas-btn {
        margin: 10px 0px 0px 0px;
    }

    /* Noticias */

    .noticias-cards-completo {
        display: block;
        height: auto;
    }

    .noticias-cards-img {
        width: 100%;
    }

    .noticias-cards-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /* perfil presidente */

    .presidente-img-texto-completo {
        display: block;
    }

    .presidente-img {
        width: 100%;
        height: auto;
    }

    .presidente-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /*serviço informacao*/
    .servicoInformacaoCidadao-cards {
        display: block;
    }

    .servicoInformacaoCidadao-card {
        width: 100%;
    }

    [data-aos^="fade"][data-aos^="fade"].aos-animate {
        opacity: 1;
        transform: translateZ(0);
    }

    .nome-secretaria-conteudo {
        font-size: 18px;
        position: relative;
        bottom: 2.5rem;
        left: 3.8rem;

    }

    .logo2 {
        width: 55% !important;
        margin-left: 0;
    }

    .footer {
        width: 100%;
        position: relative;
        /*background: linear-gradient(90deg, #192844 67.81%, #472774 100%);*/
        color: #fff;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        align-items: center;
        padding: 30px;
    }

    .endereco {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px;
    }

    .logo-rjrodape {
        width: 65%;
        margin-left: 22%;
    }

}

@media only screen and (min-width: 400px) and (max-width: 499px) {

    
    /* cabecalho e divs internas*/
    .section-container#cabecalho {
        height: 350px;
        padding: 0;
        width: 100%;
        display: block;
    }
    #hambtn {
        position: relative;
        left: 3%;
        margin-top: 21px;
        bottom: -84%;
        display: inline-block;
    }
    
    .logo-busca{
        flex-direction: column;
    }

    .logo-rjgov {
        width: 75%;
        margin: 13px 0 7px 3%;
        justify-content: center;
    }
    .logo-rjgov1 a {
        display: contents;
    }
    .container-radio-redesocial {
        margin-left: -5%;
        display: flex;
        align-items: center;
        flex-direction: column;
        position: relative;
        top: -15px;
    }   
    #atl-player {
        margin: 5px 0px 5px 9%;
    }   
    .esquerda-menu-superior {
        margin: 10px 0;
        width: 100%;
        padding-left: 5%;
        padding-right: 20px;
    }
    .social-midia-sup ul {
        padding-top: 6px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }
    .social-midia-sup li {
        margin-right: 15px;
    }

    div.redes-webmail-wrap {
        width: 100%;
    }
    .social-midia-proderj {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-right: 0;
        position: relative;
        left: 10px;
        top: 10px;
    }

/*noticias pagina inicial*/
.noticia-principal-gride.views-col.col-1, .noticia-principal-gride.views-col.col-2, .noticia-principal-gride.views-col.col-3 {
    width: 100% !important;
    padding: 3%;
}
.noticia-principal-gride .conteudo-gride {
    display: inline-block;
    width: 95%;
}
    /*Coreção Imagem Estrutura*/
    .image-style-imagem-310x100 {
        width: 280%;
        margin: 0 0 0 5%;
        height: auto;
    }

    #close {
        right: unset;
        position: relative;
        width: 100%;
        position: absolute;
        top: 70px;
        width: 50px;
        right: 25;
        margin: 0;
        top: -20px;
    }

    .section-container#cabecalho {
        height: 350px;
        padding: 0;
        width: 100%;
        display: block;
        flex-direction: row;
    }

    .social-midia-sup li {
        margin-right: 15px;
    }

    .cabecalho {
        height: 525px;
    }

    #hambtn {
        position: relative;
        left: 3%;
        margin-top: 21px;
        bottom: -65%;
    }

    .logoproderj-redes-wrap {
        flex-direction: column;
        align-items: center;
    }

    .logo-proderj {
        margin-bottom: 0px;
    }


    div.redes-webmail-wrap {
        width: 100%;
        justify-content: normal;
    }

    .icon-wrap-menu {
        width: 54px;
        height: 45px;
    }

    .site-logo img {
        width: 240%;
        height: auto;
        margin-left: 2px;
        margin-top: 69px;
    }

    .video {
        width: 90%;
    }

    iframe {
        height: auto;
    }

    .menu-overlay .closebtn {
        font-size: 3em;
    }

    .card-container {
        width: 90%;
    }

    .servidorPublico {
        width: 90%;
    }

    .footer a {
        align-self: flex-end;
        display: flex;
    }

    .menu-contexto-wrap a {
        height: 46px;
        align-items: center;
    }

    .menu-contexto-wrap {
        flex-wrap: wrap;
    }

    .menu-contexto-wrap span {
        width: 100%;
    }

    .instagram-feed-wrap {
        width: 100%;
        height: auto;
    }

    .slider-fixo {
        height: 246px;
    }

    /* .swiper-container {height: fit-content;} */
    .swiper-slide {
        position: relative;
    }

    .swiper-wrapper {
        height: 100%;
    }

    .swiper-button-next.s4 {
        right: 5%;
    }

    .swiper-button-prev.s4 {
        left: 5%;
    }

    .telefones-uteis-wrap button {
        font-size: 0.7em;
        margin: 7px 7px 15px 7px;
        padding: 10px 15px;
    }

    .noticia-2col-wrap {
        display: block;
        margin: auto;
        width: auto;
        height: auto;
    }

    .menu-overlay {
        top: 1.4%;
    }

    .menu-overlay-content {
        margin: 25px 0px;
    }

    .menu-column {
        font-size: 1.5em;
        width: 140px;
        margin-bottom: 20px;
        margin: 0 auto 0 auto;
        display: block;
        width: 100%;
        padding-left: 0px;
    }

    .menu-row {
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 45px 0px 50px 0px;
        display: block;
        font-size: x-large;
    }

    .menu-column li:hover {
        background-color: #ddd;
        padding-left: 6px;
    }



    /* noticiaListar.aspx */
    .noticia-linha {
        flex-direction: column;
    }

    .noticia-coluna-esquerda-imagem {
        width: 100%;
    }

    .noticia-coluna-direita-texto {
        width: 100%;
    }

    /* MENU SUPERIOR */
    .menu-superior,
    .menusup-overlay {
        height: auto;
    }

    .menu-superior a {
        font-size: 1.1em;
    }

    .menusup-overlay a {
        font-size: 1.1em;
    }

    .menusupi,
    .menusupi-overlay {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .esquerda-menu-superior {
        margin: 10px 0;
        width: 80%;
        padding-left: 13%;
        
    }

    .infosup {
        margin: 5px 0;
        font-size: 13px;

    }

    .infosup ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .infosup li:first-child {
        margin-left: 0px;
    }

    .acessibilidade-dropbtn {
        font-size: 1.1em;
    }

    .acessibilidade-dropdown-content {
        right: -10;
    }

    .social-midia-sup ul {
        padding-top: 6px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }


    /* MENU OVERLAY */






    .menu-column h4 {
        margin-bottom: 2px;
    }




    /* CABECALHO */


    #logo-topo {
        margin-left: 5%;
    }

    .logo-branco {
        margin-bottom: 15;
    }

    .logo-branco-cabecalho {
        left: 0;
        margin: 5px 0px;
    }

    .search-box input#CrtTopo_txtBuscar {
        width: 12em;
    }

    .search-box>button.icon {
        width: 40px;
    }

    .search-box {
        margin-right: 0px;
    }

    /* SLIDE 1 */

    .swiper-container-horizontal>.swiper-pagination-bullets {
        right: 20;
        bottom: 10px;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        margin: 3px 3px;
    }

    .buttons-slider-position {
        top: unset;
    }

    /* NOTICIAS */
    .noticia-3col-wrap {
        display: block;
    }



    /* VAMOS VIRAR O JOGO */
    .programas-acoes article,
    .noticia-2col,
    .noticia-3col {
        width: 100%;
        margin-bottom: 20px;
    }

    .programas-acoes article {
        width: 100%;
    }

    /* SLIDE 2 */
    .section-container#slide2 {
        height: auto;
    }

    .slide2-layout .dots2 {
        bottom: 30;
    }

    .slide2-layout .dots2 li {
        width: 30px;
        height: 30px;
    }

    .slide2-layout .arrow2 {
        display: none;
    }

    /* TELEFONES UTEIS */
    .telefones-uteis-wrap {
        font-size: 1.3em;
        width: auto;
    }



    .telefones-uteis-linha {
        display: contents;
    }

    .md-modal-telefones,
    .md-effect-telefones,
    .md-show-telefones {
        width: 80%;
    }

    .md-show-telefones.md-effect-telefones .md-content-telefones {
        height: auto;
        padding: 0 1em 1em 1em;
    }

    .fecha-modal {
        left: 100%;
        line-height: .85;
    }

    .titulo-secao span {
        font-size: 1.6em;
    }

    .desc-slider2-conteudo {
        text-align: center;
    }

    .desc-slider2-conteudo h1 {
        font-size: 9em;
    }

    .desc-slider2-texto {
        font-size: 1.8em;
        margin: 0 30px;
    }

    #Section2 {
        height: 350px;
    }

    .section-container#segundo-slide {
        height: 350px;
    }

    .slide2,
    .slide2-layout {
        height: 265px;
    }


    .list-search-box li {
        padding: 0px;
        margin-bottom: 0px;
    }

    .list-search-box li a {
        line-height: 30px;
    }

    .search-box-articles {
        width: 190px;
        padding: .5em 1em;
    }


    /* Cabeçalho */



    .nome-secretaria {
        margin: 0 0 0 5%;
        width: 70%;
        right: 0;
        left: 0;
    }
    .link-slider-principal a{
        font-size: 15px;
    }
    

    #atl-player {
        margin: 5px 0px 5px 0%;
    }

    .logo-rjgov-img {
        width: 45%;
        margin-left: 28%;
        position: relative;
        top: -45px;
    }


    .logo img {
        position: relative;
        width: 180px;
        top: -79%;
        left: 10px;
    }

    .logo-rjgov {
        width: 75%;
    }

    #edit-busca {
        height: 39px;
        border: none;
        font-size: 10pt;
        float: left;
        padding-left: 0px;
        width: 190%;
        webkit-border-radius: 10px 0px 0px 10px;
        -moz-border-radius: 10px 0px 0px 10px;
        border-radius: 10px 0px 0px 10px;
        margin-top: 10px;
    }





    /* Slider Principal*/
    .image-style-imagem-1349x400 {
        height: 182px;
    }


    /* Pagina de Noticias */

    .noticia-gride {
        border-bottom: 1px solid rgb(155, 155, 154);
        width: 40%;
        display: flex;
        flex-direction: column;
    }

    .noticia-gride .data-criacao {
        float: none;
        white-space: nowrap;
    }

    #flexslider-1.flexslider.optionset-default img {
        height: 200px;
    }

    #flexslider-3.flexslider.optionset-default img {
        height: 200px;
    }

    .link-slider-principal {
        margin-bottom: 10px;
    }

    .logo-branco-rodape {
        margin-left: -26px;
    }

    .logo-proderj-fixo {
        width: 134px;
        height: 45px;
        /* margin-top: 30px; */
        background: url(/sites/casa-civil/themes/secretarias/imagens/logo-proderj.png) no-repeat;
        margin-left: 12%;
    }

    .views-view-grid .views-row {
        float: left;
        clear: both;
        width: 100%;
    }

    .views-view-grid .views-col {
        float: none;
        margin-bottom: 8px;
        width: 100%;
        margin-right: -30px;
    }


    /* Flex Direction NAV */

    .flex-direction-nav a {
        top: 78px;

    }

    .flex-direction-nav a:before {
        font-family: "flexslider-icon";
        font-size: 40px;
        display: inline-block;
        content: '\f001';
        color: rgb(206 201 201 / 80%);
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
        /* bottom: 10%; */
    }



    /* PÁGINA DE NOTÍCIAS CSS RESPONSIVIDADE */
    .views-field-title>span>a {
        width: 100%;
        display: inline-block;
    }

    .noticia-gride img {
        width: 120%;
        height: auto;
        float: left;
        margin-right: 5px;
    }

    .noticia-gride p {
        text-align: justify;
        width: 100%;
    }

    .noticia-gride a {
        display: block;
        /* text-align: center; */
        width: 100%;
    }

    .box-resumo-acesso {
        text-align: center;
        padding: 20px 0px 20px 0;
        flex-direction: column;
    }

    

    .contextual .view-content {}

    .box-acesso {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 14px;
    }

    .cubos-informacao .views-view-grid .views-row {
        padding: 0;
        width: auto;
        display: block;
        padding: 2.5% 10% 0px 0px;
    }

    .views-field .views-field-field-conteudo-da-sede {
        margin-left: -95px;
    }
    .box-endereco {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
        margin-left: -16%;
    }

    .video-principal {
        width: 250%;
        height: auto;
        margin: 0 25%;
    }

    .noticia-principal-gride img {
        width: 100%;
        height: auto;
        float: none;
        display: flex;
        margin: 5px 0;
        padding: 0 35px 0 0;
    }

    .noticia-2col-wrap .view-content .views-view-grid .views-row .noticia-principal-gride .views-field-title .field-content {
        margin: 5px 0;
        width: 76%;
        text-align: justify;
    }

    .noticia-principal-gride .views-col .col-1 {
        width: 37%;
    }

    /* Endereço do Rodapé */

    .infosup {
        margin: 5px 0;
        font-size: 13px;

    }

    .lista-noticias-line {
        width: 65%;
        height: auto;
    }

    .align-center {
        display: unset;
        width: 100%;
        height: auto;
    }

    

    .pesquisa {
        width: 79%;
    }

    .cabecalho-azul-direita-redesSociais {
        justify-content: center;
    }

    .index-noticias h2 {
        font-size: 18px;
    }

    .index-noticias1 {
        display: block;
        padding-top: 30px;
    }

    .index-noticias1-noticia {
        width: 100%;
    }

    .index-noticias h3 {
        padding-top: 20px;
    }

    .cabecalho-azul-completo {
        display: block;
    }

    .cabecalho-azul-completo-esquerda {
        margin: 10px 0px;
    }

    #logo-ceasa {
        height: 57px;
        padding: 0px 10px 0px 10px;
    }

    #logo-governo {
        margin-bottom: 4px;
        height: 36px;
    }

    .dots {
        left: 79%;
    }

    .cabecalho-cinza {
        height: 128px;
        text-align: center;
        display: flex;
        align-items: center;
    }

    .cabecalho-cinza-completo {
        display: block;
    }

    .linkGoverno-redesSociais {
        display: block;
        padding-top: 0px;
    }

    #linkGoverno {
        padding: 0px 0px 0px 0px;
    }

    .index-redesSociais {
        padding-top: 5px;
    }

    .links {
        display: block;
        padding-top: 5px;
    }

    .rodape {
        height: 95px;
    }

    .rodape-completo {
        width: 100%;
    }

    #rodape-logo-proderj {
        height: 38px;
        padding-right: 10px;
        margin-top: 0px;
    }

    #rodape-logo-governo {
        height: 48px;
        padding: 0px 0px 0px 10px;
    }

    .menu-column li {
        white-space: normal;
        margin-bottom: 10px;
    }


    .index-noticias2 {
        display: block;
    }

    .index-noticias2-noticia {
        width: 100%;
    }

    .index-noticias p {
        margin-bottom: 20px;
    }

    .transparencia-completa {
        display: block;
    }

    .transparencia-esquerda {
        width: 100%;
    }

    .transparencia-direita {
        width: 100%;
    }

    .transparencia-direita-quadrado {
        height: 130px;
        width: 130px;
        margin-top: 10px;
    }

    /* Boletos */

    .boletos-corpo {
        text-align: center;
    }

    #flex {
        display: block;
    }

    #flex-filha {
        width: 100%;
        margin-top: 10px;
    }

    .input-botao {
        width: 100%;
    }


    .coluna_01 {
        display: block;
    }

    .boletos-formulario {
        display: block;
    }

    .dataTables_filter label {
        display: none;
    }

    .tabela {
        display: block;
        position: relative;
        width: 315px;
        margin: 50px auto;
    }

    .tabela thead,
    .tabela tbody,
    .tabela th,
    .tabela td,
    .tabela tr {
        display: block;
    }

    .tabela td,
    .tabela th {
        height: 35px;
        width: 120px;
    }

    #boletos-empresa {
        width: 82%;
    }

    #boletos-campos {
        width: 82%;
    }

    #boletos-tipo {
        width: 82%;
    }

    .tabela thead {
        float: left;
    }

    .tabela tbody {
        width: 183px;
        position: relative;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }


    .tabela tbody tr {
        display: inline-block;
        width: 121px;
    }

    /* acoesProgramas */

    .acoesProgramas-input-btn {
        display: block;
    }

    #acoesProgramas-input {
        width: 100%;
    }

    .acoesProgramas-btn {
        margin: 10px 0px 0px 0px;
    }

    /* Noticias */

    .noticias-cards-completo {
        display: block;
        height: auto;
    }

    .noticias-cards-img {
        width: 100%;
    }

    .noticias-cards-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /* perfil presidente */

    .presidente-img-texto-completo {
        display: block;
    }

    .presidente-img {
        width: 100%;
        height: auto;
    }

    .presidente-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /*serviço informacao*/
    .servicoInformacaoCidadao-cards {
        display: block;
    }

    .servicoInformacaoCidadao-card {
        width: 100%;
    }

    [data-aos^="fade"][data-aos^="fade"].aos-animate {
        opacity: 1;
        transform: translateZ(0);
    }

    .nome-secretaria-conteudo {
        font-size: 18px;
        position: relative;
        bottom: 5rem;
        left: 3.7rem;
    }

    .logo2 {
        width: 55% !important;
        margin-left: 0;
    }

    .footer {
        width: 100%;
        position: relative;
        /*background: linear-gradient(90deg, #192844 67.81%, #472774 100%);*/
        color: #fff;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        align-items: center;
        padding: 30px;
    }

    .endereco {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px;
    }

    .logo-rjrodape {
        width: 65%;
        margin-left: 0%;
    }

}

@media only screen and (min-width: 500px) and (max-width: 600px) {

    /*Coreção Imagem Estrutura*/
    .image-style-imagem-310x100 {
        width: 280%;
        margin: 0 0 0 5%;
        height: auto;
    }

    /* cabecalho e divs internas*/
    .section-container#cabecalho {
        height: 350px;
        padding: 0;
        width: 100%;
        display: block;
    }

    #hambtn {
        position: relative;
        left: 3%;
        margin-top: 21px;
        bottom: -84%;
        display: inline-block;
    }

    .logo-busca {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
    }   

    .logo-rjgov {
        width: 75%;
        margin: 13px 0 7px 12%;
        justify-content: center;
    }

        .logo-rjgov-img {
        width: 45%;
        margin-left: 25%;
        position: relative;
        top: -15px;
    }

    .logo img {
        position: relative;
        width: 180px;
        top: -40%;
        left: 0;
    } 

    .logo-rjgov1 a {
        display: contents;
    }

    .container-radio-redesocial {
        margin-left: -6%;
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        top: 10px;
    }   
    #atl-player {
        margin: 5px 0px 5px 9%;
    }   
    .esquerda-menu-superior {
        margin: 10px 0;
        width: 100%;
        padding-left: 5%;
        padding-right: 20px;
    }
    .social-midia-sup ul {
        padding-top: 6px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }
    .social-midia-sup li {
        margin-right: 15px;
    }

    div.redes-webmail-wrap {
        width: 100%;
    }
    .social-midia-proderj {
        width: 100%;
        display: flex;
        justify-content: center;
        position: relative;
        top: 20px;
        left: 5px;
    }


    #close {
        right: unset;
        position: relative;
        width: 100%;
        position: absolute;
        top: 70px;
        width: 50px;
        right: 25;
        margin: 0;
        top: -20px;
    }

    .section-container#cabecalho {
        height: 490px;
        padding: 0;
        width: 100%;
        display: flex;
        flex-direction: row;
        margin: 0;
    }

    .social-midia-sup li {
        margin-right: 15px;
    }

    .cabecalho {
        height: auto;
        height: fit-content;
    }

    #hambtn {
        position: relative;
        left: 3%;
        margin-top: 21px;
        bottom: -29%;
    }

    .logoproderj-redes-wrap {
        flex-direction: column;
        align-items: center;
    }

    .logo-proderj {
        margin-bottom: 0px;
    }

    div.redes-webmail-wrap {
        width: 100%;
    }

    .icon-wrap-menu {
        width: 54px;
        height: 45px;
    }

    .site-logo img {
        width: 240%;
        height: auto;
        margin-left: 2px;
        margin-top: 69px;
    }

    .video {
        width: 90%;
    }

    iframe {
        height: auto;
    }

    .menu-overlay .closebtn {
        font-size: 3em;
    }

    .card-container {
        width: 90%;
    }

    .servidorPublico {
        width: 90%;
    }

    .footer a {
        align-self: flex-end;
        display: flex;
    }

    .menu-contexto-wrap a {
        height: 46px;
        align-items: center;
    }

    .menu-contexto-wrap {
        flex-wrap: wrap;
    }

    .menu-contexto-wrap span {
        width: 100%;
    }

    .instagram-feed-wrap {
        width: 100%;
        height: auto;
    }

    .slider-fixo {
        height: 246px;
    }

    /* .swiper-container {height: fit-content;} */
    .swiper-slide {
        position: relative;
    }

    .swiper-wrapper {
        height: 100%;
    }

    .swiper-button-next.s4 {
        right: 5%;
    }

    .swiper-button-prev.s4 {
        left: 5%;
    }

    .telefones-uteis-wrap button {
        font-size: 0.7em;
        margin: 7px 7px 15px 7px;
        padding: 10px 15px;
    }

    .noticia-2col-wrap {
        display: block;
        margin: auto;
        width: auto;
        height: auto;
    }

    .menu-overlay {
        top: 1.4%;
    }

    .menu-overlay-content {
        margin: 25px 0px;
    }

    .menu-column {
        font-size: 1.5em;
        width: 140px;
        margin-bottom: 20px;
        margin: 0 auto 0 auto;
        display: block;
        width: 100%;
        padding-left: 0px;
    }

    .menu-row {
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 30px 0px 50px 0px;
        display: block;
        font-size: x-large;
    }

    .menu-column li:hover {
        background-color: #ddd;
        padding-left: 6px;
    }



    /* noticiaListar.aspx */
    .noticia-linha {
        flex-direction: column;
    }

    .noticia-coluna-esquerda-imagem {
        width: 100%;
    }

    .noticia-coluna-direita-texto {
        width: 100%;
    }

    /* MENU SUPERIOR */
    .menu-superior,
    .menusup-overlay {
        height: auto;
    }

    .menu-superior a {
        font-size: 1.1em;
    }

    .menusup-overlay a {
        font-size: 1.1em;
    }

    .menusupi,
    .menusupi-overlay {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .esquerda-menu-superior {
        margin: 10px 0;
        width: 100%;
        padding-left: 30%;
        
    }

    .infosup {
        margin: 5px 0;
        font-size: 13px;

    }

    .infosup ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .infosup li:first-child {
        margin-left: 0px;
    }

    .acessibilidade-dropbtn {
        font-size: 1.1em;
    }

    .acessibilidade-dropdown-content {
        right: -10;
    }

    .social-midia-sup ul {
        padding-top: 6px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }


    /* MENU OVERLAY */






    .menu-column h4 {
        margin-bottom: 2px;
    }




    /* CABECALHO */


    #logo-topo {
        margin-left: 5%;
    }

    .logo-branco {
        margin-bottom: 15;
    }

    .logo-branco-cabecalho {
        left: 0;
        margin: 5px 0px;
    }

    .search-box input#CrtTopo_txtBuscar {
        width: 12em;
    }

    .search-box>button.icon {
        width: 40px;
    }

    .search-box {
        margin-right: 0px;
    }

    /* SLIDE 1 */

    .swiper-container-horizontal>.swiper-pagination-bullets {
        right: 20;
        bottom: 10px;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        margin: 3px 3px;
    }

    .buttons-slider-position {
        top: unset;
    }

    /* NOTICIAS */
    .noticia-3col-wrap {
        display: block;
    }



    /* VAMOS VIRAR O JOGO */
    .programas-acoes article,
    .noticia-2col,
    .noticia-3col {
        width: 100%;
        margin-bottom: 20px;
    }

    .programas-acoes article {
        width: 100%;
    }

    /* SLIDE 2 */
    .section-container#slide2 {
        height: auto;
    }

    .slide2-layout .dots2 {
        bottom: 30;
    }

    .slide2-layout .dots2 li {
        width: 30px;
        height: 30px;
    }

    .slide2-layout .arrow2 {
        display: none;
    }

    /* TELEFONES UTEIS */
    .telefones-uteis-wrap {
        font-size: 1.3em;
        width: auto;
    }



    .telefones-uteis-linha {
        display: contents;
    }

    .md-modal-telefones,
    .md-effect-telefones,
    .md-show-telefones {
        width: 80%;
    }

    .md-show-telefones.md-effect-telefones .md-content-telefones {
        height: auto;
        padding: 0 1em 1em 1em;
    }

    .fecha-modal {
        left: 100%;
        line-height: .85;
    }

    .titulo-secao span {
        font-size: 1.6em;
    }

    .desc-slider2-conteudo {
        text-align: center;
    }

    .desc-slider2-conteudo h1 {
        font-size: 9em;
    }

    .desc-slider2-texto {
        font-size: 1.8em;
        margin: 0 30px;
    }

    #Section2 {
        height: 350px;
    }

    .section-container#segundo-slide {
        height: 350px;
    }

    .slide2,
    .slide2-layout {
        height: 265px;
    }


    .list-search-box li {
        padding: 0px;
        margin-bottom: 0px;
    }

    .list-search-box li a {
        line-height: 30px;
    }

    .search-box-articles {
        width: 190px;
        padding: .5em 1em;
    }


    /* Cabeçalho */



    .nome-secretaria {
        margin: 0 0 0 18%;
        width: 40%;

    }

    .container-radio-redesocial {
        /* margin-left: -8%; */
    }

    #atl-player {
        margin: 5px 0px 5px 6px;
    }

    /* .logo-rjgov-img {
        width: 60%;
        margin-left: 1%;
    } */

    .logo-rjgov {
        width: 75%;
        margin: 13px 0 7px 2%;
    }

    #edit-busca {
        height: 39px;
        border: none;
        font-size: 10pt;
        float: left;
        padding-left: 0px;
        width: 190%;
        webkit-border-radius: 10px 0px 0px 10px;
        -moz-border-radius: 10px 0px 0px 10px;
        border-radius: 10px 0px 0px 10px;
        margin-top: 10px;
    }





    /* Slider Principal*/
    .image-style-imagem-1349x400 {
        height: 182px;
    }


    /* Pagina de Noticias */

    .noticia-gride {
        border-bottom: 1px solid rgb(155, 155, 154);
        width: 40%;
        display: flex;
        flex-direction: column;
    }

    .noticia-gride .data-criacao {
        float: none;
        white-space: nowrap;
    }

    #flexslider-1.flexslider.optionset-default img {
        height: 200px;
    }

    #flexslider-3.flexslider.optionset-default img {
        height: 200px;
    }

    .link-slider-principal {
        margin-bottom: 10px;
    }

    .logo-branco-rodape {
        margin-left: -26px;
    }

    .logo-proderj-fixo {
        width: 134px;
        height: 45px;
        /* margin-top: 30px; */
        background: url(/sites/casa-civil/themes/secretarias/imagens/logo-proderj.png) no-repeat;
        margin-left: 21%;
    }

    .views-view-grid .views-row {
        float: left;
        clear: both;
        width: 100%;
    }

    .views-view-grid .views-col {
        float: none;
        margin-bottom: 8px;
        width: 100%;
        margin-right: -30px;
    }


    /* Flex Direction NAV */

    .flex-direction-nav a {
        top: 78px;

    }

    .flex-direction-nav a:before {
        font-family: "flexslider-icon";
        font-size: 40px;
        display: inline-block;
        content: '\f001';
        color: rgb(206 201 201 / 80%);
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
        /* bottom: 10%; */
    }



    /* PÁGINA DE NOTÍCIAS CSS RESPONSIVIDADE */
    .views-field-title>span>a {
        width: 100%;
        display: inline-block;
    }

    .noticia-gride img {
        width: 120%;
        height: auto;
        float: left;
        margin-right: 5px;
    }

    .noticia-gride p {
        text-align: justify;
        width: 100%;
    }

    .noticia-gride a {
        display: block;
        /* text-align: center; */
        width: 100%;
    }

    .box-resumo-acesso {
        text-align: center;
        padding: 20px 0px 20px 0;
        flex-direction: column;
    }

    

    .contextual .view-content {}

    .box-acesso {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 14px;
    }

    .cubos-informacao .views-view-grid .views-row {
        padding: 0;
        width: auto;
        display: block;
        padding: 2.5% 10% 0px 0px;
    }

    .views-field .views-field-field-conteudo-da-sede {
        margin-left: -95px;
    }
    .box-endereco {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
        margin-left: -7%;
    }

    .video-principal {
        width: 250%;
        height: auto;
        margin: 0 25%;
    }

    .noticia-principal-gride img {
        width: 100%;
        height: auto;
        float: none;
        display: flex;
        margin: 5px 0;
        padding: 0 35px 0 0;
    }

    .noticia-2col-wrap .view-content .views-view-grid .views-row .noticia-principal-gride .views-field-title .field-content {
        margin: 5px 0;
        width: 76%;
        text-align: justify;
    }

    .noticia-principal-gride .views-col .col-1 {
        width: 37%;
    }

    /* Endereço do Rodapé */

    .infosup {
        margin: 5px 0;
        font-size: 13px;

    }

    /*noticias pagina inicial*/
    .noticia-principal-gride.views-col.col-1, .noticia-principal-gride.views-col.col-2, .noticia-principal-gride.views-col.col-3 {
        width: 100% !important;
        padding: 2%;
    }
    .noticia-principal-gride .conteudo-gride {
        display: inline-block;
        width: 95%;
    }


    .lista-noticias-line {
        width: 70%;
        height: auto;
    }

    .align-center {
        display: unset;
        width: 100%;
        height: auto;
    }

   

    .pesquisa {
        width: 79%;
    }

    .cabecalho-azul-direita-redesSociais {
        justify-content: center;
    }

    .index-noticias h2 {
        font-size: 18px;
    }

    .index-noticias1 {
        display: block;
        padding-top: 30px;
    }

    .index-noticias1-noticia {
        width: 100%;
    }

    .index-noticias h3 {
        padding-top: 20px;
    }

    .cabecalho-azul-completo {
        display: block;
    }

    .cabecalho-azul-completo-esquerda {
        margin: 10px 0px;
    }

    #logo-ceasa {
        height: 57px;
        padding: 0px 10px 0px 10px;
    }

    #logo-governo {
        margin-bottom: 4px;
        height: 36px;
    }

    .dots {
        left: 79%;
    }

    .cabecalho-cinza {
        height: 128px;
        text-align: center;
        display: flex;
        align-items: center;
    }

    .cabecalho-cinza-completo {
        display: block;
    }

    .linkGoverno-redesSociais {
        display: block;
        padding-top: 0px;
    }

    #linkGoverno {
        padding: 0px 0px 0px 0px;
    }

    .index-redesSociais {
        padding-top: 5px;
    }

    .links {
        display: block;
        padding-top: 5px;
    }

    .rodape {
        height: 95px;
    }

    .rodape-completo {
        width: 100%;
    }

    #rodape-logo-proderj {
        height: 38px;
        padding-right: 10px;
        margin-top: 0px;
    }

    #rodape-logo-governo {
        height: 48px;
        padding: 0px 0px 0px 10px;
    }

    .menu-column li {
        white-space: normal;
        margin-bottom: 10px;
    }


    .index-noticias2 {
        display: block;
    }

    .index-noticias2-noticia {
        width: 100%;
    }

    .index-noticias p {
        margin-bottom: 20px;
    }

    .transparencia-completa {
        display: block;
    }

    .transparencia-esquerda {
        width: 100%;
    }

    .transparencia-direita {
        width: 100%;
    }

    .transparencia-direita-quadrado {
        height: 130px;
        width: 130px;
        margin-top: 10px;
    }

    /* Boletos */

    .boletos-corpo {
        text-align: center;
    }

    #flex {
        display: block;
    }

    #flex-filha {
        width: 100%;
        margin-top: 10px;
    }

    .input-botao {
        width: 100%;
    }


    .coluna_01 {
        display: block;
    }

    .boletos-formulario {
        display: block;
    }

    .dataTables_filter label {
        display: none;
    }

    .tabela {
        display: block;
        position: relative;
        width: 315px;
        margin: 50px auto;
    }

    .tabela thead,
    .tabela tbody,
    .tabela th,
    .tabela td,
    .tabela tr {
        display: block;
    }

    .tabela td,
    .tabela th {
        height: 35px;
        width: 120px;
    }

    #boletos-empresa {
        width: 82%;
    }

    #boletos-campos {
        width: 82%;
    }

    #boletos-tipo {
        width: 82%;
    }

    .tabela thead {
        float: left;
    }

    .tabela tbody {
        width: 183px;
        position: relative;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }


    .tabela tbody tr {
        display: inline-block;
        width: 121px;
    }

    /* acoesProgramas */

    .acoesProgramas-input-btn {
        display: block;
    }

    #acoesProgramas-input {
        width: 100%;
    }

    .acoesProgramas-btn {
        margin: 10px 0px 0px 0px;
    }

    /* Noticias */

    .noticias-cards-completo {
        display: block;
        height: auto;
    }

    .noticias-cards-img {
        width: 100%;
    }

    .noticias-cards-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /* perfil presidente */

    .presidente-img-texto-completo {
        display: block;
    }

    .presidente-img {
        width: 100%;
        height: auto;
    }

    .presidente-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /*serviço informacao*/
    .servicoInformacaoCidadao-cards {
        display: block;
    }

    .servicoInformacaoCidadao-card {
        width: 100%;
    }

    [data-aos^="fade"][data-aos^="fade"].aos-animate {
        opacity: 1;
        transform: translateZ(0);
    }

    .nome-secretaria {
        width: 48%;
    }

    .nome-secretaria-conteudo {
        font-size: 18px;
        position: relative;
        bottom: 2.5rem;
        left: -2rem;
    }

    .logo2 {
        width: 36% !important;
        margin-left: 0;
    }

    .footer {
        width: 100%;
        position: relative;
        /*background: linear-gradient(90deg, #192844 67.81%, #472774 100%);*/
        color: #fff;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        align-items: center;
        padding: 30px;
    }

    .endereco {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px;
    }

    .logo-rjrodape {
        width: 40%;
    }

}

@media only screen and (min-width: 600px) and (max-width: 700px) {

    /*Coreção Imagem Estrutura*/
    .image-style-imagem-310x100 {
        width: 280%;
        margin: 0 0 0 5%;
        height: auto;
    }

    #close {
        right: unset;
        position: relative;
        width: 100%;
        position: absolute;
        top: 70px;
        width: 50px;
        right: 25;
        margin: 0;
        top: -20px;
    }

    .container-pagina{
        height: 20px;
    }
    .section-container#cabecalho{
        margin: 0;
    }
    .social-midia-sup li {
        margin-right: 15px;
    }

    .cabecalho {
        height: auto;
        height: fit-content;
    }

    #hambtn {
        position: relative;
        left: 5%;
        margin-top: 21px;
        bottom: -20%;
        display: inline-block;
    }

    .logo-busca {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .logoproderj-redes-wrap {
        flex-direction: column;
        align-items: center;
    }

    .logo-proderj {
        margin-bottom: 0px;
    }

    .social-midia-proderj {
        width: 100%;
        display: flex;
        justify-content: center;
        position: relative;
        top: 20px;
        left: 0px;
    }

    div.redes-webmail-wrap {
        width: 100%;
        margin-left: 3%;
    }

    .icon-wrap-menu {
        width: 54px;
        height: 45px;
    }

    .logo img {
        position: relative;
        width: 180px;
        top: 25%;
        left: 2px;
    }

    .site-logo img {
        width: 240%;
        height: auto;
        margin-left: 2px;
        margin-top: 69px;
    }

    .video {
        width: 90%;
    }

    iframe {
        height: auto;
    }

    .menu-overlay .closebtn {
        font-size: 3em;
    }

    .card-container {
        width: 90%;
    }

    .servidorPublico {
        width: 90%;
    }

    .footer a {
        align-self: flex-end;
        display: flex;
    }

    .menu-contexto-wrap a {
        height: 46px;
        align-items: center;
    }

    .menu-contexto-wrap {
        flex-wrap: wrap;
    }

    .menu-contexto-wrap span {
        width: 100%;
    }

    .instagram-feed-wrap {
        width: 100%;
        height: auto;
    }

    .slider-fixo {
        height: 246px;
    }

    /* .swiper-container {height: fit-content;} */
    .swiper-slide {
        position: relative;
    }

    .swiper-wrapper {
        height: 100%;
    }

    .swiper-button-next.s4 {
        right: 5%;
    }

    .swiper-button-prev.s4 {
        left: 5%;
    }

    .telefones-uteis-wrap button {
        font-size: 0.7em;
        margin: 7px 7px 15px 7px;
        padding: 10px 15px;
    }

    .noticia-2col-wrap {
        display: block;
        margin: auto;
        width: auto;
        height: auto;
    }

    .menu-overlay {
        top: 1.4%;
    }
    .logo-rjgov1 a{
        display: contents;
    }
    .menu-overlay-content {
        margin: 25px 0px;
    }

    .menu-column {
        font-size: 1.5em;
        width: 140px;
        margin-bottom: 20px;
        margin: 0 auto 0 auto;
        display: block;
        width: 100%;
        padding-left: 0px;
    }

    .menu-row {
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 30px 0px 50px 0px;
        display: block;
        font-size: x-large;
    }

    .menu-column li:hover {
        background-color: #ddd;
        padding-left: 6px;
    }



    /* noticiaListar.aspx */
    .noticia-linha {
        flex-direction: column;
    }

    .noticia-coluna-esquerda-imagem {
        width: 100%;
    }

    .noticia-coluna-direita-texto {
        width: 100%;
    }

    /* MENU SUPERIOR */
    .menu-superior,
    .menusup-overlay {
        height: auto;
    }

    .menu-superior a {
        font-size: 1.1em;
    }

    .menusup-overlay a {
        font-size: 1.1em;
    }

    .menusupi,
    .menusupi-overlay {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .esquerda-menu-superior {
        margin: 10px 0;
        width: 100%;
        padding-left: 5%;
    }

    .infosup {
        margin: 5px 0;
        font-size: 13px;

    }

    .infosup ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .infosup li:first-child {
        margin-left: 0px;
    }

    .acessibilidade-dropbtn {
        font-size: 1.1em;
    }

    .acessibilidade-dropdown-content {
        right: -10;
    }

    .social-midia-sup ul {
        padding-top: 6px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }


    /* MENU OVERLAY */






    .menu-column h4 {
        margin-bottom: 2px;
    }




    /* CABECALHO */


    #logo-topo {
        margin-left: 5%;
    }

    .logo-branco {
        margin-bottom: 15;
    }

    .logo-branco-cabecalho {
        left: 0;
        margin: 5px 0px;
    }

    .search-box input#CrtTopo_txtBuscar {
        width: 12em;
    }

    .search-box>button.icon {
        width: 40px;
    }

    .search-box {
        margin-right: 0px;
    }

    /* SLIDE 1 */

    .swiper-container-horizontal>.swiper-pagination-bullets {
        right: 20;
        bottom: 10px;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        margin: 3px 3px;
    }

    .buttons-slider-position {
        top: unset;
    }

    /* NOTICIAS */
    .noticia-3col-wrap {
        display: block;
    }



    /* VAMOS VIRAR O JOGO */
    .programas-acoes article,
    .noticia-2col,
    .noticia-3col {
        width: 100%;
        margin-bottom: 20px;
    }

    .programas-acoes article {
        width: 100%;
    }

    /* SLIDE 2 */
    .section-container#slide2 {
        height: auto;
    }

    .slide2-layout .dots2 {
        bottom: 30;
    }

    .slide2-layout .dots2 li {
        width: 30px;
        height: 30px;
    }

    .slide2-layout .arrow2 {
        display: none;
    }

    /* TELEFONES UTEIS */
    .telefones-uteis-wrap {
        font-size: 1.3em;
        width: auto;
    }



    .telefones-uteis-linha {
        display: contents;
    }

    .md-modal-telefones,
    .md-effect-telefones,
    .md-show-telefones {
        width: 80%;
    }

    .md-show-telefones.md-effect-telefones .md-content-telefones {
        height: auto;
        padding: 0 1em 1em 1em;
    }

    .fecha-modal {
        left: 100%;
        line-height: .85;
    }

    .titulo-secao span {
        font-size: 1.6em;
    }

    .desc-slider2-conteudo {
        text-align: center;
    }

    .desc-slider2-conteudo h1 {
        font-size: 9em;
    }

    .desc-slider2-texto {
        font-size: 1.8em;
        margin: 0 30px;
    }

    #Section2 {
        height: 350px;
    }

    .section-container#segundo-slide {
        height: 350px;
    }

    .slide2,
    .slide2-layout {
        height: 265px;
    }


    .list-search-box li {
        padding: 0px;
        margin-bottom: 0px;
    }

    .list-search-box li a {
        line-height: 30px;
    }

    .search-box-articles {
        width: 190px;
        padding: .5em 1em;
    }


    /* Cabeçalho */



    .nome-secretaria {
        margin: 0 0 0 -8%;
        width: 40%;

    }

    .container-radio-redesocial {
        margin-left: 16%;
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 45px;
    }

    #atl-player {
        margin: 5px 5px 5px 5px;
        position: relative;
        left: 20px;
    }

    .logo-rjgov-img {
        width: 42%;
        margin: 4px 5px 5px 6px;
        position: relative;
        left: 150px;
        top: 25px;
    }

    .logo-rjgov {
        width: 70%;
        margin: 4px 1px 5px 5px;
        justify-content: center;
    }

    #edit-busca {
        height: 39px;
        border: none;
        font-size: 10pt;
        float: left;
        padding-left: 0px;
        width: 190%;
        webkit-border-radius: 10px 0px 0px 10px;
        -moz-border-radius: 10px 0px 0px 10px;
        border-radius: 10px 0px 0px 10px;
        margin-top: 10px;
    }





    /* Slider Principal*/
    .image-style-imagem-1349x400 {
        height: 182px;
    }


    /* Pagina de Noticias */

    .noticia-gride {
        border-bottom: 1px solid rgb(155, 155, 154);
        width: 40%;
        display: flex;
        flex-direction: column;
    }

    .noticia-gride .data-criacao {
        float: none;
        white-space: nowrap;
    }

    #flexslider-1.flexslider.optionset-default img {
        height: 230px;
    }

    #flexslider-3.flexslider.optionset-default img {
        height: 230px;
    }

    .link-slider-principal {
        margin-bottom: 10px;
    }

    .noticia-principal-gride .conteudo-gride {
        display: inline-block;
        width: 95%;
    }

    .logo-branco-rodape {
        margin-left: -26px;
    }

    .logo-proderj-fixo {
        width: 134px;
        height: 45px;
        /* margin-top: 30px; */
        background: url(/sites/casa-civil/themes/secretarias/imagens/logo-proderj.png) no-repeat;
        margin-left: 13%;
    }

    .views-view-grid .views-row {
        float: left;
        clear: both;
        width: 100%;
    }

    .views-view-grid .views-col {
        float: none;
        margin-bottom: 8px;
        width: 100%;
        margin-right: -30px;
    }


    /* Flex Direction NAV */

    .flex-direction-nav a {
        top: 78px;

    }

    .flex-direction-nav a:before {
        font-family: "flexslider-icon";
        font-size: 40px;
        display: inline-block;
        content: '\f001';
        color: rgb(206 201 201 / 80%);
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
        /* bottom: 10%; */
    }



    /* PÁGINA DE NOTÍCIAS CSS RESPONSIVIDADE */
    .views-field-title>span>a {
        width: 100%;
        display: inline-block;
    }

    .noticia-gride img {
        width: 120%;
        height: auto;
        float: left;
        margin-right: 5px;
    }

    .noticia-gride p {
        text-align: justify;
        width: 100%;
    }

    .noticia-gride a {
        display: block;
        /* text-align: center; */
        width: 100%;
    }

    .box-resumo-acesso {
        text-align: center;
        padding: 20px 0px 20px 0;
        flex-direction: column;
    }


    .box-acesso {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 14px;
    }

    .cubos-informacao .views-view-grid .views-row {
        padding: 0;
        width: auto;
        display: block;
        padding: 2.5% 10% 0px 0px;
    }

    .views-field .views-field-field-conteudo-da-sede {
        margin-left: -95px;
    }

    .video-principal {
        width: 250%;
        height: auto;
        margin: 0 25%;
    }

    .noticia-principal-gride img {
        width: 100%;
        height: auto;
        float: none;
        display: flex;
        margin: 5px 0;
    }

    .noticia-2col-wrap .view-content .views-view-grid .views-row .noticia-principal-gride .views-field-title .field-content {
        margin: 5px 0;
        width: 76%;
        text-align: justify;
    }

    .noticia-principal-gride .views-col .col-1 {
        width: 37%;
    }

    /* Endereço do Rodapé */

    .infosup {
        margin: 5px 0;
        font-size: 13px;

    }

    .lista-noticias-line {
        width: 70%;
        height: auto;
    }

    .align-center {
        display: unset;
        width: 100%;
        height: auto;
    }

    .pesquisa {
        width: 79%;
    }

    .cabecalho-azul-direita-redesSociais {
        justify-content: center;
    }

    .index-noticias h2 {
        font-size: 18px;
    }

    .index-noticias1 {
        display: block;
        padding-top: 30px;
    }

    .index-noticias1-noticia {
        width: 100%;
    }

    .index-noticias h3 {
        padding-top: 20px;
    }

    .cabecalho-azul-completo {
        display: block;
    }

    .cabecalho-azul-completo-esquerda {
        margin: 10px 0px;
    }

    #logo-ceasa {
        height: 57px;
        padding: 0px 10px 0px 10px;
    }

    #logo-governo {
        margin-bottom: 4px;
        height: 36px;
    }

    .dots {
        left: 79%;
    }

    .cabecalho-cinza {
        height: 128px;
        text-align: center;
        display: flex;
        align-items: center;
    }

    .cabecalho-cinza-completo {
        display: block;
    }

    .linkGoverno-redesSociais {
        display: block;
        padding-top: 0px;
    }

    #linkGoverno {
        padding: 0px 0px 0px 0px;
    }

    .index-redesSociais {
        padding-top: 5px;
    }

    .links {
        display: block;
        padding-top: 5px;
    }

    .rodape {
        height: 95px;
    }

    .rodape-completo {
        width: 100%;
    }

    #rodape-logo-proderj {
        height: 38px;
        padding-right: 10px;
        margin-top: 0px;
    }

    #rodape-logo-governo {
        height: 48px;
        padding: 0px 0px 0px 10px;
    }

    .menu-column li {
        white-space: normal;
        margin-bottom: 10px;
    }


    .index-noticias2 {
        display: block;
    }

    .index-noticias2-noticia {
        width: 100%;
    }

    .index-noticias p {
        margin-bottom: 20px;
    }

    .transparencia-completa {
        display: block;
    }

    .transparencia-esquerda {
        width: 100%;
    }

    .transparencia-direita {
        width: 100%;
    }

    .transparencia-direita-quadrado {
        height: 130px;
        width: 130px;
        margin-top: 10px;
    }

    /* Boletos */

    .boletos-corpo {
        text-align: center;
    }

    #flex {
        display: block;
    }

    #flex-filha {
        width: 100%;
        margin-top: 10px;
    }

    .input-botao {
        width: 100%;
    }


    .coluna_01 {
        display: block;
    }

    .boletos-formulario {
        display: block;
    }

    .dataTables_filter label {
        display: none;
    }

    .tabela {
        display: block;
        position: relative;
        width: 315px;
        margin: 50px auto;
    }

    .tabela thead,
    .tabela tbody,
    .tabela th,
    .tabela td,
    .tabela tr {
        display: block;
    }

    .tabela td,
    .tabela th {
        height: 35px;
        width: 120px;
    }

    #boletos-empresa {
        width: 82%;
    }

    #boletos-campos {
        width: 82%;
    }

    #boletos-tipo {
        width: 82%;
    }

    .tabela thead {
        float: left;
    }

    .tabela tbody {
        width: 183px;
        position: relative;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }


    .tabela tbody tr {
        display: inline-block;
        width: 121px;
    }

    /* acoesProgramas */

    .acoesProgramas-input-btn {
        display: block;
    }

    #acoesProgramas-input {
        width: 100%;
    }

    .acoesProgramas-btn {
        margin: 10px 0px 0px 0px;
    }

    /* Noticias */

    .noticias-cards-completo {
        display: block;
        height: auto;
    }

    .noticias-cards-img {
        width: 100%;
    }

    .noticias-cards-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /* perfil presidente */

    .presidente-img-texto-completo {
        display: block;
    }

    .presidente-img {
        width: 100%;
        height: auto;
    }

    .presidente-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /*serviço informacao*/
    .servicoInformacaoCidadao-cards {
        display: block;
    }

    .servicoInformacaoCidadao-card {
        width: 100%;
    }

    [data-aos^="fade"][data-aos^="fade"].aos-animate {
        opacity: 1;
        transform: translateZ(0);
    }

    .nome-secretaria {
        width: 36%;
    }

    .nome-secretaria-conteudo {
        font-size: 18px;
        position: relative;
        bottom: -1rem;
        left: 7rem;
    }

    .logo2 {
        width: 36% !important;
        margin-left: 0;
    }

    .footer {
        width: 100%;
        position: relative;
        /*background: linear-gradient(90deg, #192844 67.81%, #472774 100%);*/
        color: #fff;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        align-items: center;
        padding: 30px;
    }

    .endereco {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px;
    }

    .logo-rjrodape {
        width: 40%;
    }

}

@media only screen and (min-width: 700px) and (max-width: 799px) {
    .container-radio-redesocial {
        display: flex;
        flex-direction: column;
    }
    .logo-rjgov-img {
        width: 65%;
        height: auto;
        position: relative;
        left: 20px;

    }

    .logo img {
    position: relative;
    width: 150px;
    top: -5%;
    }

    #flexslider-1.flexslider.optionset-default img{
        height: 300px;
    }
    .container-cabecalho {
        width: 35%;
    }

    .nome-secretaria {
        width: 22%;
    }

    .nome-secretaria-conteudo {
        font-size: 15px;
    }

    .section-container#cabecalho {
        width: 95%;
    }

    .box-acesso {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .title-slider {
        font-size: .45em;
        bottom: 1%;
    }

    .link-slider-principal {
        margin-bottom: 10px;
    }

    #atl-player {
        margin: 5px 0px 5px 0px;
    }

    .logo2 {
        width: 36% !important;
        margin-left: 0;
    }

    .box-resumo-acesso {
        text-align: center;
        padding: 20px 0px 20px 0;
        flex-direction: column;
    }

    .swiper-slide {
        height: 15rem;
    }

    .footer {
        width: 100%;
        position: relative;
        /*background: linear-gradient(90deg, #192844 67.81%, #472774 100%);*/
        color: #fff;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        align-items: center;
        padding: 30px;
    }


    .endereco {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px;
    }

    .logo-rjrodape {
        width: 40%;
    }
}

@media only screen and (min-width: 800px) and (max-width: 900px) {
    .container-radio-redesocial {
        display: flex;
        flex-direction: column;
    }
    .logo-rjgov-img {
        width: 70%;
        height: auto;
        position:relative;
        left: 20px; 

    }
    .container-cabecalho {
        width: 35%;
    }

    .nome-secretaria-conteudo {
        font-size: 18px;
    }

    .section-container#cabecalho {
        width: 95%;
    }

    .box-acesso {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .title-slider {
        font-size: .45em;
        bottom: 1%;
    }

    .link-slider-principal {
        margin-bottom: 10px;
    }

    #atl-player {
        margin: 5px 0px 5px -40px;
    }

    .logo2 {
        width: 36% !important;
        margin-left: 0;
    }

    .box-resumo-acesso {
        text-align: center;
        padding: 20px 0px 20px 0;
    }

    .swiper-slide {
        height: 15rem;
    }

    .footer {
        width: 100%;
        position: relative;
        /*background: linear-gradient(90deg, #192844 67.81%, #472774 100%);*/
        color: #fff;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        align-items: center;
        padding: 30px;
    }


    .endereco {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px;
    }

    .logo-rjrodape {
        width: 40%;
    }
}
@media only screen and (max-width: 900px){
    #flexslider-1.flexslider.optionset-default .flex-prev{
        display: none;
    }
    #flexslider-1.flexslider.optionset-default .flex-next{
        display: none;
    }
}

@media only screen and (min-width: 900px) and (max-width: 1000px) {
    .container-radio-redesocial {
        display: flex;
        flex-direction: column;
    }

    .container-cabecalho {
        width: 25%;
    }

    .nome-secretaria-conteudo {
        font-size: 22px;
    }

    .logo-rjgov-img {
        width: 60%;
        height: auto;
        position: relative;
        left: -25px; 

    }
}

@media only screen and (min-width: 1000px) and (max-width: 1100px) {
    .logo-rjgov {
        width: 50%;
        position: relative;
        
    }

    .logo-rjgov-img {
        width: 60%;
        height: auto;
        position: relative;
        left: 25%;

    }

    .menusupi {
        width: 97%;
    }

    .container-cabecalho {
        /* margin-right: 2%; */
    }

    .social-midia-proderj {
        padding-left: 0px;
        width: 300px;
        margin-right: 9.3%;
    }

    .nome-secretaria {
        width: 25%;
    }

    .servicos .section-container {
        width: 52%;
    }

    .flexslider:hover .flex-direction-nav .flex-prev {
        left: 200px;
        padding: 0 10px;
    }

    .flexslider:hover .flex-direction-nav .flex-next {
        right: 200px;
        padding: 0 10px;
    }

    .btn-saiba-mais,
    .btn-agenda {
        padding: 15px 10px;
    }

    #flexslider-4:hover .flex-direction-nav .flex-prev {
        left: -38px;
        padding: 0 10px;
    }

    #flexslider-4:hover .flex-direction-nav .flex-next {
        right: -38px;
        padding: 0 10px;
    }

    .logo-rjrodape img {
        width: 75%;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1200px) {
    .logo-rjgov {
        max-width: 100%;
        position: relative;
    
    }

    .logo-rjgov-img {
        width: 50%;
        height: auto;
        position: relative;
        left: 30%;


    }

    .menusupi {
        width: 97%;
    }

    .servicos .section-container {
        width: 52%;
    }

    .flexslider:hover .flex-direction-nav .flex-prev {
        left: 200px;
        padding: 0 10px;
    }

    .flexslider:hover .flex-direction-nav .flex-next {
        right: 200px;
        padding: 0 10px;
    }

    #flexslider-4:hover .flex-direction-nav .flex-prev {
        left: -38px;
        padding: 0 10px;
    }

    #flexslider-4:hover .flex-direction-nav .flex-next {
        right: -38px;
        padding: 0 10px;
    }

    .logo-rjrodape img {
        width: 75%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1299px) {
    .logo-rjgov {
        max-width: 100%;
        position: relative;
        right: -16px;
    }

    .logo-rjgov-img {
        width: 50%;
        height: auto;
        position: relative;
        left: 25%;

    }

    .menusupi {
        width: 97%;
    }

    .social-midia-proderj {
        padding-left: 0px;
        width: 300px;
        margin-right: 9.3%;
    }

    .servicos .section-container {
        width: 52%;
    }

    .flexslider:hover .flex-direction-nav .flex-prev {
        left: 200px;
        padding: 0 10px;
    }

    .flexslider:hover .flex-direction-nav .flex-next {
        right: 200px;
        padding: 0 10px;
    }

    #flexslider-4:hover .flex-direction-nav .flex-prev {
        left: -38px;
        padding: 0 10px;
    }

    #flexslider-4:hover .flex-direction-nav .flex-next {
        right: -38px;
        padding: 0 10px;
    }

    .logo-rjrodape img {
        width: 75%;
    }
}

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

    .logo-rjgov {
        max-width: 100%;
        position: relative;
        
    }

    .logo-rjgov-img {
        width: 50%;
        height: auto;
        position: relative;
        left: 25%;

    }

    .menusupi {
        width: 97%;
    }

    .servicos .section-container {
        width: 52%;
    }

    .flexslider:hover .flex-direction-nav .flex-prev {
        left: 200px;
        padding: 0 10px;
    }

    .flexslider:hover .flex-direction-nav .flex-next {
        right: 200px;
        padding: 0 10px;
    }

    #flexslider-4:hover .flex-direction-nav .flex-prev {
        left: -38px;
        padding: 0 10px;
    }

    #flexslider-4:hover .flex-direction-nav .flex-next {
        right: -38px;
        padding: 0 10px;
    }

    .logo-rjrodape img {
        width: 75%;
    }
}

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

    .logo-rjgov-img {
        width: 50%;
        height: auto;
        position: relative;
        left: 30%; 
    }

    .menusupi {
        width: 97%;
    }


    .logo-rjrodape img {
        width: 75%;
    }
}

@media only screen and (min-width: 1700px) and (max-width: 2000px) {
    #flexslider-4 ul li {
        width: 350px;
        height: auto;
        margin-right: 25px;
    }

    .logo-rjrodape img {
        width: 60%;
        position: relative;
        left: 20%;
    }

}

@media only screen and (min-width: 1700px) and (max-width: 2000px) {
    .logo-rjrodape img {
        width: 60%;
        position: relative;
        left: 20%;
    }

    .logo-rjgov-img {
        width: 50%;
        height: auto;
        position: relative;
        left: 30%;
    }
}

@media only screen and (min-width: 2000px) and (max-width: 2400px) {
    .logo-rjrodape img {
        width: 60%;
        position: relative;
        left: 15%;
    }

    .logo-rjgov-img {
        width: 80%;
        height: auto;
        position: relative;
        left: 30%;
    }
}


/*equipamentos*/
@media screen and (max-width: 700px) {
    .equipamentos-row.views-row.clearfix.row-1 {
        display: flex;
        flex-direction: column;
        align-content: center;
        flex-wrap: wrap;
    }

    .equipamentos-grid {
        width: 100% !important;
    }
    
}