@media (max-width: 1600px) {
    section.sobre:before, section.solucoes:before {
        width: 100%;
        border-radius: 0;
    }
    section.servicos .rotativo {
        width: 95%;
        margin: 50px auto 0;
    }
}


@media (max-width: 1366px) {


    .definir div a {
        font-size: 48px;
        line-height: 48px;
        padding: 50px;
    }
    .definir div a b {
        font-size: 32px;
    }


    header nav {
        display: unset;
        margin-top: -4px;        
    }
    header ul li:nth-child(5), header ul li:nth-child(6) {
        display: unset;
    }   
    header ul li ol {
        position: fixed;
        display: flex;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        align-items: center;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        gap: 15px;
    } 
    header ul li ol.submenu {
        opacity: 1;
        visibility: visible;
    }    
    header ul {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--branco);
        z-index: 1;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
    } 
    header .grid > a[href*="fale-conosco"] {
        display: none;
    }       
    section.banner h1 {
        font-size: 40px;
        line-height: 48px;
        margin-top: 40px;
    }
    section.banner p {
        font-size: 26px;
        line-height: 36px;
    }
}


@media (max-width: 480px) {

    section.servicos .item .img {
        height: 300px;
    }

    .definir {
        gap: 10px;
    }
    .definir img {
        display: none;
    }

    .definir {
        grid-template-columns: 1fr;
    }
    .definir div {
        border-radius: 30px!important;
    }
    .definir div a {
        font-size: 24px;
        line-height: 30px;
        padding: 20px;
        bottom: 15px;
        left: 15px;
        right: 15px;        
    }    
    .definir div a b {
        font-size: 20px;
        line-height: 24px;
        padding: 10px 20px;
        margin-top: 20px;
    }


    section.servicos .item .img {
        height: 300px;
    }
    section.banner h2 {
        font-size: 28px;
    }
    address p {
        text-align: center;
    }
    section.solucoes a {
        margin: auto;
    }
    section.sexta .goo {
        flex-direction: column;
        gap: 20px;
    }
    header .grid, footer .grid:last-child div:nth-child(2) ul li strong {
        justify-content: center;
    }
    section.banner figure, section.sobre figure, section.solucoes figure, section.contato figure, header .grid > a.zap, header nav {
        display: none;
    }
    section.banner .grid, section.sobre .grid, section.solucoes .grid, section.contato .grid, footer .grid:last-child,
    section.conteudo.empresa blockquote, section.conteudo.servico blockquote, section.contato.conteudo .grid, section.servicos .grid:last-child,
    section.solucoes ul, section.contato.trabalhe form {
        grid-template-columns: minmax(0, 1fr);
    }
    section.contato.trabalhe form div div {
        flex-direction: column;
    }
    section.banner h1 {
        margin-top: 0;
    }
    section.banner {
        padding-top: 15px;
        text-align: center;
    }
    header {
        margin-top: 40px;
    }
    section.banner h1 {
        font-size: 32px;
        line-height: 42px;
    }
    section.banner p, section.sobre h2, section.sobre h3, section.servicos h2, section.solucoes h2, section.contato h2, 
    section.conteudo.empresa h3, section.conteudo.servico blockquote h3, section.sub-banner h2, section.conteudo h2 {
        font-size: 24px;
        line-height: 32px;
    }   
    section.banner a, section.sobre a {
        margin: 0 auto;
    } 
    section.servicos .grid:first-child p {
        width: unset;
    }
    section.sobre:before, section.solucoes:before {
        background-size: cover;
        left: 0;
    }
    section.sobre, section.solucoes, footer, section.contato {
        text-align: center;
    }
    section.sobre article {
        border: 0;
        padding: 0;
    }
    section.solucoes ul li {
        display: unset;
    }
    section.solucoes ul li img {
        display: none;
    }
    footer .grid:first-child {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    footer .grid:last-child div:first-child p {
        margin-bottom: 0;
    }
    footer .grid:last-child {
        gap: 30px;
    }
    footer .grid:last-child div:last-child ul li, footer .grid:last-child div:last-child ul li strong {
        text-align: center;
        justify-content: center;
    }
    footer .grid:last-child div:last-child ul li img {
        display: none;
    }
    .creditos .grid {
        flex-direction: column;
        text-align: center;
    }
    .creditos a {
        flex-direction: column;
        font-size: 0;
    }
    a.whatsapp {

    }
    a.whatsapp img {
        width: 70px;
    }
    a.whatsapp p {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        max-width: 215px;
    }
    section.contato button {
        width: 100%;
    }
    section.contato form div {
        flex-direction: column;
    }
    section.servicos .rotativo {
        width: 100%;
    }
    section.servicos .rotativo button.slick-prev {
        left: -6px;
    }
    section.servicos .rotativo button.slick-next {
        right: -6px;
    }
    section.sub-banner {
        text-align: center;
    }
    section.conteudo {
        text-align: center;
    }
    section.conteudo.servico blockquote a {
        display: unset;
    }
    section.contato.conteudo .grid {
        gap: 0;
    }
    section.contato.conteudo ul li {
        justify-content: center;
    }
    section.contato.conteudo ul li img {
        display: none;
    }
    section.conteudo ul li strong {
        display: block;
    }
    header ul {
        gap: 15px;
    }
    header ul li a:after {
        right: 0;
        margin: 0 auto;
    }
    section.conteudo.empresa blockquote h3 {
        justify-content: center;
    }
    section.conteudo.empresa figure, section.conteudo.servico figure {
        width: 94%;
    }    
    section.sub-banner {
        padding: 20px 0 25px;
    }
    section.sub-banner p {
        line-height: 26px;
    }


}


@media (max-width: 360px) {
    header a:first-child img {
        max-width: 200px;
    }
    header {
        margin: 20px 0;
    }    
    header nav {
        width: 36px;
        height: 36px;
    }
    section.conteudo.servico blockquote a {
        font-size: 18px;
        padding: 10px;
    }
}