/*----- MÁXIMO 475 -----*/
@media (max-width:475px) {
    .acessibilidade {
        position: absolute;
        justify-content: center;
        top: 250px;
        right: 25px;
    }
    .acessibilidade a {
        margin:0px 3px 0 0;
    }
    .acessibilidade a:hover {
        margin:5px 3px 0 0;
    }
    .acessibilidade a i {
        font-size: 10px;
        padding:5px 6px;
    }
    .acessibilidade a:hover i {
        background-color: rgb(0,0,0);
    }
    #brasao img {
        width: 210px;
        margin-top: 40px;
    }
    #brasao .nome-logo {
        top: 133px;
    }
    #brasao h1 {
        font-size: 20px;
    }
    #busca{
        margin: 6px;
    }
    #busca input{
        width: 78%;
        background-color: #f0f0f0 !important;
        height: 33px;
    }
    #busca svg{
        height: 33px;
    }
    #busca a{
        right: 15px;
        top: -6px;
    }
    #box-usuario{
        position: absolute;
        top: 238px;
        right: 0;
    }
    .usuario-icone {
        width:50px !important;
        top: -10px;
        border-radius: 6px;
        line-height: 25px;
        height: 25px;
    }
    .usuario-icone #usuario-text{
        display: none;
    }
    .usuario-icone svg{
        width: 100% !important;
    }
    .logo-footer img {
        height:100px;
    }
    .text-footer {
        text-align: center;
        margin-top:20px;
    }
    .banner-capa {
        height:210px;
        background-size:130%;
    }   
    .banner-capa img {
        min-height:210px;
    }    
    .banner-background {
        min-height:210px;
    }   
    .banner-slogan {
        height:210px;
    }
    .banner-slogan .frase a {
        min-width:260px;
        width:90%;
        margin-left:5%;
        display:block;
    }
    .banner-slogan h2 {
        font-size:18px;
        line-height:22px;
    }
    .btn-chamada {
        padding:6px 12px 9px 12px;
        margin:5px;
    } 
    .btn-chamada svg {
        font-size:26px;
    }
    .btn-chamada h3 {
        font-size:12px;
        line-height:16px;
    }
    .home-noticia-principal {
        height:220px;
    }
    .home-noticia-principal strong h3 {
        padding:12px 15px;
        font-size:20px;
        line-height:22px;
    }
    .home-noticia-principal:hover strong h3 {
        padding:30px 15px;
    }
    .margin-top-responsiva {
        margin-top:70px;
    }
    .home-licitacao, .box-atendimento, .servico-capa{
        height: auto;
    }
    .span-iframe{
        justify-content: center;
        display: flex;
        height: auto;
    }
    .dados-footer{
        height: auto;
    }
    .dados-footer svg{
        height: 100%;
    }
    footer #nome-municipio{
        font-size: 27px;
    }
    .barra-superior{
        width: 92%;
    }
    .img-barra-superior{
        width: 64px;
        margin-left: -22px;
    }
    #barras-inferior{
        margin-top: 78px;
    }
    .barra-inferior-1{
        width: 92%;
    }
    .barra-inferior-2{
        width: 0%;
    }
    .img-logo-ouvidoria .municipio, .img-logo-ouvidoria .nome-municipio{
        display: none;
    }
}





