﻿/*Media Queries*/
@media (max-width: 575.98px) {
    /*Home*/
    body { overflow-x: hidden; }
    .menu-acessibilidade { float: none; text-align: center; }
    .sub { display: none; }
    #slideout { top: 294px; }
    .midias-sociais { margin-top: 10px; }
    .img-midias-sociais { display: block; margin: 0 auto; }
    nav.menu-acesso-rapido ul { display: contents; }
    nav.menu-acesso-rapido li:last-child a { width: 290px;} 
    .menu-lateral { max-width: 100%; width: 100%; display: block; margin-left: auto; margin-right: auto; }
    .menu-a { float: none; display: block; margin: 0 auto; }
    .menu-b { float: none; display: block; margin: 0 auto; margin-bottom: 247px; }
    .conteudo-lateral { max-width: 100%; }
    .background-titulo-vereador { width: 100%; }
    #playerElement { width: 100%!important; }
    .upcoming-events { width: 100%; }
    .footer { padding: 0px; }
    .footer .endereco { margin-bottom: 30px; padding: 0; }
    .link-footer { text-align: center; float: none; display: block; }
    .link-footer:last-child{ margin-bottom: 30px}
    #ouvidoria-passos a { width: 100%; }
    #txtProtocolo { width: 100%; margin: 20px 0; }
    #ouvidoria .ouvidoria-item { width: 100%; padding-right: 0; }
    .ouvidoria-item-mobile { min-height: 33em; }
    .solicitacoes-campo { width: 100%!important; margin: 20px 0; }
    #txtDataFinal, #txtDataInicio { width: 100%; margin: 10px 0; }
    select { width: 100%; }
    #txtAssuntoPesq { width: 100%!important; margin: 10px 0; }
    .container-vereadores { display: block !important; width: 100%; }
    .vereadores-img { width: 100% !important; }
    .btn-home {
        width: 350px !important;
    }
}


@media (min-width: 576px) and (max-width: 767.98px) {
    /*Home*/
    body { overflow-x: hidden; }
    .sub { display: none; }
    nav.menu-acesso-rapido ul { display: contents; }
    nav.menu-acesso-rapido li:last-child a { width: 290px; } 
    
}


@media (min-width: 768px) and (max-width: 991.98px) {
    /*Home*/
    body { overflow-x: hidden; }
    .sub { display: none; }
    nav.menu-acesso-rapido ul { display: contents; }
    nav.menu-acesso-rapido li:last-child a { width: 290px; } 

    
}


@media (min-width: 992px) and (max-width: 1279.98px) {
    /*Home*/
    body { overflow-x: hidden; }
    .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.2rem; padding-left: 0.2rem; }
    .top-search { padding-top: 20px; }
    nav.menu-acesso-rapido li:first-child a { width: 188px; padding: 0; }
    nav.menu-acesso-rapido li:nth-child(2) a { width: 188px; padding: 0; }
    nav.menu-acesso-rapido li:nth-child(3) a { width: 188px; padding: 0; }
    nav.menu-acesso-rapido li:nth-child(4) a { width: 188px; padding: 0; }
    nav.menu-acesso-rapido li:last-child a { width: 188px; padding: 0; }
    .noticias-quadro { max-width: 600px; }
    .ps-current{ height: 372.583px!important;}
    .menu-lateral { max-width: 308px; }
    .conteudo-lateral { max-width: 308px; margin-top: 15px; }
    .menu-a { width: 158px; }
    .menu-b { width: 158px; }
    .menu-home-img { width: 158px; height: 57px; }
    a.btn-legislacao { display: block; width: 158px; height: 57px; background: url("images/btn-legislacao.jpg") 0 0 no-repeat; text-decoration: none; }
    a:hover.btn-legislacao { background-position: -158px 0; }
    a.btn-leis-municipais { display: block; width: 158px; height: 57px; background: url("images/btn-leis-municipais.jpg") 0 0 no-repeat; text-decoration: none; }
    a.btn-regimento-interno { display: block; width: 158px; height: 57px; background: url("images/btn-regimento-interno.jpg") 0 0 no-repeat; text-decoration: none; }
    a.btn-lei-organica { display: block; width: 158px; height: 57px; background: url("images/btn-lei-organica.jpg") 0 0 no-repeat; text-decoration: none; }
    a.btn-proposituras { display: block; width: 158px; height: 57px; background: url("images/btn-proposituras.jpg") 0 0 no-repeat; text-decoration: none; }
    a:hover.btn-proposituras { background-position: -158px 0; }
    a.btn-indicacoes { display: block; width: 158px; height: 57px; background: url("images/btn-indicacoes.jpg") 0 0 no-repeat; text-decoration: none; }
    a.btn-projetos { display: block; width: 158px; height: 57px; background: url("images/btn-projetos.jpg") 0 0 no-repeat; text-decoration: none; } 
    a.btn-requerimentos { display: block; width: 158px; height: 57px; background: url("images/btn-requerimentos.jpg") 0 0 no-repeat; text-decoration: none; }
    a.btn-pauta-das-sessoes { display: block; width: 158px; height: 57px; background: url("images/btn-pauta-das-sessoes.jpg") 0 0 no-repeat; text-decoration: none; }
    a:hover.btn-pauta-das-sessoes { background-position: -158px 0; }
    a.btn-vereadores { display: block; width: 158px; height: 57px; background: url("images/btn-vereadores.jpg") 0 0 no-repeat; text-decoration: none; }
    a:hover.btn-vereadores { background-position: -158px 0; }
    a.btn-mesa-diretora { display: block; width: 158px; height: 57px; background: url("images/btn-mesa-diretora.jpg") 0 0 no-repeat; text-decoration: none; }
    a:hover.btn-mesa-diretora { background-position: -158px 0; }
    a.btn-comissoes { display: block; width: 158px; height: 57px; background: url("images/btn-comissoes.jpg") 0 0 no-repeat; text-decoration: none; }
    a:hover.btn-comissoes { background-position: -158px 0; }
    a.btn-camara-mirim { display: block; width: 158px; height: 57px; background: url("images/btn-camara-mirim.jpg") 0 0 no-repeat; text-decoration: none; }
    a:hover.btn-camara-mirim { background-position: -158px 0; } 
    a.btn-camara-itinerante { display: block; width: 158px; height: 57px; background: url("images/btn-camara-itinerante.jpg") 0 0 no-repeat; text-decoration: none; }
    a:hover.btn-camara-itinerante { background-position: -158px 0; }
    a.btn-fala-cidadao { display: block; width: 158px; height: 246px; background: url("images/btn-fala-cidadao.jpg") 0 0 no-repeat; text-decoration: none; }
    a:hover.btn-fala-cidadao { background-position: -158px 0; }
    .borda-noticia{ padding: 0;}
    .upcoming-events { padding: 51px 40px; }
    







}







