@media (min-width: 768px) and (max-width: 1090px) {
  nav ul li{ margin: 10px 7px}
  main .noticias { max-width: 100%;}
  main .noticias article { width: 30%}
  main #sidebar { width:100%}
  main .ads { text-align:center}
  main #publicacoes .lista { width:700px;padding: 20px 0 20px 10px}
  main #publicacoes article { margin-right:0}
}

@media (max-width: 768px) {

  .content { max-width: 100%}
  #cabecalho ul.redes-sociais, #cabecalho p { display: none;}

  header { position: inherit;left: inherit;top: inherit;z-index: 9999;margin-bottom: 0;}
  header figure.banner-principal { display: none;}
  header .demo-icon{font-family: "fontello";font-style: normal;font-weight: normal;speak: none;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
  header .icon-menu, header .btn-navmenu {font-size: 36px;color: #3e4095;cursor: pointer;float: left;display: block;cursor: pointer;}
  header .icon-search{font-size: 25px;}
  header .btn-navmenu span { display: none}
  header #cabecalho { position: relative;height: auto;background: white;text-align: center;padding: 0;}
  header #cabecalho p { display: none}
  header #cabecalho .data {position: absolute;top: 15px;left: 15px;}
  header #cabecalho ul.redes-sociais { margin-top: 18px}
  header #cabecalho figure.logo { display: none}
  header #cabecalho figure.logo img { width: auto}
  header nav { background: #f3f3f3; margin: 0; padding: 5px 0; margin-top: -100px; }
  header nav { display: block;text-align: center;margin: 13px 0;background: white;width: 100%;}
  header nav.ativo { margin-top: 0}
  header nav figure { display: inline-block;float: none;}
  header nav ul {display: none;width: 100%;text-align: center;margin: 0;position: absolute;top: 1px;left: 0;background: #fefefe;z-index: 9999999;float: none;padding: 10px;padding-top: 40px;}
  header nav ul li {display: inline-block;margin: 10px 10px;text-transform: uppercase;font-weight: 700;padding-bottom: 5px;width: 97%;text-align: left;}
  header nav.ativo { margin: 0}
  header nav.ativo ul { display: block;}
  header nav.ativo #btn-close {position: absolute;top: 20px;right: 25px;z-index: 99999999;display: block;}

#webdoor.up, main.internas.up { margin-top: 183px}

  #webdoor { margin: 0}
  #webdoor .slick-slide img { max-width: inherit;}
  main h2 { margin: 0 0 30px 10px; width: inherit; width: auto; text-align: left;}
  main .noticias { text-align: center;}
  main .noticias article { float: none; display: inline-block; margin: 15px 0 0 0; vertical-align: top}

  main .noticias article.thumb figure img { width: auto}

  main #sidebar {    display: block;width: 300px;margin: 0 auto;height: auto;overflow: hidden; float: none;}
  main #ingressos { margin: 30px 0; text-align:center }
  main #ingressos h3 { padding: 10px; max-width: 100%; text-align: left;}
  main #ingressos article { float: none;  display: inline-block; height: auto; margin: 10px 0}
  main #publicacoes { text-align: center;}
  main #publicacoes .col-left, main #publicacoes .col-right  { max-width: 100%;}
  main #publicacoes .col-right { margin: 10px 0; float: none}
  main #publicacoes article { display: inline-block; float: none; margin: 10px 0}
  main #publicacoes .lista { max-width: 90%; margin: 35px auto; padding: 20px}
  main #publicacoes .lista article a { display: inline-block;}
  main #publicacoes .lista .slick-prev { left: -34px}
  main #publicacoes .lista .slick-next { right: -34px}
  footer figure.logo::before, footer figure.logo::after { content: normal;}
  footer ul.redes-sociais { float: none; width: 100%; margin: 0; text-align: center;}
  footer ul.redes-sociais li.titulo { width: 100%; text-align: center; margin: 15px 0}
  footer article { margin: 28px 0 0 0; padding-bottom: 30px}
  footer article ul.col-1, footer article ul.col-2, footer article ul.col-3, footer article ul.col-4 { display: none}
  footer .assinatura figure, footer .assinatura article { margin: 15px}
  footer .copyright article p { padding: 10px}

  main.internas { margin: 0}
  #post { width: 100%}
  #post .head {  padding: 0 10px 15px 10px;}
  #post .head form { width: 100%; margin: 10px 0}
  #post .head form::before { right: inherit; left: 258px}
  #post .head select.sub-menu { float: left;}
  #post article p { padding: 0 10px}
  #post article table.diretoria { width: 100%;}
  #post article table.diretoria td {padding: 10px;border-top: 1px solid #eee; width: 50%}
  #post section.publicacoes-header figure { width: 100%; margin: 0; text-align: center;}
  #post section.publicacoes-header article.publicacoes-info { margin: 10px 0}
  #post article.publicacoes-lista { margin: 0; text-align: center;}
  #post h3 { width: 100%; padding: 10px}
  #post article.campea p { line-height: 2; margin: 0}
  #post article.campea {    width: 266px;float: none;margin: 0 auto;height: auto;}
  #post article.galeria-lista { margin-top: 20px}
  #post article.galeria-lista ul { text-align: center;}
  #post article.galeria-lista ul li { display: inline-block; float: none;}
  #post article.noticias-lista figure { width: 100%; text-align: center;}
  #post article.noticias-lista h2 { float: left;width: 100%; margin: 10px 0; padding: 10px}
  #post article.noticias-lista:last-child { border:none;}
  #post article.single small { width: 100%; padding: 0 10px; margin-bottom: 10px}
  #post a.back { float: none; display: block; text-align: center; width: 250px; margin: 30px auto;}
  #post article.single div.galeria { text-align: center;}
  #post article.single div.galeria a { width: 40%}
  #post.full p { padding: 10px}
  #post section.carnaval-lista article.data p{ width: 100%}
  #post section.carnaval-lista article.escolas a { width: 100%; margin: 15px 0}
  #post section.carnaval-lista article.escolas a::after { content: normal !important;}
  #post section.carnaval-lista article.escolas a.enredo { padding-left: 104px}
  #post section.carnaval-lista article.escolas a.enredo::before { left: 10px}
  #post section.carnaval-lista article.escolas a.samba { padding-left: 104px;}
  #post section.carnaval-lista article.escolas a.samba::before { left: 10px}
  #post section.carnaval-lista article.infos a { width: 100%;margin: 15px 0}
  #post section.carnaval-lista article.infos a::after { content: normal !important;}
  #post section.carnaval-lista article.infos a.ensaio { padding-left: 79px}
  #post section.carnaval-lista article.infos a.ensaio::before { left: 2px}
  #post section.carnaval-lista article.infos a.faq { padding-left: 79px}
  #post section.carnaval-lista article.infos a.faq::before { left: 9px}
  #post section.carnaval-lista article.dados a { width: 100%; margin: 15px 0;}
  #post section.carnaval-lista article.dados a::after { content: normal !important;}
  #post section.carnaval-lista article.dados a.manual, #post section.carnaval-lista article.dados a.livro { padding-left: 102px}
  #post section.carnaval-lista article.dados a.manual::before, #post section.carnaval-lista article.dados a.livro::before { left: 10px;}
  #post section.carnaval-lista article.apuracao a { width: 100%; margin: 15px 0}
  #post section.carnaval-lista article.apuracao a::after { content: normal !important}
  #post section.carnaval-lista article.apuracao a.resultado, #post section.carnaval-lista article.apuracao a.ranking { padding-left: 102px}
  #post section.carnaval-lista article.apuracao a.resultado::before { left: -7px; top: -15px}
  #post section.carnaval-lista article.apuracao a.ranking::before { left: 8px; top: -11px}
  #post section.carnaval-lista article.apuracao { margin-bottom: 10px}
  #post article table.horario-desfile p { font-size: 12px; margin: 0; width: 100%}
  #post article table.horario-desfile td { text-align: center;}
  #post article table.horario-desfile img { float: none; margin: 0}
  #post article table.horario-desfile td.titulo { text-align: left;}
  #post article table.horario-desfile td.titulo { font-size: 14px;}
  #post article table.horario-desfile.justificativa td { padding:4px; font-size: 13px}
  #post figure.carnaval-publicacoes { width: 100%; margin: 10px 0; text-align: center;}
  #post a.btn-download { margin-left: 10px}
  #perguntas { padding: 10px}
  #post article ul.sub-menu-escola { text-align:left;}
  #post article ul.sub-menu-escola li { width: 100%; margin: 20px 0; padding-left: 45px}
  #post article.campea { text-align:center;  width:100%}
  #post article.campea figure { float: none; margin-top: 30px}
  #post article.campea p { font-size: 20px}
  section.veja-mais-escola { padding: 40px 10px 40px 10px}
  #post article.samba-enredo div.embed { position: inherit; top: inherit; left:inherit; width: 100%; float: left; padding: 0; margin-bottom: 20px}
  #post article.samba-enredo div.embed iframe { position: inherit; height: 100%;}
  #post article table.colocacoes td { width:20%}
  #post article.livro-carnaval-capa { display: none}
  #post article.livro-carnaval figure.autor { padding: 10px}
  #post article.livro-carnaval figure.autor h3 { margin: 10px 0}
  #post article.header-justificativa-dos-jurados h3 br { display: none}
  #post article.header-outros-carnavais h3 { line-height: 1.5}
  #post ul.memoria-lista li { display: inline-block; margin: 5px 4px; width: 100%; height: 215px; padding: 100px 0 100px 135px; }
}

/* Ipad */
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  main .noticias article { padding: 5px; width: 32%}
  main .ads { padding: 5px 10px; text-align: center;}
  main #sidebar { width: 100%; padding: 10px}
  main #ingressos article { vertical-align: top; margin: 10px}
  main #ingressos article.datas { float: left;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
  main h2 { text-align: left;}
  main .ads { margin: 25px 0; text-align: center;}
  main .noticias { max-width: 100%; padding: 10px; text-align: center;}
  main .noticias article { width: 33%; margin: 0; float: none; display: inline-block; vertical-align: top}
  main #sidebar { width: 100%; padding: 10px}
  main #ingressos article { vertical-align: top; margin: 10px}
  main #ingressos article.datas { float: left;}
  main #ingressos { padding: 10px}
  main #publicacoes .col-left, main #publicacoes .lista { max-width: 715px}
  main #publicacoes article img { width: 225px}
  main #publicacoes .col-right article img { width: 270px}
}

/* Ipad Pro */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation : portrait){
  main h2 { text-align: left;}
  main .ads { margin: 25px 0; text-align: center;}
  main .noticias { max-width: 100%; padding: 10px; text-align: center;}
  main .noticias article { width: 33%; margin: 0; float: none; display: inline-block; vertical-align: top}
  main #sidebar { width: 100%; padding: 10px}
  main #ingressos article { vertical-align: top; margin: 10px}
  main #ingressos article.datas { float: left;}
  main #ingressos { padding: 10px}
  main #publicacoes .col-left, main #publicacoes .lista { max-width: 715px}
  main #publicacoes article img { width: 225px}
  main #publicacoes .col-right article img { width: 270px}
}