@media screen and (max-width: 1367px) {
    
    /* Geral */
    .container{
        width: 1040px;
        margin-left: -520px;
    }

    #banner.home-slider .owl-nav {
        width: 1040px;
        margin-left: -520px;
    }

    h2{
        font-size: 40px;
    }

    h2 span{
        font-size: 32px;
    }

    /* #topo,
    #banner,
    #sobre,
    #servicos,
    #areas-atuacao,
    #faq,
    #sergio,
    #contato{
        
    } */
    
    h1{
        font-size: 75px;
    }

    h1 span{
        font-size: 29px;
    }

    .btn-azul{
        font-size: 16px;
        width: 200px;
        line-height: 38px;
        height: 38px;
    }

    
    
    #banner p {
        font-size: 22px;
        max-width: 500px;
        line-height: 32px;
    }

    
    /* Fim do Banner */

    
    /* Sobre */

    #sobre .table-center{
        margin: 30px 0 120px 5%;
    }
    
    #sobre .container>img{
        top: -40px;
        max-height: none;
        max-width: 40%;
    }
    
    #sobre p{
        font-size: 18px;
        margin-bottom: 30px;
    }
    
    #sobre li img{
        width: 20px;
    }
    
    #sobre li{
        font-size: 18px;
        margin-bottom: 5px;
    }
    
    #sobre ul{
        margin-bottom: 30px;
    }
    
    /* Fim do Sobre */
    
    /* Serviços */
    
    #servicos .container>p{
        text-align: center;
        max-width: 80%;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    
    .cl-servico{
        float: left;
        max-width: 31%;
        margin-left: 1.2%;
    }
    
    #servicos .btn-azul{
        width: 31%;
    }

    /* FIm do Serviços */

    /* Sobre Sergio */
    
    #sergio p{
        max-width: 600px;
        font-size: 30px;
    }
    
    /* Fim Sobre Sergio */
    nav li a {
        font-family: 'Seibi Takanawa  Bold';
        font-size: 16px;
        color: #fff;
        text-transform: uppercase;
        transition: 0.3s all linear;
    }

    #sergio{
        background-position: 40%;
    }
}

@media screen and (max-width: 1200px){
    .container{
        width: 90%;
        left: auto;
        margin: 0 5%;
    }

    .cl-servico{
        float: left;
        max-width: 28%;
        margin-left: 3.5%;
    }
    .cl-servico img{
        max-width: 100%;
    }
    
    #servicos .btn-azul{
        width: 28%;
    }

    .cls-servicos-interna{
        gap: 24px;
    }

    .cl-servico-interna{
        max-width: calc(50% - 12px);
        width: calc(50% - 12px);
        height: auto;
        margin: 0;
        flex-direction: column;
        overflow: visible;
    }

    .cl-servico-interna img{
        width: 100%;
        height: 260px;
    }

    .caixa-textos-servicos{
        width: 100%;
        padding: 18px;
        box-sizing: border-box;
    }

    .cl-servico-interna h3{
        font-size: 26px;
        line-height: 1.05em;
    }

    .cl-servico-interna p{
        font-size: 16px;
        line-height: 1.25em;
    }

    #servicos-interna a{
        float: none;
        white-space: nowrap;
    }
    
}