/*----- 476/575 -----*/
@media (min-width: 476px) and (max-width: 575px) {
    .acessibilidade {
        position: absolute;
        justify-content: flex-end;
        top: 250px;
        right: 25px;
    }
    .acessibilidade a {
        margin:0px 3px 0 0;
    }
    .acessibilidade a:hover {
        margin:5px 3px 0 0;
    }
    .acessibilidade a i {
        font-size: 10px;
        padding:5px 6px;
    }
    .acessibilidade a:hover i {
        background-color: rgb(0,0,0);
    }
    #brasao img {
        width: 210px;
        margin-top: 40px;
    }
    #brasao .nome-logo {
        top: 133px;
    }
    #busca input{
        width: 78%;
        background-color: #f0f0f0 !important;
        height: 33px;
    }
    #busca svg{
        height: 33px;
    }
    #busca a{
        right: 25px;
        top: 6px;
    }
    .usuario-icone {
        width:50px !important;
        top: -10px;
        border-radius: 6px;
        line-height: 25px;
        height: 25px;
    }
    .usuario-icone #usuario-text{
        display: none;
    }
    .usuario-icone svg{
        width: 100% !important;
    }
    .logo-footer img {
        height:100px;
    }
    .text-footer {
        text-align: center;
        margin-top:20px;
    }
    .banner-capa {
        height:240px;
        background-size:120%;
    }   
    .banner-capa img {
        min-height:240px;
    }    
    .banner-background {
        min-height:240px;
    }   
    .banner-slogan {
        height:240px;
    }
    .banner-slogan .frase a {
        min-width:380px;
        width:90%;
        margin-left:5%;
        display:block;
    }
    .banner-slogan h2 {
        font-size:22px;
        line-height:26px;
    }
    .btn-chamada {
        padding:6px 12px 9px 12px;
        margin:5px;
    } 
    .btn-chamada svg {
        font-size:26px;
    }
    .btn-chamada h3 {
        font-size:13px;
        line-height:18px;
    }
    .home-noticia-principal {
        height:240px;
    }
    .home-noticia-principal strong h3 {
        padding:12px 15px;
        font-size:20px;
        line-height:22px;
    }
    .home-noticia-principal:hover strong h3 {
        padding:25px 15px;
    }
    .margin-top-responsiva {
        margin-top:70px;
    }
    .home-licitacao, .box-atendimento, .servico-capa{
        height: auto;
    }
    .span-iframe{
        justify-content: center;
        display: flex;
        height: auto;
    }
    .dados-footer{
        height: auto;
    }
    footer #nome-municipio{
        font-size: 28px;
    }
    .barra-superior{
        width: 82%;
    }
    .img-barra-superior{
        width: 64px;
        margin-left: -22px;
    }
    #barras-inferior{
        margin-top: 78px;
    }
    .barra-inferior-1{
        width: 85%;
    }
    .barra-inferior-2{
        width: 8%;
    }
    .img-logo-ouvidoria .municipio, .img-logo-ouvidoria .nome-municipio{
        display: none;
    }
}





/*----- 576/767 -----*/
@media (min-width: 576px) and (max-width: 767px) {
    .acessibilidade {
        position: absolute;
        justify-content: flex-start;
        top: 250px;
        right: -102px;
    }
    .acessibilidade a {
        margin:0px 3px 0 0;
    }
    .acessibilidade a:hover {
        margin:5px 3px 0 0;
    }
    .acessibilidade a i {
        font-size: 10px;
        padding:5px 6px;
    }
    .acessibilidade a:hover i {
        background-color: rgb(0,0,0);
    }
    #brasao img {
        width: 210px;
        margin-top: 40px;
    }
    #brasao .nome-logo {
        top: 133px;
    }
    #busca input{
        width: 70%;
        background-color: #f0f0f0 !important;
        height: 33px;
    }
    #busca svg{
        height: 33px;
    }
    #busca a{
        right: 25px;
        top: 6px;
    }
    .acessibilidade{
        justify-content: center;
    }
    .usuario-icone {
        width:50px !important;
        top: -10px;
        border-radius: 6px;
        line-height: 25px;
        height: 25px;
    }
    .usuario-icone #usuario-text{
        display: none;
    }
    .usuario-icone svg{
        width: 100% !important;
    }
    .logo-footer img {
        height:100px;
    }
    .text-footer {
        text-align: center;
        margin-top:20px;
    }
    .banner-capa {
        height:270px;
        background-size:120%;
    }   
    .banner-capa img {
        min-height:270px;
    }    
    .banner-background {
        min-height:270px;
    }   
    .banner-slogan {
        height:270px;
    }
    .banner-slogan .frase a {
        min-width:450px;
        width:90%;
        margin-left:5%;
        display:block;
    }
    .banner-slogan h2 {
        font-size:25px;
        line-height:32px;
    }
    .btn-chamada {
        padding:6px 12px 9px 12px;
        margin:5px;
    } 
    .btn-chamada svg {
        font-size:26px;
    }
    .btn-chamada h3 {
        font-size:13px;
        line-height:18px;
    }
    .home-noticia-principal {
        height:300px;
    }
    .home-noticia-principal strong h3 {
        padding:20px;
        font-size:22px;
        line-height:26px;
    }
    .home-noticia-principal:hover strong h3 {
        padding:35px 20px;
    }
    .margin-top-responsiva {
        margin-top:70px;
    }
    .home-licitacao, .box-atendimento, .servico-capa{
        height: auto;
    }
    .span-iframe{
        justify-content: center;
        display: flex;
        height: auto;
    }
    .barra-superior{
        width: 82%;
    }
    .img-barra-superior{
        width: 64px;
        margin-left: -22px;
    }
    #barras-inferior{
        margin-top: 78px;
    }
    .barra-inferior-1{
        width: 85%;
    }
    .barra-inferior-2{
        width: 10%;
    }
    .img-logo-ouvidoria .municipio, .img-logo-ouvidoria .nome-municipio{
        display: none;
    }
}





