﻿@media (min-width: 769px) {
    main {
        display: block !important;
    }
    .mobile-only {
        display: none !important;
    }
    .banner-mobile {
        display: none;
    }
    .banner-desktop {
        display: block;
    }
}

@media (max-width: 1200px) {
    div.novixTable {
        width: 756px !important;
    }
    .banner-principal {
        padding: 0 10px;
    }
}

@media (max-width: 1100px) {
    .menu-auxiliar__submenu li {
        font-size: 0.8em;
        margin-left: 12px;
    }
    .menu-auxiliar__social img {
        width: 16px;
        margin-top: 3px;
    }
    .menu-auxiliar__social li {
        margin-left: 4px;
    }
    .menu-auxiliar__social {
        margin-left: 12px;
    }
}

@media (max-width:1080px) {
    div.novixTable {
        width: 636px !important;
    }
}

@media (max-width:960px) {
    div.novixTable {
        width: 516px !important;
    }
}

@media (max-width: 768px) {
    .desktop-only {
        display: none;
    }
    iframe,
    img {
        height: initial;
    }
    body {
        background: #ffffff;
        height: inherit;
    }
    body.fixed {
        padding-top: 0;
    }
    .destaque {
        padding: 0;
        margin: 0 0 15px;
        height: 270px;
    }
    .destaque--pequeno {
        height: 180px;
        margin: 0;
    }
    .destaque__titulo {
        font-size: 1.6em;
    }
    .coluna-destaque {
        padding: 0 5px;
    }
    .destaque__chamada {
        bottom: 16px;
        left: 16px;
    }
    .destaque--grande .destaque__chamada {
        left: 24px;
    }
    .destaque__titulo--grande {
        font-size: 1.6em;
    }
    .destaque__titulo--pequeno {
        font-size: 1.3em;
    }
    .destaque__serie {
        font-size: 1em;
    }
    .destaques {
        margin-top: 10px;
        padding: 10px 15px;
    }
    .home-noticias-content {
        padding: 0 0 0;
        margin: 0;
        border: none;
    }
    .home-noticias-content ul li a {
        flex-direction: column;
    }
    .home-noticias-content .home-noticia-imagem {
        width: 100%;
        margin: 0;
    }
    .home-noticias-content .home-noticia-conteudo {
        width: 100%;
        display: inline-block;
        padding-left: 0;
        flex: 1 1 auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .home-main .editorias-home {
        width: 100%;
        margin: 25px 0 10px;
    }
    .home-main .editorias-home-links {
        flex-direction: column;
    }
    .home-main .editorias-home-links a {
        width: 100%;
        margin: 0 0 10px
    }
    .newsletter {
        margin: 0 8px;
        border: 1px solid #f7e5d0;
    }
    .chamada-newsletter {
        padding: 2px 18px 10px;
        font-size: 13px;
        line-height: 19px;
    }
    .assinar-newsletter {
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 0.9em;
        border-left: 1px solid #f7e5d0;
        padding: 12px 0;
        border-top: 1px solid #f7e5d0;
    }
    .assinar-newsletter:first-child {
        border-left: 0;
    }
    .assinar-newsletter img,
    .assinar-newsletter p {
        display: inline;
    }
    .menu__itens {
        display: none;
        height: auto;
        position: absolute;
        top: 100%;
        z-index: 1000000;
        background-color: #047fa7;
        width: 100%;
    }
    .menu__item,
    nav.pure-menu-horizontal li[class^="item-"] {
        border-bottom: 1px solid #5ab6d3;
        border-left: none;
        width: 100%;
        height: auto;
        float: none;
        list-style: none;
    }
    .menu__item a,
    nav.pure-menu-horizontal li[class^="item-"] a {
        color: white;
        padding: 15px 18px;
        display: block;
    }
    .lista-noticias__foto {
        display: none;
    }
    .rede-social.whatsapp {
        display: inline-block;
    }
    .lista-noticias__item {
        margin: 8px 8px 0;
        border: 1px solid #d5d5d5;
        background-color: white;
        min-height: 170px;
        position: relative;
    }
    .lista-noticias {
        padding-right: 0;
    }
    .lista-noticias__texto {
        padding: 16px 24px 16px 16px;
    }
    .lista-noticias__data {
        display: none;
    }
    .vermais {
        padding: 0 8px;
    }
    .botao--vermais {
        margin-top: 10px;
    }
    .lateral {
        padding-left: 20px;
        padding-right: 20px;
    }
    .filtro {
        display: none;
        margin-bottom: 10px;
    }
    .filtros {
        margin: 10px 8px;
    }
    .botao-grupo {
        margin-bottom: 10px;
    }
    .botao-grupo__botao {
        width: 50%;
        background-color: white;
        font-weight: bold;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .botao-grupo__botao--infografico {
        width: 33%;
    }
    .botao-grupo__botao--video {
        width: 25%;
    }
    .pure-button-group .botao-grupo__botao:last-child {
        border-right: 1px solid #008ebb;
        border-left: none;
    }
    .sidebar-atendimento {
        margin-left: 8px;
        margin-right: 8px;
    }
    .principal {
        margin-top: 0;
        padding: 0 10px;
        overflow-x: hidden;
    }
    .principal .principal {
        margin-top: 0;
        padding: 0;
    }
    .destaque--interno {
        padding-right: 8px;
    }
    .paginacao {
        padding: 0 8px;
    }
    .noticias__info--superior h3 {
        float: none;
    }
    .data {
        float: none;
    }
    .metadados {
        display: none;
    }
    .metadados--single {
        display: block;
        float: none;
        margin: 0;
    }
    .noticias__info .lista-noticias__social {
        float: none;
        margin: 10px 0 5px;
    }
    .noticias__info .lista-noticias__social li {
        margin: 0 10px 0 0;
    }
    .leia-mais {
        padding: 0 8px;
    }
    .body--single {
        background-color: white;
    }
    .single {
        margin-top: 30px;
        padding-left: 0;
        padding-right: 0;
    }
    .institucional {
        margin-top: 30px;
        padding-left: 8px;
        padding-right: 8px;
    }
    .lista-noticias__busca--comimagem {
        display: block;
        min-height: 180px;
        width: 100%;
    }
    .lista-noticias__texto--busca-comimagem {
        padding-left: 20px;
        padding-top: 0;
    }
    .busca-titulo {
        padding: 0 8px;
    }
    .calendario {
        padding: 0 12px;
    }
    .agenda {
        padding: 0 12px;
    }
    .calendario__titulo {
        padding: 0 12px;
    }
    .titulo--midia {
        padding-left: 12px;
        padding-right: 12px;
    }
    .voltar--midia {
        padding-left: 12px;
        padding-right: 12px;
    }
    .fotos {}
    .foto {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    .lista-noticias__icone {
        /* extends thumb */
        left: 3em;
    }
    .galeria {
        padding-left: 12px;
        padding-right: 12px;
    }
    .img-audio {
        display: block;
    }
    .input__texto {
        width: 100%;
        margin-bottom: 5px;
    }
    .footer {
        padding-left: 8px;
        padding-right: 8px;
    }
    .footer-menu {
        /* display: none; */
        margin-bottom: 24px;
    }
    .footer-menu {
        margin-bottom: 20px;
    }
    .footer-menu:nth-child(2) {
        margin-bottom: 30px;
    }
    .footer-menu__titulo {
        margin: 0 10px 5px;
    }
    .menu-auxiliar__submenu li a,
    .menu-auxiliar__submenu li {
        font-size: 14px
    }
    .logo__ibge--rodape {
        float: none;
        margin-bottom: 25px;
        margin-left: 13px;
        width: 135px;
        margin-top: 10px;
    }
    .footer .menu-auxiliar__social {
        float: none;
        margin-top: 14px;
    }
    .menu-auxiliar__social img {
        width: 28px;
        margin-top: 3px;
    }
    .menu-auxiliar__social li {
        margin-left: 0;
        margin-right: 18px;
    }
    .direitos {
        text-align: left;
        margin-top: 30px;
    }
    div.novixTable {
        width: 100% !important;
    }
    .galeria__container p {
        position: static;
        bottom: 0;
        width: 100%;
        background: rgb(58, 58, 58);
        margin: 0;
        padding: 15px 17px 20px;
        color: #ffffff;
        font-size: 15px;
    }
    .bx-wrapper .bx-controls .bx-pager-item {
        height: 70px;
    }
    .bx-wrapper .bx-controls .bx-pager {
        height: 80px;
    }
    .center {
        height: 300px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .slick-slide div.slide-serie {
        height: 200px;
    }
    .home-nivel-1 {
        margin-top: 35px;
        padding: 0 17px;
    }
    .home-noticias ul li {
        margin-bottom: 40px;
    }
    .home-noticias-content h3 {
        font-size: 14px;
    }
    .home-noticias-content .home-noticia-titulo {
        font-size: 17px;
        line-height: 23px;
    }
    .home-noticias-content .home-noticia-subeditoria {
        font-size: 13px;
        line-height: 17px;
        margin-bottom: 6px;
    }
    .botao-full {
        margin-bottom: 30px;
    }
    .home-nivel-1-esquerda {
        padding: 0;
    }
    .home-nivel-1-direita {
        padding: 0;
        border-left: none;
    }
    .home-podcasts,
    .home-retratos {
        padding: 0 0 20px;
    }
    .home-podcasts .home-podcasts-titulo {
        font-size: 15px;
    }
    .home-podcasts audio {
        width: 100%;
    }
    .home-retratos .capa-revista {
        width: 120px;
    }
    .home-lentes .lentes-banner .home-lentes-img {
        height: 280px;
    }
    .home-nivel-2-esquerda,
    .home-nivel-2-meio,
    .home-nivel-2-direita {
        border: none;
        border-bottom: 1px solid #ccc;
        padding: 20px 20px;
    }
    .home-nivel-2-direita {
        border: none;
        padding: 20px 0;
    }
    .destaque-nivel-3-content ul li {
        flex-direction: column;
    }
    .home-nivel-2 {
        background: #e4e3e2;
        margin-top: 10px;
        padding: 15px 0 35px;
    }
    .lentes-doc .logo__lentes {
        width: 47px;
        padding: 0;
    }
    .lentes-doc .ibge-logo {
        height: 30px;
        padding-left: 3px;
        padding-top: 2px;
        margin-left: 15px;
        margin-top: -2px;
        border-left: 1px solid #b2acaa;
        display: none;
    }
    .lentes-doc .lentes-intro {
        height: calc(100vh - 93px);
    }
    .lentes-doc .lentes-intro .intro-info img {
        width: 350px;
        max-width: 100%;
    }
    .lentes-doc .lentes-intro .intro-info .intro-data {
        width: 80%;
    }
    .lentes-doc .lentes-intro .intro-info h3 {
        line-height: 25px;
        font-size: 17px;
    }
    .lentes-doc .lentes-intro .intro-info hr {
        max-width: 400px;
    }
    .lentes-navigation ul li {
        display: block;
        border-bottom: 1px solid #dadada;
        padding: 0;
    }
    .lentes-navigation ul li span {
        display: block;
        font-family: 'Barlow', sans-serif;
        color: #838484;
        font-size: 17px;
        padding: 18px 23px;
        border-right: none;
        transition: all 250ms;
        cursor: pointer;
    }
    .lentes-navigation ul {
        list-style: none;
        text-align: center;
        margin-bottom: 0;
    }
    .lentes-doc .lentes-subtitle {
        padding: 0;
    }
    .lentes-doc .lentes-subtitle.fullimage {
        height: calc(100vh - 73px);
    }
    .lentes-doc h2 {
        color: #838484;
        padding: 45px 40px 47px 71px;
        font-size: 28px;
        background-size: 25px;
        background-position-x: 30px;
    }
    .lentes-doc .lentes-quote {
        padding: 45px 30px 0;
    }
    .lentes-doc .lentes-quote p {
        font-size: 21px;
        line-height: 30px;
    }
    .lentes-doc .lentes-quote small {
        font-family: 'Barlow', sans-serif;
        display: block;
        font-size: 14px;
        line-height: 26px;
        margin-top: 10px;
    }
    .lentes-doc .lentes-text {
        padding: 0 30px;
        margin: 50px auto 80px;
    }
    .lentes-doc .col-1-4 {
        width: 100%;
    }
    .lentes-doc .col-2-4 {
        width: 100%;
    }
    .lentes-doc .col-3-4 {
        width: 100%;
    }
    .lentes-doc .col-4-4 {
        width: 100%;
    }
    .lentes-doc .right {
        float: none;
        padding: 0 0 15px 0;
    }
    .lentes-doc .left {
        float: none;
        padding: 0 0 15px 0;
    }
    .lentes-doc .lentes-text p {
        font-size: 14px;
        line-height: 20px;
        margin: 20px 0;
    }
    .lentes-doc .video-player iframe {
        height: 350px;
    }
    .lentes-doc .lentes-minuto p {
        font-size: 19px;
    }
    .lentes-doc .lentes-minuto p:before {
        margin: 5px 9px 0 0;
    }
    .minutointerna-content li {
        display: block;
        padding-bottom: 35px;
        margin-bottom: 35px;
        border-bottom: 1px solid #ccc;
    }
    .minutointerna-imagem {
        width: 100%;
        flex: 0 0 auto;
    }
    .minutointerna-texto {
        width: 100%;
        flex: 0 0 auto;
        padding-left: 0;
        padding-top: 20px;
        align-self: auto;
    }
    .minutointerna-descricao audio {
        width: 100%;
    }
    header {
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    header.sticky {
        position: fixed;
        width: 100%;
        z-index: 1000;
        top: 0;
    }
    .envolve_logo {
        height: 60px;
        max-width: 1200px;
        margin: 15px 0 6px;
    }
    header.sticky .envolve_logo {
    }
    .menu:after {
        content: "";
        display: block;
        clear: both;
        float: none;
    }
    .logo {
        font-size: 1.2em;
        padding-left: 15px;
        /* width: 160px; */
        margin-top: 8px;
        margin-left: 9px;
    }
    nav.menu {
        height: 54px;
        position: relative;
    }
    header.sticky nav.menu {
        margin-bottom: 0;
        padding: 5px 0;
        height: 64px;
    }
    .botao-menu {
        float: left;
        margin: 8px 15px 0;
    }
    .busca {
        float: right;
        position: static;
        right: -4px;
        top: 4px;
        display: block;
    }
    .botao-menu--busca {
        float: right;
        margin: 4px 15px;
        top: 4px;
    }
    .busca__input {
        top: 54px;
        width: 100%;
        right: auto;
        left: 0;
    }
    .busca__input input {
        width: 100%;
        box-sizing: border-box;
        padding: 9px 10px;
        height: auto;
    }
    .header__menu--mobile {
        padding-right: 8px;
    }
    .header-mobile {
        padding-top: 10px;
        background-color: white;
        border-bottom: 1px solid #d5d5d5;
        height: 66px;
    }
    .logo__ibge {
        float: none;
        margin-left: 0;
        bottom: 0;
        top: 7px;
        width: 76px;
    }
    .logo__principal {
        top: 1px;
        margin: 0;
        width: 140px;
    }
    .home-main main.envolve_main {
        padding-top: 25px;
    }
    .minuto-ibge-home .audio-player {
        flex-direction: column;
    }
    .minuto-ibge-home .audio-player img {
        flex: 0 0 auto;
        width: 100%;
        margin: 0;
    }
    .minuto-ibge-home .audio-player audio {
        flex: 1 0 auto;
        width: 90%;
        margin: 19px 17px;
        padding: 0;
    }
    .banner-mobile {
        display: block;
    }
    .banner-desktop {
        display: none;
    }
    .banner-split {
        flex-direction: column;
        padding: 0 10px;
    }
    .banner-split .banner-split-1,
    .banner-split .banner-split-2 {
        width: 100%;
        margin-top: 0;
        padding: 0;
    }
    .banner-split .banner-split-2 {
        margin-top: 15px;
    }
    .banner-split .calendar {
        height: 190px;
        padding: 19px 15px 0;
    }
    .banner-split .calendar:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 119px;
        background: #ddd8d1;
        margin: 0 auto;
    }
    .banner-split .calendar-inner {
        flex-direction: column;
        align-items: flex-start;
    }
    .banner-split .counter {
        transform: scale(.7);
    }
    .banner-split .calendar-inner p {
        font-size: 18px;
        line-height: 5px;
        margin-bottom: 6px;
    }
    .banner-split .calendar .counter-text {
        margin-top: 11px;
        font-size: 15px;
        line-height: 20px;
        color: #19408f;
        font-weight: 500;
    }
    .banner-split .calendar .mascote-mulher {
        position: absolute;
        bottom: 70px;
        left: 72%;
        height: 120px;
    }
    .banner-split .calendar .logo-censo {
        display: block;
        height: 69px;
        bottom: 97px;
        right: 75%;
    }
    .acervo-banco select {
        margin: 0 0 10px;
        width: 100%
    }
    .paginacao .botao {
        margin-bottom: 10px
    }
    .acervo-lentes {
        padding-right: 0;
        border-right: none;
    }
    .acervo-retratos {
        padding-left: 0;
    }
    h4.titulo-sidebar-home.banco-de-midia {
        margin-top: 30px;
    }
    .lista-noticias__thumb {
        height: 160px;
        background-size: cover;
    }
}

@media (max-width: 768px) and (min-width: 630px) {
    .sidebar--galeria__lista li {
        max-width: 24%;
    }
    .sidebar--galeria__lista li:nth-child(2n) {
        margin-right: 8px;
    }
    .sidebar--galeria__lista li:nth-child(4n) {
        margin-right: 0;
    }
}

@media (max-width: 629px) and (min-width: 450px) {
    .sidebar--galeria__lista li {
        max-width: 32%;
    }
    .sidebar--galeria__lista li:nth-child(2n) {
        margin-right: 8px;
    }
    .sidebar--galeria__lista li:nth-child(4n) {
        margin-right: 8px;
    }
    .sidebar--galeria__lista li:nth-child(3n) {
        margin-right: 0;
    }
}

@media (max-width: 400px) {
    .logo {
        font-size: 0.8em;
        padding-left: 8px;
        width: 100%;
    }
    .calendario__semestre {
        width: 100%;
    }
    .lentes-doc .ibge-logo {
        display: none;
    }
    .lentes-doc .audio-player {
        flex-direction: column;
        background-color: transparent;
    }
    .lentes-doc .audio-player img {
        flex: 0 0 auto;
        width: 100%;
        margin: 0;
    }
    .lentes-doc .audio-player audio {
        flex: 1 0 auto;
        width: 100%;
        margin: 19px 17px 0;
    }
}
