@media(max-width: 2561px)  {

}

@media(max-width: 1920px)  {

}

@media(max-width: 1440px)  {

}


@media(max-width: 1280px){
    .s-banner .container .image .selo {
        right: -12px;
        bottom: 85px;
    }




}

@media(max-width: 1150px)  {
    .s-banner .container .texto h1 {
        font-size: 49px;
    }
    .s-banner .container .texto p {
        font-size: 18px;
    }
    .s-servicos .container p {
        font-size: 18px;
    }
    .s-tecnologia .container .texto ul li {
        margin-bottom: 16px;
    }
    .s-tecnologia .container .texto {
        max-width: 510px;
    }
    .s-tecnologia .container .imagem {
        max-width: 553px;
    }
    .s-tecnologia .container .texto h2 {
        font-size: 29px;
    }
    .s-tecnologia .container .texto p {
        font-size: 18px;
    }
    .s-tecnologia .container .texto ul li {
        font-size: 18px;
    }
    .s-banner .container .image::after {
        right: -60px;
    }
    .s-about .container .imagem {
        max-width: 485px;
    }
    .s-about .container .texto {
        max-width: 586px;
    }
    .s-equipe .container .geral .drc {
        max-width: 530px;
    }

   



}

@media(max-width: 1024px)  {
    header .container nav ul {
        display: none;
    }
    header .container nav .btn-mobile {
        display: block;
    }
    header .container nav .btn-mobile img{
        width: 42px;
    }
    .s-banner .container .texto h1 {
        font-size: 43px;
    }
    .s-banner .container .texto p {
        font-size: 16px;
    }
    .s-servicos .container p {
        font-size: 16px;
    }
    .s-banner .container .texto a.agendar {
        font-size: 20px;
        max-width: 465px;
        margin-top: 14px;
    }
    .s-tecnologia .container {
        align-items: flex-end;
    }
    .s-tecnologia .container .imagem {
        max-width: 463px;
    }
    .s-tecnologia .container .texto h2 {
        font-size: 28px;
    }
    .s-tecnologia .container .texto p {
        font-size: 16px;
    }
    .s-tecnologia .container .texto ul li {
        font-size: 16px;
    }
    .s-tecnologia .container .texto a.agendar {
        font-size: 20px;
        max-width: 465px;
        margin-top: 14px;
        margin-bottom: 40px;
    }
    .s-about .container .texto h2 {
        font-size: 28px;
    }
    .s-about .container .texto p {
        font-size: 18px;
    }
    .s-about .container .texto a.agendar {
        font-size: 20px;
        max-width: 465px;
        margin-top: 14px;
    }
    .s-servicos .container h2 {
        font-size: 28px;
    }
    .s-servicos .container .cards .card p {
        font-size: 16px;
    }
    .s-servicos .container .cards .card {
        height: 255px;
    }
    .s-depoimentos .container h2 {
        font-size: 28px;
    }
    .s-banner .container .image::after {
        right: -112px;
        background-size: 553px;
        bottom: -63px;
    }
    .s-about .container .imagem {
        max-width: 446px;
    }
    .s-about .container .texto {
        max-width: 505px;
    }
    .s-equipe .container .geral .drc {
        max-width: 478px;
    }

    
  
    

}

