@media (max-width: 360px){
    .logoImg{
        width: 50px;
        height: 50px;
    }
    section{
        height: 63vh;
    }
    .containerCabecalho{
        display: flex;
        flex-direction: column;
        height: 500px;
        padding: 0px;
        padding-left: 0px;
    }
    .tituloCabecalho{
        padding: 0px;
        width: 90%;
        height: 140px;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }
    .tituloCabecalho h1{
        font-size: 20pt;
        text-align: center;
    }
    .tituloCabecalho h2{
        font-size: 13pt;
        text-align: center;
    }
    .tituloCabecalho button{
        display: none;
    }
    .formCabecalho{
        width: 90%;
        height: 350px;
    }
    .imgCabecalho{
        height: 63vh;
    }
    .fundoGradiente{
        z-index: 1;
        position: absolute;
        padding: 80px 56px 80px 56px;
        width: 100%;
        height: 63vh;
        background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    }
    .categorias{
        height: 1010px;
        margin-bottom: 400px;
    }
    .catTitulo{
        font-size: 40px;
    }
    .catSubTituloMob{
        font-size: 12pt;
        text-align: center;
    }
    .categoriasCatTitulos button{
        padding: 18px;
    }
    .categoriasDivs{
        height: 890px;
    }
    .catServicoOne, .catServicoTwo, .catServicoTree{
        height: 260px;
    }
    .catServicoOne img{
        width: 85px;
        height: 80px;
        margin-bottom: 15px;
    }
    .catServicoOne, .catServicoTwo, .catServicoTree p{
        text-align: center;
        font-size: 12pt;
    }
    .catServicoTwo img{
        width: 85px;
        height: 80px;
        margin-bottom: 15px;
    }
    .catServicoTree img{
        width: 85px;
        height: 80px;
        margin-bottom: 15px;
    }
    .cliente{
        width: 100%;
        padding-bottom: 150px;
        padding-top: 100px;
        height: 3150px;
        margin-top: 150px;
    }
    .catTitulo{
        font-size: 40px;
    }
    .catSubTituloMobClient{
        font-size: 12pt;
        text-align: center;
    }
    .cliente button{
        padding: 18px;
    }
    .catClientes{
        display: flex;
        gap: 30px;
    }
    .callMe{
        display: flex;
        flex-direction: column;
        padding: 0;
        height: 770px;
    }
    .logoCallMe{
        width: 190px;
        height: 190px;
    }
    .logoImgCallMe{
        width: 130px;
        height: 150px;
    }
    .callMeTitulo h1{
        width: 100%;
        text-align: center;
    }
    .callMeTitulo h4{
        width: 100%;
        text-align: center;
        font-size: 13pt;
    }
    .formCallMe{
        width: 300px;
        text-align: center;
    }
    footer{
        width: 90%;
        padding-left: 5%;
        height: 10vh;
        text-align: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    /*CONFIGURAÇÕES DA PÁGINA SOBRE*/
    .sobre{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .sobreNos{
        width: 300px;
    }
    .sobreNos h5{
        font-size: 35px;
        text-align: center;
    }
    .sobreNos p{
        font-size: 12pt;
    }
    .politicaDivs{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 300px;
        padding: 10px;
        gap: 25px;
    }
    .politicaOne{
        border-left: none;
        width: 280px;
        border-bottom: 2px solid #cecece;
    }
    .politicaOne img{
        width: 45px;
        height: 45px;
    }
    .politicaOne h5{
        font-size: 30px;
    }
    .politicaOne p{
        font-size: 12pt;
    }
    .politicaTwo{
        border-left: none;
        width: 280px;
        border-bottom: 2px solid #cecece;
    }
    .politicaTwo img{
        width: 45px;
        height: 45px;
    }
    .politicaTwo h5{
        font-size: 30px;
    }
    .politicaTwo p{
        font-size: 12pt;
    }
    .politicaTree{
        border-left: none;
        width: 280px;
    }
    .politicaTree img{
        width: 45px;
        height: 45px;
    }
    .politicaTree h5{
        font-size: 30px;
    }
    .politicaTree p{
        font-size: 12pt;
    }

    /*CONFIGURAÇÕES DA PÁGINA SERVIÇOS*/
    .servicosTypes h1{
        padding: 20px;
        text-align: center;
        font-size: 30px;
    }
    .btnsMobile{
        align-items: center;
        justify-content: center;
    }
    .services01{
        display: flex;
        flex-direction: column;
        width: 330px;
    }
    .services01 img{
        width: 330px;
        height: 300px;
    }
    .descServices1{
        width: 310px;
    }
    .services02{
        display: flex;
        flex-direction: column;
        width: 330px;
        height: 1000px;
    }
    .services02Img{
        width: 330px;
        display: flex;
        flex-direction: row;
    }
    .services02Img img{
        width: 157px;
        height: 150px;
    }
    .services03{
        display: flex;
        flex-direction: column;
        width: 330px;
    }
    .services03Img{
        width: 330px;
        display: flex;
        flex-direction: row;
    }
    .services03Img img{
        width: 157px;
        height: 150px;
    }
    .services04{
        display: flex;
        flex-direction: column;
        width: 330px;
    }
    .services04 img{
        width: 330px;
        height: 300px;
    }
    .descServices4{
        width: 310px;
    }
    .services05{
        display: flex;
        flex-direction: column;
        width: 330px;
    }
    .services05Img{
        width: 330px;
        display: flex;
        flex-direction: row;
    }
    .services05Img img{
        width: 157px;
        height: 150px;
    }
    .services06{
        display: flex;
        flex-direction: column;
        width: 330px;
    }
    .services06 img{
        width: 330px;
        height: 300px;
    }
    .descServices6{
        width: 310px;
    }
    .services07{
        display: flex;
        flex-direction: column;
        width: 330px;
    }
    .services07Img{
        width: 330px;
        display: flex;
        flex-direction: row;
    }
    .services07Img img{
        width: 157px;
        height: 150px;
    }
    .services08{
        display: flex;
        flex-direction: column;
        width: 330px;
    }
    .services08Img{
        width: 330px;
        display: flex;
        flex-direction: row;
    }
    .services08Img img{
        width: 157px;
        height: 150px;
    }
    .services09{
        display: flex;
        flex-direction: column;
        width: 330px;
    }
    .services09Img{
        width: 330px;
        display: flex;
        flex-direction: row;
    }
    .services09Img img{
        width: 157px;
        height: 150px;
    }
    .services10{
        display: flex;
        flex-direction: column;
        width: 330px;
    }
    .services10Img{
        width: 330px;
        display: flex;
        flex-direction: row;
    }
    .services10Img img{
        width: 157px;
        height: 150px;
    }

    /*CONFIGURAÇÕES DA PÁGINA PRODUTOS*/
    .products{
        height: 1620px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0px;
        margin: 0px;
        padding: 0px;
    }
    .catTitulo{
        font-size: 40px;
    }
    .catTituloMobile{
        font-size: 12pt;
        text-align: center;
    }
    .catProdutos{
        display: flex;
        flex-direction: row;
        justify-content: start;
        flex-wrap: wrap;
        padding: 0px;
        width: 330px;
        gap: 0px;
    }
    .imgProducts{
        padding: 8px;
        border-radius: 8px;
        width: 142px;
        height: 250px;
    }
    .imgProducts img{
        width: 115px;
        height: 140px;
    }
    .imgProducts p{
        font-size: 11pt;
    }

    /*CONFIGURAÇÕES DA PÁGINA CONTATOS*/
    .contatosGeral{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 330px;
    }
    .confAddStyle{
        width: 155px;
        height: 200px;
    }
    .confAddStyle a{
        width: 70px;
        height: 65px;
    }
    .conteudoContatoMobile{
        height: 56px;
        text-align: center;
    }
}

@media (max-width: 377px) {
    .fundoGradiente{
        z-index: 1;
        position: absolute;
        padding: 80px 56px 80px 56px;
        width: 100%;
        height: 68vh;
        background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    }    
}

@media (max-width: 399px){
    .logoImg{
        width: 70px;
        height: 70px;
    }
    section{
        height: 68vh;
    }
    .containerCabecalho{
        display: flex;
        flex-direction: column;
        height: 500px;
        padding: 0px;
        padding-left: 0px;
    }
    .tituloCabecalho{
        padding: 0px;
        width: 90%;
        height: 140px;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }
    .tituloCabecalho h1{
        font-size: 20pt;
        text-align: center;
    }
    .tituloCabecalho h2{
        font-size: 13pt;
        text-align: center;
    }
    .tituloCabecalho button{
        display: none;
    }
    .formCabecalho{
        width: 90%;
        height: 350px;
    }
    .imgCabecalho{
        height: 68vh;
    }
    .fundoGradiente{
        z-index: 1;
        position: absolute;
        padding: 80px 56px 80px 56px;
        width: 100%;
        height: 68vh;
        background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    }
    .categorias{
        height: 983px;
        padding-bottom: 1200px;
    }
    .catTitulo{
        font-size: 40px;
    }
    .catSubTituloMob{
        font-size: 12pt;
        text-align: center;
    }
    .categoriasCatTitulos button{
        padding: 18px;
    }
    .categoriasDivs{
        height: 890px;
    }
    .catServicoOne, .catServicoTwo, .catServicoTree{
        height: 260px;
    }
    .catServicoOne img{
        width: 85px;
        height: 80px;
        margin-bottom: 15px;
    }
    .catServicoOne, .catServicoTwo, .catServicoTree p{
        text-align: center;
        font-size: 12pt;
    }
    .catServicoTwo img{
        width: 85px;
        height: 80px;
        margin-bottom: 15px;
    }
    .catServicoTree img{
        width: 85px;
        height: 80px;
        margin-bottom: 15px;
    }
    .cliente{
        height: 500px;
        margin-bottom: -180px;
    }
    .catTitulo{
        font-size: 40px;
    }
    .catSubTituloMobClient{
        font-size: 13pt;
        text-align: center;
    }
    .cliente button{
        padding: 18px;
    }
    .catClientes{
        display: flex;
        flex-direction: row;
    }
    .callMe{
        display: flex;
        flex-direction: column;
        padding: 0;
        height: 1470px;
        margin-top: 400px;
    }
    .logoCallMe{
        width: 190px;
        height: 190px;
    }
    .logoImgCallMe{
        width: 130px;
        height: 150px;
    }
    .callMeTitulo h1{
        width: 100%;
        text-align: center;
    }
    .callMeTitulo h4{
        width: 100%;
        text-align: center;
        font-size: 13pt;
    }
    .formCallMe{
        width: 300px;
        text-align: center;
    }
    footer{
        width: 90%;
        padding-left: 5%;
        height: 10vh;
        text-align: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 428px){
    .logoImg{
        width: 70px;
        height: 70px;
    }
    section{
        height: 63vh;
    }
    .containerCabecalho{
        display: flex;
        flex-direction: column;
        height: 500px;
        padding: 0px;
        padding-left: 0px;
    }
    .tituloCabecalho{
        padding: 0px;
        width: 90%;
        height: 140px;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }
    .tituloCabecalho h1{
        font-size: 20pt;
        text-align: center;
    }
    .tituloCabecalho h2{
        font-size: 13pt;
        text-align: center;
    }
    .tituloCabecalho button{
        display: none;
    }
    .formCabecalho{
        width: 90%;
        height: 350px;
    }
    .imgCabecalho{
        height: 63vh;
    }
    .fundoGradiente{
        z-index: 1;
        position: absolute;
        padding: 80px 56px 80px 56px;
        width: 100%;
        height: 63vh;
        background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    }
    .categorias{
        height: 983px;
    }
    .catTitulo{
        font-size: 40px;
    }
    .catSubTituloMob{
        font-size: 12pt;
        text-align: center;
    }
    .categoriasCatTitulos button{
        padding: 18px;
    }
    .categoriasDivs{
        height: 890px;
    }
    .catServicoOne, .catServicoTwo, .catServicoTree{
        height: 260px;
    }
    .catServicoOne img{
        width: 85px;
        height: 80px;
        margin-bottom: 15px;
    }
    .catServicoOne, .catServicoTwo, .catServicoTree p{
        text-align: center;
        font-size: 12pt;
    }
    .catServicoTwo img{
        width: 85px;
        height: 80px;
        margin-bottom: 15px;
    }
    .catServicoTree img{
        width: 85px;
        height: 80px;
        margin-bottom: 15px;
    }
    .cliente{
        height: 990px;
        margin-top: 150px;
        padding-top: 0px;
    }
    .catTitulo{
        font-size: 40px;
    }
    .catSubTituloMobClient{
        font-size: 12pt;
        text-align: center;
    }
    .cliente button{
        padding: 18px;
    }
    .catClientes{
        display: flex;
        gap: 30px;
    }
    .callMe{
        display: flex;
        flex-direction: column;
        padding: 0;
        height: 770px;
    }
    .logoCallMe{
        width: 190px;
        height: 190px;
    }
    .logoImgCallMe{
        width: 130px;
        height: 150px;
    }
    .callMeTitulo h1{
        width: 100%;
        text-align: center;
    }
    .callMeTitulo h4{
        width: 100%;
        text-align: center;
        font-size: 13pt;
    }
    .formCallMe{
        width: 300px;
        text-align: center;
    }
    footer{
        width: 90%;
        padding-left: 5%;
        height: 10vh;
        text-align: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    /*CONFIGURAÇÕES DA PÁGINA SOBRE*/
    .sobre{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .sobreNos{
        width: 360px;
    }
    .sobreNos h5{
        font-size: 35px;
        text-align: center;
    }
    .sobreNos p{
        font-size: 12pt;
    }
    .politicaDivs{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 362px;
        padding: 10px;
        gap: 25px;
        margin: 0px;
        padding: 0px;
    }
    .politicaOne{
        border-left: none;
        width: 360px;
        border-bottom: 2px solid #cecece;
    }
    .politicaOne img{
        width: 45px;
        height: 45px;
    }
    .politicaOne h5{
        font-size: 30px;
    }
    .politicaOne p{
        font-size: 12pt;
    }
    .politicaTwo{
        border-left: none;
        width: 360px;
        border-bottom: 2px solid #cecece;
    }
    .politicaTwo img{
        width: 45px;
        height: 45px;
    }
    .politicaTwo h5{
        font-size: 30px;
    }
    .politicaTwo p{
        font-size: 12pt;
    }
    .politicaTree{
        border-left: none;
        width: 360px;
    }
    .politicaTree img{
        width: 45px;
        height: 45px;
    }
    .politicaTree h5{
        font-size: 30px;
    }
    .politicaTree p{
        font-size: 12pt;
    }

    /*CONFIGURAÇÕES DA PÁGINA SERVIÇOS*/
    .servicosTypes h1{
        padding: 20px;
        text-align: center;
        font-size: 30px;
    }
    .btnsMobile{
        align-items: center;
        justify-content: center;
    }
    .services01{
        display: flex;
        flex-direction: column;
        width: 360px;
    }
    .services01 img{
        width: 360px;
        height: 300px;
    }
    .descServices1{
        width: 330px;
    }
    .services02{
        display: flex;
        flex-direction: column;
        width: 360px;
        height: 900px;
    }
    .services02Img{
        width: 330px;
        display: flex;
        flex-direction: row;
    }
    .services02Img img{
        width: 157px;
        height: 150px;
    }
    .services03{
        display: flex;
        flex-direction: column;
        width: 360px;
    }
    .services03Img{
        width: 330px;
        display: flex;
        flex-direction: row;
    }
    .services03Img img{
        width: 157px;
        height: 150px;
    }
    .services04{
        display: flex;
        flex-direction: column;
        width: 330px;
    }
    .services04 img{
        width: 330px;
        height: 300px;
    }
    .descServices4{
        width: 310px;
    }
    .services05{
        display: flex;
        flex-direction: column;
        width: 330px;
    }
    .services05Img{
        width: 330px;
        display: flex;
        flex-direction: row;
    }
    .services05Img img{
        width: 157px;
        height: 150px;
    }
    .services06{
        display: flex;
        flex-direction: column;
        width: 330px;
    }
    .services06 img{
        width: 330px;
        height: 300px;
    }
    .descServices6{
        width: 310px;
    }
    .services07{
        display: flex;
        flex-direction: column;
        width: 330px;
    }
    .services07Img{
        width: 330px;
        display: flex;
        flex-direction: row;
    }
    .services07Img img{
        width: 157px;
        height: 150px;
    }
    .services08{
        display: flex;
        flex-direction: column;
        width: 330px;
    }
    .services08Img{
        width: 330px;
        display: flex;
        flex-direction: row;
    }
    .services08Img img{
        width: 157px;
        height: 150px;
    }
    .services09{
        display: flex;
        flex-direction: column;
        width: 330px;
    }
    .services09Img{
        width: 330px;
        display: flex;
        flex-direction: row;
    }
    .services09Img img{
        width: 157px;
        height: 150px;
    }
    .services10{
        display: flex;
        flex-direction: column;
        width: 330px;
    }
    .services10Img{
        width: 330px;
        display: flex;
        flex-direction: row;
    }
    .services10Img img{
        width: 157px;
        height: 150px;
    }

    /*CONFIGURAÇÕES DA PÁGINA PRODUTOS*/
    .products{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0px;
        margin: 0px;
        padding: 0px;
    }
    .catTitulo{
        font-size: 40px;
    }
    .catTituloMobile{
        font-size: 13pt;
        text-align: center;
    }
    .catProdutos{
        display: flex;
        flex-direction: row;
        justify-content: start;
        flex-wrap: wrap;
        padding: 0px;
        width: 360px;
        gap: 0px;
    }
    .imgProducts{
        padding: 8px;
        border-radius: 8px;
        width: 157px;
        height: 250px;
    }
    .imgProducts img{
        width: 128px;
        height: 140px;
    }
    .imgProducts p{
        font-size: 12pt;
    }

    /*CONFIGURAÇÕES DA PÁGINA CONTATOS*/
    .contatosGeral{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 360px;
    }
    .confAddStyle{
        width: 170px;
        height: 200px;
    }
    .confAddStyle a{
        width: 70px;
        height: 65px;
    }
    .confAddStyle p{
        font-size: 13px;
    }
    .conteudoContatoMobile{
        height: 56px;
        text-align: center;
    }
}
@media (max-width: 450px) {
    .containerCabecalho{
        display: flex;
        flex-direction: column;
        height: 500px;
        padding: 0px;
        padding-left: 0px;
    }
    .tituloCabecalho{
        padding: 0px;
        width: 90%;
        height: 140px;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }
    .tituloCabecalho h1{
        font-size: 20pt;
        text-align: center;
    }
    .tituloCabecalho h2{
        font-size: 13pt;
        text-align: center;
    }
    .tituloCabecalho button{
        display: none;
    }
    .formCabecalho{
        width: 90%;
        height: 350px;
    }
}
@media (min-width: 450px) and (max-width: 550px) {
    .containerCabecalho{
        display: flex;
    }
}