/* Header */
@media screen and (max-width: 1315px){
    .logoH img{
        max-width: 180px;
    }

    #menu .dl-menu > li > a{
        padding: 12px 10px;
        font-size: 18px;
    }
}

@media screen and (max-width: 750px){
    .preHeader p{
        display: none;
    }
}

@media screen and (max-width: 500px){
    .preHeader .main::before{
        right: 50%;
        margin-right: -93px;
    }

    .wppH{
        display: none;
    }

    .socialH{
        margin: 0 auto;
    }
}


/* Sobre home */
@media screen and (max-width: 1350px){
    .txtSobreH{
        padding: 0;
    }
}

@media screen and (max-width: 1150px){
    .txtSobreH{
        width: 100%;
        order: 1;
        margin-bottom: 20px;
    }

    .imgSobreH{
        width: 80%;
        order: 2;
        margin: 0 auto;
    }

    .categoriasHome{
        order: 3;
    }

    .itemCategoria{
        width: 24%;
    }
    .itemCategoria:nth-child(5n){
        margin-right: 1%;
    }
    .itemCategoria:nth-child(4n){
        margin-right: 0;
    }
}

@media screen and (max-width: 900px){
    .imgSobreH{
        width: 100%;
    }

    .itemCategoria{
        width: 32%;
    }
    .itemCategoria:nth-child(4n){
        margin-right: 1%;
    }
    .itemCategoria:nth-child(3n){
        margin-right: 0;
    }
}

@media screen and (max-width: 600px){
    .txtSobreH a::before{
        height: 100%;
        border-radius: 30px;
    }

    .itemCategoria{
        width: 49%;
        border-radius: 30px;
    }
    .imgBgCat,
    .imgBgCat img,
    .sobreItemCat{
        border-radius: 30px;
    }
    .itemCategoria:nth-child(3n){
        margin-right: 1%;
    }
    .itemCategoria:nth-child(2n){
        margin-right: 0;
    }

    .sobreItemCat h6{
        font-size: 22px;
        line-height: 25px;
    }
}

@media screen and (max-width: 420px){
    .itemCategoria{
        width: 100%;
        margin-right: 0;
    }
    .sobreItemCat{
        justify-content: center;
    }
}


/* Canais atuação home */
@media screen and (max-width: 900px){
    .itensAt{
        justify-content: space-around;
    }
    .itemCanalP,
    .itemCanalG{
        min-height: 280px;
        width: 32%;
        margin-bottom: 10px;
    }
    .itemCanalP img,
    .itemCanalG img{
        margin-bottom: 30px;
    }
    .itemCanalP h6,
    .itemCanalG h6{
        font-size: 20px;
        line-height: 25px;
    }
}

@media screen and (max-width: 600px){
    .itemCanalG,
    .itemCanalP{
        width: 48%;
    }
}

@media screen and (max-width: 450px){
    .itemCanalG,
    .itemCanalP{
        width: 100%;
        justify-content: center;
    }
}


/* Clientes home */
@media screen and (max-width: 1100px){
    .gridClientes{
        grid-template-columns: repeat(4,1fr);
    }
}

@media screen and (max-width: 850px){
    .main-t{
        font-size: 40px;
        line-height: 45px;
    }
    .sub-t{
        font-size: 30px;
        line-height: 35px;
    }
    .small-t{
        font-size: 20px;
        line-height: 25px;
    }

    .gridClientes{
        grid-template-columns: repeat(3,1fr);
    }
}

@media screen and (max-width: 620px){
    .gridClientes{
        grid-template-columns: repeat(2,1fr);
    }
}

@media screen and (max-width: 480px){
    .gridClientes{
        grid-template-columns: repeat(1,1fr);
    }
}


/* Footer */
@media screen and (max-width: 1200px){
    .socialF{
        display: none;
    }

    .endF{
        width: 25%;
    }
}

@media screen and (max-width: 900px){
    footer{
        padding: 40px 20px;
    }

    .endF{
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        order: 1;
    }

    .logoFooterInfo{
        order: 2;
        margin: 0 auto;
    }
}


/* Sobre */
@media screen and (max-width: 1150px){
    .txtSobre{
        width: 100%;
        order: 1;
        margin-bottom: 20px;
    }

    .imgSobre{
        width: 80%;
        order: 2;
        margin: 0 auto;
    }
}

@media screen and (max-width: 900px){
    .imgSobre{
        width: 100%;
    }
}


/* Nossa Indústria */
@media screen and (max-width: 600px){
    .main-t{
        font-size: 30px;
        line-height: 35px;
    }
    .sub-t{
        font-size: 25px;
        line-height: 30px;
    }

    .itemProcesso,
    .itemProcesso img,
    .sobreItemProcesso{
        border-radius: 30px;
    }
    .sobreItemProcesso h6{
        font-size: 20px;
        line-height: 25px;
    }
}


/* Faça seu orçamento */
@media screen and (max-width: 1100px){
    .boxProdutosOrcamento{
        overflow-x: scroll;
    }

    .titleOrcamento,
    /* .itemOrcamento, */
    .scrollProdutos{
        min-width: 1100px;
    }
}