@media(max-width : 991px){

    .s-banner .container {
        flex-direction: column;
    }
    .s-banner .container .texto {
        max-width: initial;
        margin-top: 64px;
    }
    .s-banner .container .texto h1 {
        text-align: center;
    }
    .s-servicos .container p {
        font-size: 14px;
    }
    .s-banner .container .texto p {
        text-align: center;
    }
    .s-banner .container .texto a.agendar {
        margin: 27px auto;
    }
    .s-banner .container .image {
        max-width: 502px;
    }
    .s-banner {
        background-position: 40% 75%;
    }
    .s-tecnologia {
        background-position: 4% 75%;
        padding-top: 71px;
    }
    .s-tecnologia .container {
        flex-direction: column-reverse;
    }
    .s-tecnologia .container .texto {
        max-width: inherit;
    }
    .s-tecnologia .container .texto h2 {
        text-align: center;
    }
    .s-tecnologia .container .texto p {
        text-align: center;
    }
    .s-tecnologia .container .texto ul{
        display: grid;
        justify-content: center;
        margin-top: 48px;
    }
    .s-tecnologia .container .texto a.agendar {
        margin: 32px auto;
    }
    .s-tecnologia .container .imagem {
        max-width: 473px;
        margin: 0 auto;
    }
    .s-tecnologia .container .imagem img{
        margin: 0 auto;
    }
    .s-about {
        background-position: 90% 75%;
        padding-top: 46px;
    }
    .s-about .container {
        flex-direction: column;
    }
    .s-about .container .texto {
        max-width: fit-content;
        margin-top: 45px;
    }
    .s-about .container .texto h2 {
        text-align: center;
    }
    .s-about .container .texto h2::after {
        margin: 8px auto;
    }
    .s-about .container .texto p {
        text-align: center;
    }
    .s-about .container .texto a.agendar {
        margin: 33px auto;
    }
    .s-about .container .imagem {
        max-width: 489px;
    }
    .s-servicos .container .cards {
        margin-top: 54px;
        grid-template-columns: repeat(2,1fr);
        gap: 2rem;
    }
    .s-servicos .container .cards .card {
        height: 258px;
    }
    footer .container .geral {
        flex-direction: column;
        align-items: center;
    }
    footer .container .geral .logo img{
        margin: 0 auto;
    }
    footer .container .geral .g1 {
        max-width: initial;
        margin-top: 37px;
    }
    footer .container .geral .g1 .local {
        align-items: center;
    }
    footer .container .geral .g1 a.maps {
        margin: 12px auto;
    }
    footer .container .geral .g2 {
        max-width: initial;
        margin-top: 23px;
    }
    footer .container .geral .g2 a.agendar {
        margin: 0 auto;
    }
    footer .container .geral .g2 small {
        text-align: center;
    }
    footer .container .geral .g2 .dev {
        justify-content: center;
    }
    .s-equipe .container h2 {
        font-size: 28px;
    }
    .s-equipe .container .geral .drc {
        max-width: 367px;
    }
    .s-equipe .container .geral .drc h3 {
        font-size: 28px;
    }
    .s-equipe .container .geral .drc small {
        font-size: 14px;
    }
    .s-equipe .container .geral .drc span {
        font-size: 14px;
    }
    .s-equipe .container .geral .drc p {
        font-size: 14px;
    }
    .s-insta .container h2 {
        font-size: 28px;
    }
    footer {
        padding-top: 33px;
        padding-bottom: 37px;
    }
    footer .container .geral .g1 .redes {
        justify-content: center;
    }
    footer .container .geral .g1 .contact{
        display: flex;
        justify-content: center;
    }
    footer .container .geral .g1 .local {
        display: flex;
        justify-content: center;
    }


    
    
}

@media(max-width : 768px){
   
    
    
    
   
}

@media(max-width : 600px){

    .s-banner .container .texto h1 {
        font-size: 42px;
    }
    header .container .logo {
        width: 300px;
    }
    .s-banner .container .texto {
        margin-top: 51px;
    }
    .s-banner {
        background-position: 76% 75%;
    }
    .s-banner .container .image {
        max-width: 504px;
    }
    .s-tecnologia .container .texto p {
        font-size: 15px;
    }
    .s-tecnologia .container .texto ul li {
        font-size: 15px;
    }
    .s-about .container .texto p {
        font-size: 15px;
    }
    .s-about .container .texto h2 {
        font-size: 26px;
    }
    .s-servicos .container .cards .card p {
        font-size: 14px;
    }
    .s-equipe .container .geral {
        flex-direction: column;
        align-items: center;
    }
    .s-equipe .container .geral .drc {
        max-width: initial;
        margin-bottom: 42px;
    }
    .s-equipe .container .geral .drc a.agendar {
        margin: 20px auto;
    }
    .s-equipe .container .geral .drc span {
        text-align: center;
    }
    .s-equipe .container .geral .drc h3 {
        text-align: center;
    }
    .s-equipe .container .geral .drc small {
        text-align: center;
    }
    .s-equipe .container .geral .drc p {
        text-align: center;
    }
    .s-about .container .imagem {
        max-width: 438px;
    }


   
    


}

