/*----- MÁXIMO 475 -----*/
@media (max-width:475px) {
    #brasao {
        height:80px;
    }
    #brasao .selo img {
        height: 60px;
        margin-top:10px;
    }
    #brasao .nome-logo {
        left:70px;
        top: 13px;
    }
    #busca input {
        margin-right:0;
        width:100%;
    }
    #busca > svg {
        margin-right:0;
        border-radius:6px;
        margin-left:5px;
    }
    #box-usuario {
        padding-left: 0px !important;
        padding-right:15px !important;
    }
    .btn-topo {
        padding: 10px;
        line-height:12px;
        margin-top: 10px;
        margin-bottom:10px;
    }
    .btn-topo span {
        display:none;
    }
    .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;
    }
    .home-noticia-principal {
        height: 220px;
    }
    .home-noticia-principal h3 {
        padding: 12px 15px;
        font-size: 18px;
        line-height: 22px;
    }
    .home-noticia-principal:hover h3 {
        padding:25px 15px;
    }
    .home-noticia-secundaria h3 {
        padding: 10px 15px;
        font-size: 14px;
        line-height:18px;
    }
    .home-noticia-secudanria:hover h3 {
        padding:20px 15px;
    }
    .margin-top-responsiva {
        margin-top: 70px;
    }
    #video-home {
        width:100%;
        height:200px;
        object-fit: cover;
        object-position: center;
        overflow:hidden;
    }
    #servico-destaque-capa a span {
        display:none;
    }
    .multimidia-capa img {
        height: 200px;
    }
    .licitacao-capa {
        margin-top:60px;
    }
    .titulo h2 {
        font-size: 14px;
        line-height: 16px;
    }
    .titulo {
        padding: 15px 0;
        margin-bottom:15px;
    }
    .secretario-capa {
        border-right:0;
    }
    footer {
        padding-top:40px;
    }
    .padding-resp-btn-topo{
        padding: 0 !important;
    }
}





/*----- 476/575 -----*/
@media (min-width: 476px) and (max-width: 575px) {
    #brasao {
        height:80px;
    }
    #brasao .selo img {
        height: 60px;
        margin-top:10px;
    }
    #brasao .nome-logo {
        left:70px;
        top: 13px;
    }
    #busca input {
        margin-right:0;
        width:100%;
    }
    #busca > svg {
        margin-right:0;
        border-radius:6px;
        margin-left:5px;
    }
    #box-usuario {
        padding-left: 0px !important;
        padding-right:15px !important;
    }
    .btn-topo {
        padding: 12px;
        line-height:12px;
        margin-top: 10px;
        margin-bottom:10px;
    }
    .btn-topo span {
        display:none;
    }
    .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;
    }
    .home-noticia-principal {
        height: 300px;
    }
    .home-noticia-principal h3 {
        padding: 12px 15px;
        font-size: 18px;
        line-height: 22px;
    }
    .home-noticia-principal:hover h3 {
        padding:25px 15px;
    }
    .home-noticia-secundaria {
        height:300px;
    }
    .home-noticia-secundaria h3 {
        padding: 10px 15px;
        font-size: 14px;
        line-height:18px;
    }
    .home-noticia-secundaria:hover h3 {
        padding:20px 15px;
    }
    .margin-top-responsiva {
        margin-top: 70px;
    }
    #video-home {
        width:100%;
        height:200px;
        object-fit: cover;
        object-position: center;
        overflow:hidden;
    }
    #servico-destaque-capa a span {
        display:none;
    }
    .multimidia-capa img {
        height: 240px;
    }
    .licitacao-capa {
        margin-top:60px;
    }
    .titulo h2 {
        font-size: 14px;
        line-height: 16px;
    }
    .titulo {
        padding: 15px 0;
        margin-bottom:15px;
    }
    .secretario-capa {
        border-right:0;
    }
    footer {
        padding-top:40px;
    }
}