/*----- 768/991 -----*/
@media (min-width: 768px) and (max-width: 991px) {
    .acessibilidade {
        justify-content: flex-start;
    }
    .acessibilidade a:hover i {
        background-color: rgb(0,0,0);
    }
    #busca input {
        width:70%;
    }
    #brasao img {
        width: 190px;
        margin-top: -4px;
    }
    .text-footer {
        text-align: center;
        margin-top:20px;
    }
    .banner-capa {
        height:320px;
        background-size:100%;
    }   
    .banner-capa img {
        min-height:320px;
    }    
    .banner-background {
        min-height:320px;
    }   
    .banner-slogan {
        height:320px;
    }
    .banner-slogan .frase a {
        min-width:600px;
        width:90%;
        margin-left:5%;
        display:block;
    }
    .banner-slogan h2 {
        font-size:30px;
        line-height:38px;
    }
    .btn-chamada {
        padding:6px 12px 9px 12px;
        margin:5px;
        height:90px;
    } 
    .btn-chamada svg {
        font-size:26px;
    }
    .btn-chamada h3 {
        font-size:13px;
        line-height:18px;
    }
    .margin-top-responsiva {
        margin-top:70px;
    }
    .home-licitacao, .box-atendimento{
        height: auto;
    }
    .span-iframe{
        justify-content: center;
        display: flex;
        height: auto;
    }
    #busca {
        position: absolute;
        top: 101px;
        right: 210px;
    }
    #busca input{
        width: 96%;
        background-color: #f0f0f0 !important;
    }
    #busca a{
        right: 5px;
        top: 0px;
    }
    .acessibilidade{
        justify-content: center;
    }
    .barra-superior{
        width: 68%;
    }
    .barra-inferior-1{
        width: 69%;
    }
    .barra-inferior-2{
        width: 27%;
    }
}





/*----- 992/1199 -----*/
@media (min-width: 992px) and (max-width: 1199px) {
    .acessibilidade a:hover i {
        background-color: rgb(0,0,0);
    }
    .menu-fechado {
        top:20px !important;
        right:30px !important;
        padding:10px 20px !important;
    }
    .logo-footer img {
        height:100px;
    }
    .banner-capa {
        height:360px;
        background-size:100%;
    }   
    .banner-capa img {
        min-height:360px;
    }    
    .banner-background {
        min-height:360px;
    }   
    .banner-slogan {
        height:360px;
    }
    .banner-slogan .frase a {
        min-width:800px;
        width:80%;
        margin-left:10%;
        display:block;
    }
    .banner-slogan h2 {
        font-size:30px;
        line-height:38px;
    }
    .home-noticia-principal {
        height:350px;
      }
      .home-noticia-principal strong h3 {
        padding:15px 20px;
        font-size:20px;
        line-height:22px;
      }
      .home-noticia-principal:hover strong h3 {
        padding:30px 20px;
      }
      .home-noticia-secundaria {
        height: 160px;
      }
      .home-noticia-secundaria img {
        height:160px;
      }
      .home-noticia-secundaria h3 {
        padding:15px;
        font-size:13px;
        line-height:16px;
      }
      .home-noticia-secundaria:hover h3 {
        padding:25px 15px;
      }
      .btn-chamada {
        padding:6px 12px 9px 12px;
        margin:5px;
        height:80px;
    } 
    .btn-chamada svg {
        font-size:26px;
    }
    .btn-chamada h3 {
        font-size:12px;
        line-height:16px;
    }
    #licitacoes-capa{
        order: 2;
        margin-top: 50px;
    }
    #documentos-capa{
        margin-bottom: 55px;
    }
    #busca {
        position: absolute;
        top: 101px;
        right: 227px;
    }
    #busca input{
        width: 96%;
        background-color: #f0f0f0 !important;
    }
    #busca a{
        right: 5px;
        top: 0px;
    }
    .acessibilidade{
        justify-content: center;
    }
    .barra-inferior-2{
        width: 25%;
    }
    .img-barra-inferior-2{
        right: -23px;
    }
}