@media(max-width: 480px){
    .s-banner .container .texto h1 {
        font-size: 38px;
    }
    .s-banner .container .texto p {
        font-size: 14px;
    }
    .s-banner .container .image::after {
        right: -155px;
        background-size: 482px;
        bottom: -131px;
    }
    .s-tecnologia .container .texto h2 {
        font-size: 25px;
    }
    .s-tecnologia .container .texto p {
        font-size: 14px;
    }
    .s-tecnologia .container .texto ul li {
        font-size: 13px;
    }
    .s-about .container .texto h2 {
        font-size: 24px;
    }
    .s-about .container .texto p {
        font-size: 14px;
    }
    .s-servicos .container h2 {
        font-size: 24px;
    }
    .s-servicos .container .cards {
        gap: 2rem;
        grid-template-columns: repeat(1,1fr);
    }
    .s-servicos .container .cards .card {
        height: 240px;
    }
    .s-servicos .container .cards .card p {
        font-size: 14px;
    }
    .s-servicos .container .cards .card .cont span {
        font-size: 24px;
    }
    .s-servicos .container .cards .card .cont {
        width: 57px;
        height: 57px;
        top: -26px;
    }
    .s-about .container .texto ul li {
        font-size: 14px;
    }
    .s-depoimentos .container h2 {
        font-size: 24px;
    }
    footer .container .geral .g1 .local h3 {
        font-size: 14px;
    }
    footer .container .geral .g2 .tele h3 {
        font-size: 15px;
    }
    footer .container .geral .g2 .zap h3 {
        font-size: 16px;
    }

    header .container nav .btn-mobile img {
        width: 32px;
    }
    header .container .logo {
        width: 263px;
    }
    .s-servicos .container p {
        font-size: 13px;
    }
    .s-about .container .imagem {
        max-width: 358px;
    }
    .s-tecnologia .container .imagem {
        max-width: 354px;
    }
    .s-insta .container h2 {
        font-size: 24px;
    }
   
    
}   

@media(max-width: 440px) and (min-width: 320px){

    .s-banner .container .texto h1 {
        font-size: 34px;
    }
    .s-banner .container .texto p {
        font-size: 12px;
    }
    .s-banner .container .image::after {
        right: -187px;
        background-size: 453px;
        bottom: -172px;
    }
    .s-banner .container .texto a.agendar {
        font-size: 15px;
    }
    .s-tecnologia .container .texto a.agendar {
        font-size: 15px;
    }
    .s-about .container .texto a.agendar {
        font-size: 15px;
    }
    .s-tecnologia .container .texto h2 {
        font-size: 24px;
    }
    .s-tecnologia .container .texto p {
        font-size: 12px;
    }
    .s-tecnologia .container .texto ul li {
        font-size: 12px;
    }
    .s-about .container .texto p {
        font-size: 12px;
    }
    .s-servicos .container h2 {
        font-size: 22px;
    }
    .s-servicos .container .cards .card p {
        font-size: 12px;
    }
    .s-servicos .container .cards .card {
        height: 203px;
    }
    .s-servicos .container .cards .card p {
        margin-top: 11px;
    }
    .s-about .container .texto ul li {
        font-size: 12px;
    }
    .s-equipe .container .geral .drc h3 {
        font-size: 24px;
    }
    .s-equipe .container .geral .drc small {
        font-size: 12px;
    }
    .s-equipe .container .geral .drc p {
        font-size: 12px;
    }
    .s-insta .container h2 {
        font-size: 22px;
    }
    .s-depoimentos .container h2 {
        font-size: 22px;
    }
    footer .container .geral .g1 .local h3 {
        font-size: 12px;
    }
    footer .container .geral .g2 .tele h3 {
        font-size: 14px;
    }
    footer .container .geral .g2 .zap h3 {
        font-size: 15px;
    }
    footer .container .geral .g1 a.maps {
        font-size: 14px;
    }
    .s-servicos .container .cards .card .cont span {
        font-size: 20px;
    }
    .s-servicos .container .cards .card .cont {
        width: 44px;
        height: 44px;
        top: -19px;
    }

    header .container .logo {
        width: 244px;
    }
    header .container nav .btn-mobile img {
        width: 28px;
    }

    .s-tecnologia .container .imagem {
        max-width: 332px;
    }
    .s-about .container .imagem {
        max-width: 307px;
    }




}