/*----- 576/767 -----*/
@media (min-width: 576px) and (max-width: 767px) {
    #brasao {
        height:80px;
    }
    #brasao .selo img {
        height: 60px;
        margin-top:10px;
    }
    #brasao .nome-logo {
        left:70px;
        top: 13px;
    }
    #busca input {
        margin-right:0;
        width:100%;
    }
    #busca > svg {
        margin-right:0;
        border-radius:6px;
        margin-left:5px;
    }
    #box-usuario {
        padding-left: 0px !important;
        padding-right:15px !important;
    }
    .btn-topo {
        padding: 12px;
        line-height:12px;
        margin-top: 10px;
        margin-bottom:10px;
    }
    .btn-topo span {
        display:none;
    }
    .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;
    }
    .home-noticia-principal {
        height: 300px;
    }
    .home-noticia-principal h3 {
        padding: 20px;
        font-size: 22px;
        line-height: 26px;
    }
    .home-noticia-principal:hover h3 {
        padding: 35px 20px;
    }
    .margin-top-responsiva {
        margin-top: 70px;
    }
    #video-home {
        width:100%;
        height:270px;
        overflow: hidden;
    }
    #servico-destaque-capa h4 {
        font-size:14px;
        line-height:17px;
    }
    #servico-destaque-capa a span {
        display:none;
    }

    .licitacao-capa {
        margin-top:60px;
    }
    .multimidia-capa img {
        height: 270px;
    }
}





/*----- 768/991 -----*/
@media (min-width: 768px) and (max-width: 991px) {
   
    #brasao {
        height:80px;
    }
    #brasao .selo img {
        height: 60px;
        margin-top:10px;
    }
    #brasao .nome-logo {
        left:70px;
        top:13px;
    }
    #busca {
        margin-top:-10px;
    }
    #busca input {
        margin-right:0;
        width:100%;
        margin-top:-10px;
    }
    #busca > svg {
        margin-right:0;
        border-radius:6px;
        margin-left:5px;
    }
    #box-usuario {
        justify-content: flex-start;
    }
    footer {
        background-size: 170%;
    }
    footer .row {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .logo-footer img {
        height: 80px;
    }
    .text-footer {
        text-align: center;
        margin-top: 20px;
    }
    .btn-topo {
        padding: 12px;
        line-height:12px;
        margin-top: 10px;
        margin-bottom:10px;
    }
    .btn-topo span {
        display: none;
    }
    .btn-topo span {
        margin-top:-5px;
    }
    .banner-capa {
        height: 300px;
        background-size: 100%;
    }
    .banner-capa img {
        min-height: 300px;
    }
    .banner-background {
        min-height: 300px;
    }
    .banner-slogan {
        height: 300px;
    }
    .banner-slogan .frase a {
        min-width: 600px;
        width: 90%;
        margin-left: 5%;
        display: block;
    }
    .banner-slogan h2 {
        font-size: 30px;
        line-height: 38px;
    }
    .margin-top-responsiva {
        margin-top: 70px;
    }
    #video-home {
        width:100%;
        height:320px;
        overflow: hidden;
    }
    .home-noticia-principal {
        height: 330px;
    }
    .home-noticia-principal img {
        height:330px;
    }
    .home-noticia-principal h3 {
        padding: 20px;
        font-size: 18px;
        line-height:22px;
    }
    .home-noticia-principal:hover h3 {
        padding:30px 20px;
    }
    .home-noticia-secundaria {
        height: 164px;
    }
    .home-noticia-secundaria img {
        height:164px;
    }
    .home-noticia-secundaria h3 {
        padding:15px;
        font-size: 13px;
        line-height:16px;
    }
    .home-noticia-secundaria:hover h3 {
        padding:25px 15px;
    }
    .servico-capa:last-child {
        display:none;
    }
}





/*----- 992/1199 -----*/
@media (min-width: 992px) and (max-width: 1199px) {
    .menu-fechado {
        top:116px !important;
    }
    #brasao {
        height:80px;
    }
    #brasao .selo img {
        height: 60px;
        margin-top:23px;
    }
    #brasao .nome-logo {
        left:70px;
        top:28px;
    }
    #busca {
        margin-top:-10px;
    }
    #busca input {
        margin-right:0;
        width:100%;
        margin-top:-10px;
    }
    #busca > svg {
        margin-right:0;
        border-radius:6px;
        margin-left:5px;
    }
    #box-usuario {
        justify-content: flex-start;
    }
    .logo-footer img {
        height: 80px;
    }
    .btn-topo {
        padding: 12px;
        line-height:12px;
        margin-bottom: 29px;
    }
  
    .btn-topo span {
        margin-top:-5px;
    }
    .banner-capa {
        height: 340px;
        background-size: 100%;
    }
    .banner-capa img {
        min-height: 340px;
    }
    .banner-background {
        min-height: 340px;
    }
    .banner-slogan {
        height: 340px;
    }
    .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;
    }
    #video-home {
        width:100%;
        height:360px;
        overflow: hidden;
    }
}