@media (min-width: 992px) and (max-width: 1299.98px) {
    /*Home*/
    body { overflow-x: hidden; }
    .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.2rem; padding-left: 0.2rem; }
    .top-search { padding-top: 20px; }
    nav.menu-acesso-rapido li:first-child a { width: 188px; padding: 0; }
    nav.menu-acesso-rapido li:nth-child(2) a { width: 188px; padding: 0; }
    nav.menu-acesso-rapido li:nth-child(3) a { width: 188px; padding: 0; }
    nav.menu-acesso-rapido li:nth-child(4) a { width: 188px; padding: 0; }
    nav.menu-acesso-rapido li:last-child a { width: 188px; padding: 0; }
    .noticias-quadro { max-width: 600px; }
    .ps-current{ height: 372.583px!important;}
    .menu-lateral { max-width: 308px; }
    .conteudo-lateral { max-width: 308px; margin-top: 15px; }
    .menu-a { width: 158px; }
    .menu-b { width: 158px; }
    .menu-home-img { width: 158px; height: 57px; }
    a.btn-legislacao { display: block; width: 158px; height: 57px; background: url("images/btn-legislacao.jpg") 0 0 no-repeat; text-decoration: none; }
    a:hover.btn-legislacao { background-position: -158px 0; }
    a.btn-leis-municipais { display: block; width: 158px; height: 57px; background: url("images/btn-leis-municipais.jpg") 0 0 no-repeat; text-decoration: none; }
    a.btn-regimento-interno { display: block; width: 158px; height: 57px; background: url("images/btn-regimento-interno.jpg") 0 0 no-repeat; text-decoration: none; }
    a.btn-lei-organica { display: block; width: 158px; height: 57px; background: url("images/btn-lei-organica.jpg") 0 0 no-repeat; text-decoration: none; }
    a.btn-proposituras { display: block; width: 158px; height: 57px; background: url("images/btn-proposituras.jpg") 0 0 no-repeat; text-decoration: none; }
    a:hover.btn-proposituras { background-position: -158px 0; }
    a.btn-indicacoes { display: block; width: 158px; height: 57px; background: url("images/btn-indicacoes.jpg") 0 0 no-repeat; text-decoration: none; }
    a.btn-projetos { display: block; width: 158px; height: 57px; background: url("images/btn-projetos.jpg") 0 0 no-repeat; text-decoration: none; } 
    a.btn-requerimentos { display: block; width: 158px; height: 57px; background: url("images/btn-requerimentos.jpg") 0 0 no-repeat; text-decoration: none; }
    a.btn-pauta-das-sessoes { display: block; width: 158px; height: 57px; background: url("images/btn-pauta-das-sessoes.jpg") 0 0 no-repeat; text-decoration: none; }
    a:hover.btn-pauta-das-sessoes { background-position: -158px 0; }
    a.btn-vereadores { display: block; width: 158px; height: 57px; background: url("images/btn-vereadores.jpg") 0 0 no-repeat; text-decoration: none; }
    a:hover.btn-vereadores { background-position: -158px 0; }
    a.btn-mesa-diretora { display: block; width: 158px; height: 57px; background: url("images/btn-mesa-diretora.jpg") 0 0 no-repeat; text-decoration: none; }
    a:hover.btn-mesa-diretora { background-position: -158px 0; }
    a.btn-comissoes { display: block; width: 158px; height: 57px; background: url("images/btn-comissoes.jpg") 0 0 no-repeat; text-decoration: none; }
    a:hover.btn-comissoes { background-position: -158px 0; }
    a.btn-camara-mirim { display: block; width: 158px; height: 57px; background: url("images/btn-camara-mirim.jpg") 0 0 no-repeat; text-decoration: none; }
    a:hover.btn-camara-mirim { background-position: -158px 0; } 
    a.btn-camara-itinerante { display: block; width: 158px; height: 57px; background: url("images/btn-camara-itinerante.jpg") 0 0 no-repeat; text-decoration: none; }
    a:hover.btn-camara-itinerante { background-position: -158px 0; }
    div.btn-fala-cidadao { display: block; width: 158px; height: 246px; background: url("images/btn-fala-cidadao.jpg") 0 0 no-repeat; text-decoration: none; }
    div:hover.btn-fala-cidadao { background-position: -158px 0; }
    .clique-aqui { position: absolute; margin-top: 0px; margin-left: 4px; }
    .texto-fala-cidadao { font-size: 14px; }
    .borda-noticia{ padding: 0;}
    .upcoming-events { padding: 51px 40px; }
    







}