@media screen and (max-width: 1024px){

    #banner.home-slider,
    #banner.home-slider .owl-stage-outer,
    #banner.home-slider .owl-stage,
    #banner.home-slider .owl-item,
    #banner .banner-slide{
        min-height: 0;
    }

    #banner.home-slider .owl-nav {
        width: calc(100% - 32px);
        margin-left: 0;
        transform: translateX(-50%);
    }

    #banner.home-slider .owl-nav button.owl-prev,
    #banner.home-slider .owl-nav button.owl-next {
        width: 40px;
        height: 40px;
        font-size: 28px !important;
    }

    #sergio{
        min-height: 560px;
        background-position: center bottom;
    }

    #sergio .container{
        padding-top: 70px;
        min-height: 560px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }

    #sergio p{
        order: 1;
        max-width: 90%;
        font-size: 26px;
        line-height: 1.35em;
        margin: 0 auto;
    }

    #sergio img{
        order: 2;
        align-self: center;
        max-height: 380px;
        max-width: 90%;
        object-fit: contain;
    }

    .cls-servicos-interna{
        gap: 24px;
    }

    .cl-servico-interna{
        max-width: calc(50% - 12px);
        width: calc(50% - 12px);
        height: auto;
        margin: 0;
        flex-direction: column;
        overflow: visible;
    }

    .cl-servico-interna img{
        width: 100%;
        height: 260px;
    }

    .caixa-textos-servicos{
        width: 100%;
        padding: 18px;
        box-sizing: border-box;
    }

    .cl-servico-interna h3{
        font-size: 26px;
        line-height: 1.05em;
    }

    .cl-servico-interna p{
        font-size: 16px;
        line-height: 1.25em;
    }

    #servicos-interna a{
        float: none;
        white-space: nowrap;
    }

    .menu{
        display: none;
    }

    .menu-mobile{
        display: block;
        max-width: fit-content;
        height: 100%;
        position: absolute;
        right: 0;
        top: calc(50% - 18px);
    }

    .menu-mobile a{
        color: #fff;
        font-size: 36px;
        text-decoration: none;
    }

    #topo{
        position: fixed;
        margin: 0;
        background-color: #000000d4;
        backdrop-filter: blur(10px);
        box-sizing: border-box;
        padding: 10px 0;
        border: none;
        z-index: 9 !important;
    }

    #topo img{
        max-width: 60px;
    }

    #topo .logo-menu{
        display: none !important;
    }

    #topo .icone-menu{
        display: block !important;
        width: 58px;
        height: 58px;
        max-width: none;
        background-color: #ffffff;
        border: 1px solid #fff;
        box-sizing: border-box;
        object-fit: contain;
    }

    

    /* Internas */
    
    
    /* Banner */
    #banner-interna {
        z-index: 1;
        background-size: cover;
        background-position: center center;
        padding-top: 95px;
        min-height: 300px;
        max-height: none;
        box-sizing: border-box;
    }
    
    .conteudo-banner-interna {
        display: block;
        float: left;
        width: 100%;
    }
    
    .info-banner-interna a {
        position: relative;
    }
    
    .info-banner-interna .btn-azul {
        display: block;
        float: none;
        width: 230px;
        margin: 0 auto;
    }
    
    
    .info-banner-interna {
        margin: 0 auto !important;
        float: none;
        display: table;
        height: auto;
        min-height: 190px;
        max-width: 80%;
        z-index: 3;
    }
    
    .info-banner-interna h1{
        color: #fff;
        text-transform: uppercase;
        font-size: 35px;
        text-align: center;
    }
    
    .info-banner-interna h1 span{
        font-family: 'Seibi Takanawa Light Rg';
        display: inline-block;
    }
    
    .info-banner-interna div{
        text-align: center !important;
        display: table-cell;
        vertical-align: middle !important;
        float: none;
        padding-bottom: 0;
    }
    
    #banner-interna p {
        font-family: 'Nunito';
        font-size: 30px;
        max-width: 548px;
        margin-bottom: 50px;
        line-height: 1.2em;
        color: #fff;
    }

    .area-descricao-grid {
        gap: 32px;
    }

    .area-descricao-texto {
        max-width: calc(55% - 16px);
        order: 1;
    }

    .area-descricao-imagem {
        max-width: calc(45% - 16px);
        display: block;
        position: static;
        bottom: auto;
        right: auto;
        margin-top: 0;
        order: 2;
    }
    
    
    /* Fim do Banner */
    
    /* Pagina Fale-Conosco */
    
    .conteudo-fale-consoco{
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    
    .fale-conosco-contato{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        box-sizing: border-box;
        padding-bottom: 80px;
        max-width: 100%;
        padding-right: 0;
        max-width: 100%;
        text-align: left;
    }
    
    .fale-conosco-contato div{
        align-items: flex-start;
        text-align: left;
    }
    
    .fale-conosco-contato li {
        justify-content: flex-start;
        text-align: left;
    }
    
        
    .fale-conosco-contato h4{
        font-size: 26px;
    }
        
    .fale-conosco-contato h4 span{
        font-size: 22px;
    }
       
    .fale-conosco-contato h2{
        font-size: 50px;
        margin-bottom: 10px;
        text-align: left;
    }
    
    #fale-conosco:after{
        content:'';
        display: none;
    }
    
    .fale-conosco-formulario form{
        position: relative;
        background-color: transparent;
    }
    
    .fale-conosco-formulario{
        background-color: #1e1b68;
        margin-bottom: 70px;
        padding-bottom: 40px;
    }
    
    .mapa{
        height: 30vh;
    }
    
    .fale-conosco-formulario{
        max-width: 100%;
    }











    
    /* Pagina Sobre */
    
    #sobre-empresa:after {
        content:'';
        display: block;
        position: relative;
        background-color: #ffffff;
        width: 100%;
        height: 20vh;
    }
    
    #sobre-empresa h2{
        display: block;
        float: left;
        text-align: center;
        max-width: 100%;
        width: 100%;
        margin-top: auto;
    }

    
    #sobre-empresa .container>div{
        display: block;
        float: left;
        text-align: center;
        max-width: 100%;
        margin-top: 100px;
    }
    
    
    #cultura ul{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 0;
        row-gap: 50px;
    }
    
    #cultura li{
        max-width: 100%;
    }

}