@media screen and (max-width: 900px){
    .scrollProdutos{
        max-height: 400px;
    }
}

@media screen and (max-width: 500px){
    #form_orcamento .button{
        width: 100%;
        justify-content: center;
    }
}


/* Produtos */
@media screen and (max-width: 1315px){
    .logoH img{
        max-width: 180px;
    }

    #menu .dl-menu > li > a{
        padding: 12px 10px;
        font-size: 18px;
    }
}

@media screen and (max-width: 750px){
    .preHeader p{
        display: none;
    }
}

@media screen and (max-width: 500px){
    .preHeader .main::before{
        right: 50%;
        margin-right: -93px;
    }

    .wppH{
        display: none;
    }

    .socialH{
        margin: 0 auto;
    }
}


/* Sobre home */
@media screen and (max-width: 1150px){
    .itemProd{
        width: 24%;
    }
    .itemProd:nth-child(5n){
        margin-right: 1%;
    }
    .itemProd:nth-child(4n){
        margin-right: 0;
    }

    .downloadsProd a{
        width: 48%;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 900px){
    .itemProd{
        width: 32%;
    }
    .itemProd:nth-child(4n){
        margin-right: 1%;
    }
    .itemProd:nth-child(3n){
        margin-right: 0;
    }

    .txtSanfonaProd{
        width: 100%;
        order: 1;
        margin-bottom: 20px;
    }
    .sliderSanfonaProd{
        width: 80%;
        margin: 0 auto;
        order: 2;
    }

    .downloadsProd{
        padding: 30px 15px;
    }
    .downloadsProd a{
        width: 100%;
    }
    .downloadsProd a:last-child{
        margin-bottom: 0;
    }
}

@media screen and (max-width: 600px){
    .itemProd{
        width: 49%;
        border-radius: 30px;
    }
    .itemProd:nth-child(3n){
        margin-right: 1%;
    }
    .itemProd:nth-child(2n){
        margin-right: 0;
    }

    .itemProd h6{
        font-size: 22px;
        line-height: 25px;
    }

    .sliderSanfonaProd{
        width: 100%;
    }
}

@media screen and (max-width: 420px){
    .itemProd{
        width: 100%;
        margin-right: 0;
    }
}

@media screen and (max-width: 390px){
    .downloadsProd a{
        padding: 5px;
    }
    .downloadsProd a br{
        display: none;
    }
    .downloadsProd a::before{
        display: none;
    }
}


/* Terceirização */
@media screen and (max-width: 1100px){
    .terceiros h2{
        font-size: 30px;
        line-height: 35px;
        text-align: left;
    }
    .terceiros h2 br{
        display: none;
    }
}

@media screen and (max-width: 950px){
    .tabelaTerc{
        overflow-x: scroll;
    }
    .tabelaTerc table{
        min-width: 920px;
    }

    .terceiros ul li{
        text-align: justify;
    }
}

@media screen and (max-width: 750px){
    .terceiros h2{
        font-size: 25px;
        line-height: 30px;
    }

    .itemOpcoes{
        width: 32%;
    }
    .itemOpcoes:nth-child(5n){
        margin-right: 1%;
    }
    .itemOpcoes:nth-child(3n){
        margin-right: 0;
    }
}

@media screen and (max-width: 480px){
    .itemOpcoes{
        width: 49%;
    }
    .itemOpcoes:nth-child(3n){
        margin-right: 0;
    }
    .itemOpcoes:nth-child(2n){
        margin-right: 0;
    }
}


/* Blog */
@media screen and (max-width: 1100px){
    .titleBlog{
        font-size: 70px;
        line-height: 70px;
        padding: 25px 35px;
        border-radius: 30px;
        order: 1;
    }

    .rightBlog{
        width: 100%;
        order: 2;
        margin-bottom: 30px;
    }
    .rightBlog h5{
        width: 100%;
        cursor: pointer;
        background: url('../img/arrowDrop2.png') no-repeat center right;
    }
    .rightBlog ul{
        display: none;
    }

    .leftBlog{
        width: 80%;
        order: 3;
        margin: 0 auto 10px auto;
    }

    .fullBlog{
        order: 4;
    }
}

@media screen and (max-width: 800px){
    .leftBlog{
        width: 100%;
    }

    .gridBlog{
        grid-template-columns: repeat(1,1fr);
    }
}

@media screen and (max-width: 500px){
    .imgItemBlog img{
        height: 290px;
    }
}


/* Blog detalhes */
@media screen and (max-width: 900px){
    .imgPrincipalBlog{
        width: 100%;
    }
}


/* Catálogos */
@media screen and (max-width: 900px){
    .imgCat{
        width: 100%;
        order: 2;
    }   

    .formCat{
        width: 100%;
        order: 1;
        margin-bottom: 30px;
    }
}


/* Zoom */
@media screen and (max-width: 1400px){
    body{
        zoom: 80%;
    }
}

@media screen and (max-width: 1100px){
    body{
        zoom: 100%;
    }
}


/* Fancybox cadastro */
@media screen and (max-width: 600px){
    .fancyboxCadastro .main{
        padding: 45px 20px;
    }

    #form_cadastro .button{
        width: 100%;
        justify-content: center;
    }
}