/*----- 1200/1399 -----*/
@media (min-width: 1200px) and (max-width: 1399px) {
    .menu-fechado {
        display:none
    }
    .dynamika-menu-a-root {
      padding:0 18px !important;
    }
    .logo-footer img {
        height:100px;
    }
    .banner-capa {
        height:400px;
        background-size:100%;
    }   
    .banner-capa img {
        min-height:400px;
    }    
    .banner-background {
        min-height:400px;
    }   
    .banner-slogan {
        height:400px;
    }
    .banner-slogan .frase a {
        min-width:900px;
        width:80%;
        margin-left:10%;
        display:block;
    }
    .banner-slogan h2 {
        font-size:36px;
        line-height:44px;
    }
    .btn-chamada {
        padding:6px 12px 9px 12px;
        margin:5px;
        height:80px;
    } 
    .btn-chamada svg {
        font-size:26px;
    }
    .btn-chamada h3 {
        font-size:12px;
        line-height:16px;
    }
    #licitacoes-capa{
        order: 2;
        margin-top: 50px;
    }
    .dl-menuwrapper{
        display: none;
    }
    .barra-inferior-2{
        width: 25%;
    }
    .img-barra-inferior-2{
        right: -30px;
    }
}





/*----- 1400/1679 -----*/
@media (min-width: 1400px) and (max-width: 1679px) {
    .menu-fechado {
        display:none
    }
    .dynamika-menu-a-root {
      padding:0 30px !important;
    }
    .banner-capa {
        height:450px;
        background-size:100%;
    }   
    .banner-capa img {
        min-height:450px;
    }    
    .banner-background {
        min-height:450px;
    }   
    .banner-slogan {
        height:450px;
    }
    .banner-slogan .frase a {
        min-width:1000px;
        width:80%;
        margin-left:10%;
        display:block;
    }
    .banner-slogan h2 {
        font-size:40px;
        line-height:50px;
    }
    .dl-menuwrapper{
        display: none;
    }
    .barra-inferior-2{
        width: 25%;
    }
    .img-barra-inferior-2{
        right: -35px;
    }
    .box-btn-chamada{
        height: 228px;
    }
}





/*----- 1680/1920 -----*/
@media (min-width: 1680px) and (max-width: 1920px) {
    .menu-fechado {
        display:none
    }
    .banner-capa {
        height:500px;
        background-size:100%;
    }   
    .banner-capa img {
        min-height:500px;
    }
    .banner-slogan .frase a {
        min-width:1200px;
        width:80%;
        display:block;
    }
    .banner-slogan h2 {
        font-size:45px;
        line-height:55px;
    }
    .dl-menuwrapper{
        display: none;
    }
    .box-btn-chamada{
        height: 228px;
    }
}





/*----- MAIS DE 1920 -----*/
@media (min-width: 1921px) {
    .menu-fechado {
        display:none
    }
    .banner-capa {
        height:550px;
        background-size:100%;
    }   
    .banner-capa img {
        min-height:550px;
    }    
    .banner-background {
        min-height:550px;
    }   
    .banner-slogan {
        height:550px;
    }
    .banner-slogan .frase a {
        min-width:800px;
        width:60%;
        margin-left:20%;
    }
    .banner-slogan h2 {
        font-size:45px;
        line-height:55px;
    }
    .dl-menuwrapper{
        display: none;
    }
    .box-btn-chamada{
        height: 228px;
    }
}




/* ----- MENU FECHADO ----- */
@media (max-width: 1200px) {
    #menu {
        display:none;
        transition:all .2s ease !important;
        width:0 !important;
    }
}