@media screen and (max-width: 967px){
    .fale-conosco-contato h4{
    font-size: 22px;
}
    
.fale-conosco-contato h4 span{
    font-size: 14px;
    line-height: 16px;
}
   


.container.modal-equipe{
    width: 100% !important;
}

.modal-equipe .modal-center p{
    text-align: center !important;
}

.container.modal-equipe h3{
    font-size: 25px !important;
    text-align: center !important;
}

    .info-banner a span{
        font-size: 15px;
    }
    
    
    h2 {
        font-size: 36px;
    }

    p{
        font-size: 20px;
    }

    .info-banner{
        max-width: 100%;
        text-align: center
    }

    .titulo-banner{
        font-size: 60px;
    }

    #banner p{
        max-width: 80%;
        display: inline-block;
        text-align: center;
    }

    #banner .btn-azul{
        width: 50%;
        margin: 0 auto;
        font-size: 5px;
        float: none;
        text-align: center;
    }

    #banner .btn-azul span{
        float: none;
        text-align: center;
    }

    
    /* Sobre */

    #sobre .table-center{
        max-width: 100%;
        margin: 0;
    }
    
    #sobre .container>img{
        margin: 0 auto;
        float: none;
        max-width: 100%;
        width: 100%;
        max-height: 300px;
        object-fit: cover;
    }
    
    #sobre p{
        font-size: 18px;
        margin-bottom: 30px;
    }
    
    #sobre li img{
        width: 30px;
    }
    
    #sobre li{
        font-size: 22px;
        margin-bottom: 20px;
    }

    
    #sobre .btn-azul{
        text-align: center;
        width: 100%;
        margin-bottom: 80px;
    }
    
    /* Fim do Sobre */

    .cl-servico{
        max-width: 100%;
        margin-left: 0;
        margin-bottom: 50px;
    }
    .cl-servico img{
        width: 100%;
        max-height: 300px;
        object-fit: cover;
    }
    
    #servicos .btn-azul{
        width: 100%;
        margin: 0;
        padding: 5px 0;
    }

    #servicos h3{
        font-size: 30px;
    }

    .cls-servicos-interna{
        gap: 28px;
    }

    .cl-servico-interna{
        max-width: 100%;
        width: 100%;
    }

    .cl-servico-interna img{
        height: 280px;
    }


    
    #aconselhamento .container div{
        max-width: 100%;
    }

    #aconselhamento .container div{
        top: 0;
        position: relative;
        float: left;
        margin-top: 80px;
        padding: 50px 40px;
    }
    
    #aconselhamento img{
        position: absolute;
        float: none;
        top: -50px;
        height: 200px;
        object-fit: cover;
        object-position: bottom;
        left: calc(10% - 5%);
        display: block;
        width: 90%;
    }

    .pergunta div span{
        height: 90%;
        position: absolute;
        top: calc(50% - 45%);
        align-content: center;
    }

    .pergunta h4{
        height: max-content;
        width: 95%;
        float: right;
        padding-left: 40px;
    }

    .pergunta h4::after {
        right: 10px;
        top: 15%;
    }
    
    .pergunta.active h4::after {
        content: '-';
    }




    
    .end p,
    .redes p{
        line-height: 34px;
        font-size: 22px;
    }

    .redes p:nth-child(3n){
        font-size: 16px;
    }

    
    .redes ul{
        margin-top: 20px;
        text-align: center;
    }
    
    .end span{
        display: block;
    }
    
    .end h5,
    .redes h5{
        font-size: 24px;
        color: #2d298e;
        margin-bottom: 20px;
    }
    
    .redes li{
        float: none;
        width: 30px;
        display: inline-block;
        margin: 0 5px 0 5px;
        height: 30px;
    }
    
    footer .cl-30{
        margin-bottom: 30px;
        max-width: 100%;
        text-align: center;
    }

    
    
    footer .cl-30 img{
        max-width: 50%;
        margin: 0 auto;
        display: block;
    }

    footer .redes img{
        max-width: 100%;
        height: 100%;
    }
    
    .copyright {
        display: block;
        padding: 20px 0px;
        color: #000;
        font-size: 20px;
        background-color: #fff;
        border-top: 1px solid hsla(277.5,89%,96.5%,1);
        width: 100%;
        text-align: center;
    }
    
    .fa.fa-angle-up{
        font-size: 40px;
        position: absolute;
        right: 0;
        bottom: 70px;
    }

    .cls-publicacoes-interna{
        gap: 20px;
    }

    .cl-publicacao-interna{
        max-width: 100%;
        width: 100%;
        margin-bottom: 20px;
    }

    .img-publicacao img{
        height: 220px;
    }

    .caixa-textos-publicacao{
        padding: 20px;
    }

    .caixa-textos-publicacao h3{
        min-height: auto;
    }

    .btn-leia-mais{
        width: 100%;
        text-align: center;
    }

    .layout-blog-interna{
        flex-direction: column;
    }

    .sidebar-blog{
        width: 100%;
    }

    .cls-filtro-categorias{
        justify-content: center;
    }

    .menu-lateral-categorias .btn-categoria,
    .btn-paginacao{
        box-sizing: border-box;
        width: 100%;
        text-align: center;
    }

}

@media screen and (min-width: 768px) and (max-width: 1200px){
    .cl-publicacao-interna{
        width: calc(50% - 15px);
    }
}

@media screen and (max-width: 767px){
    .area-descricao-grid{
        gap: 24px;
    }

    .area-descricao-texto,
    .area-descricao-imagem{
        max-width: 100%;
    }

    .area-descricao-imagem{
        margin-top: 0;
    }

    #publicacoes-interna{
        padding: 60px 0 80px;
    }

    #blog-interna .container > p{
        max-width: 100%;
        margin-bottom: 30px;
    }

    .btn-categoria{
        font-size: 15px;
        padding: 10px 14px;
    }

    .img-publicacao img{
        height: 200px;
    }

    .topo-post-interno h2{
        font-size: 34px;
    }

    .resumo-post-interno{
        font-size: 20px;
    }

    .conteudo-post-interno p,
    .conteudo-post-interno li{
        font-size: 18px;
        line-height: 1.7em;
    }
}