/*----- 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: 10px;
    }

    .btn-chamada span {
        margin-top: 10px;
        font-size: 32px;
    }

    .btn-chamada h3 {
        font-size: 12px;
        line-height: 16px;
    }
}





/*----- 1400/1679 -----*/
@media (min-width: 1400px) and (max-width: 1679px) {
    .menu-fechado {
        display: none
    }

    .dynamika-menu-a-root {
        padding: 0 20px !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;
    }
}





/*----- 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-background {
        min-height: 500px;
    }

    .banner-slogan {
        height: 500px;
    }

    .banner-slogan .frase a {
        min-width: 1200px;
        width: 80%;
        display: block;
    }

    .banner-slogan h2 {
        font-size: 45px;
        line-height: 55px;
    }
}





/*----- 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;
    }
}




/* ----- MENU FECHADO ----- */
@media (max-width: 1200px) {
    #menu {
        display: none;
        transition: all .2s ease !important;
        width: 0 !important;
        position: fixed !important;
        top: -30px;
        left: 0;
        bottom: 0;
        width: 190px !important;
        padding-top: 100px;
        background-color: rgb(60, 72, 107);
        box-shadow: 4px 0 4px rgb(0, 0, 0, .3);
        border-right: 1px solid rgba(255, 255, 255, .5);
        z-index: 90;
    }

    .dynamika-menu-a-link {
        color: #000 !important;
    }

    .dynamika-menu-ul-forest {
        flex-direction: column !important;
        width: 190px !important;
    }

    .dynamika-menu-li-root {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        position: relative !important;
    }

    .dynamika-menu-li-root:hover {
        background-color: rgba(0, 0, 0, .2);
        border-bottom: 0 !important;
    }

    .dynamika-menu-a-root {
        border: 0 !important;
        text-align: left !important;
        padding: 10px 15px !important;
        line-height: 20px !important;
        font-size: 12px !important;
        margin: 0 !important;
        color: rgb(255, 255, 255) !important;
        border-bottom: 1px solid rgba(255, 255, 255, .3) !important;
    }

    .dynamika-menu-a-root:hover {
        border-bottom: 1px solid rgba(255, 255, 255, .3) !important;
        z-index: 1 !important;
    }

    .dynamika-menu-li-root:hover .dynamika-menu-a-root {
        color: rgb(255, 255, 255) !important;
    }

    .dynamika-menu-li-root:hover .dynamika-menu-span-items {
        top: 0 !important;
        left: 191px !important;
        width: 191px !important;
        border-radius: 0;
        padding: 10px 10px 25px 10px !important;
        z-index: 99 !important;
        position: absolute;
        border: 1px solid rgb(0, 0, 0, .5);
    }

    .dynamika-menu-span-sub {
        font-size: .9em;
        padding: 25px 15px 5px 15px;
    }

    .dynamika-menu-span-sub h3 {
        font-size: .9em;
        padding: 25px 15px 5px 15px;
    }

    .dynamika-menu-span-sub p {
        display: none;
    }

    .dynamika-menu-a-link {
        padding: 3px 0;
        font-size: 11px;
        text-transform: none;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
    }

    .menu-fechado {
        padding:10px 30px 10px 20px;
        border-radius:6px;
        position: absolute;
        top:10px;
        right:-10px;
        cursor: pointer;
        color: rgb(255, 255, 255);
        font-family: 'Gotham', sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 13px;
        background-color: rgb(244, 80, 80);
        z-index: 999999;
    }

    .menu-fechado svg {
        color: rgb(255, 255, 255);
    }
}