.pc {
    display: block;
}

.mobile {
    display: none;
}

@media (max-width: 600px) {
    .pc {
        display: none !important;
    }

    .mobile {

        display: block !important;

    }

    .headermob a.logo img {

        width: 65%;

        display: block;

        margin: 8% auto;

    }
    .container {

        display: inline-block;

        cursor: pointer;

    }

    .bar1, .bar2, .bar3 {
        width: 35px;
        height: 5px;

        background-color: white;
        margin: 6px 0;
        transition: 0.4s;
    }

    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;

        transform: rotate(-45deg) translate(-9px, 6px) ;
    }

    .change .bar2 {
        opacity: 0;
    }

    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
        transform: rotate(45deg) translate(-8px, -8px) ;
    }


    .sidenav {
        display: none;
        height: 100%;
        /*width: 0;*/
        position: fixed;

        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        background-color: #111;
        overflow-x: hidden;

        padding-top: 60px;
        transition: 0.5s;
        z-index: 995;
    }

    .sidenav a {
        padding: 8px 8px 8px 32px;
        font-family: 'Poppins';

        text-decoration: none;
        font-size: 20px;
        color: #818181;

        display: block;
        transition: 0.3s;
    }

    .submenumob ul {
        list-style: none;
        padding: 0;
    }

    .sidenav a:hover {
        color: #f1f1f1;
    }
    .headermob {
        background: #fff;
    }

    .iconmob {
        width: fit-content;
        margin: 0;
        position: fixed;
        right: 20px;

        top: 35px;
        background: #ff833f;
        padding: 4px 8px;
        border-radius: 30px;

        z-index: 998;
    }

    .submenumob label {
        display: block;
        color: #818181;
        font-family: 'Poppins';

        font-size: 21px;
        padding: 8px 8px 8px 32px;
    }

    .submenumob ul.links i {
        color: #ff833f;
    }

    .submenumob img.dentro {
        width: 60%;
        display: block;

        margin: 0 auto 30px;
    }

    .submenumob .redes a {
        font-size: 30px;

        padding: 0
    }

    .infobanner {
        padding: 0 10% !important;
    }

    .infobanner h4 {
        font-size: 24px !important;

        line-height: 38px !important;
    }

    .infobanner a.sb {
        width: 90% !important;
    }

    .roxo {
        padding: 10% 0 6% !important;
    }

    .roxo p {
        margin-bottom: 5% !important;
    }

    .galpao .img {
        background-size: 90% !important;
    }

    .galpao .caixa {
        padding: 40px 30px !important;

        margin: 40% 0 0 !important;
    }

    .galpao .caixa a {
        width: 100% !important;
        float: none !important;
    }

    .galpao img {
        bottom: -28px !important;
        right: 10px !important;
    }

    .pontos {
        padding: 10% 0 !important;
    }

    .pontos img {
        width: 60% !important;
        margin: 0 auto 12% !important;
    }

    .pontos a.caixa img.seta {
        width: 20% !important;
    }

    .responsa h3 {
        font-size: 26px !important;
        margin-top: 30% !important;
    }

    .insta h1 {
        text-align: center !important;
    }

    .rodape {
        padding: 15% 15px 3% !important;
    }

    .rodape a.logo img {
        margin: 0 auto 10% !important;
        display: block;
    }

    .rodape h5 {
        font-weight: 600;
        margin-top: 10%;
    }

    .rodape2 {
        padding: 5% 0 !important;
    }

    .rodape2 p {
        font-size: 14px;
    }

    .somos .valores img {
        margin: 30px auto 20px !important;
    }

    .valores {
        padding: 10% 15px !important;
    }

    .somos h2 {
        text-align: center;
    }

    .unidade {
        background-size: 130% !important;
    }

    .unidades {
        padding: 10% 15px !important;
    }

    .unidades h3 {
        margin-top: 50px;
    }

    .unidades iframe {
        width: 100% !important;

        height: 350px !important;
    }

    .campinas {
        padding: 8% 15px 4% !important;
    }

    .moni h3 {
        text-align: center;
    }

    .moni img.principal {
        width: 100%;
    }

    .moni {
        padding: 10% 15px !important;
    }

    .moni p {
        text-align: center;
    }

    .moni img {
        margin: 15px auto !important;
    }

    .insta2 iframe {
        height: 65px !important;
    }

    .ambiente2 img {
        margin: 10% auto 0 !important;

        display: block;
    }

    .ambiente2 {

        padding: 10% 15px !important;
    }

    .aparas {
        padding: 10% 15px !important;
    }

    .coleta h2 {
        font-size: 28px !important;
    }

    .coleta img {
        width: 100%;

        margin: 5px 0;

    }

    .materiais h2 {
        font-size: 24px !important;

        line-height: 38px !important;
    }

    .nos {
        background: transparent !important;
    }

    .contato {
        background: url(../img/banner-contato-mob.png) !important;

        padding: 20% 0 !important;
    }

    .ambiente {
        background: url(../img/banner-solucoes-ambientais-mob.png) !important;

        padding: 20% 15px !important;
    }

    .estrutura {
        background: url(../img/banner-estrutura-mob.png) !important;
        padding: 20% 15px !important;
    }
    .rodape .certifica img {

        margin: 0 0 35px !important;

        width: 60% !important;

        display: block;
    }

    .galpam a {
        display: block !important;

        margin: auto;

        height: 219px;

        overflow: hidden;

        margin: 7.5px 0;
    }

    #myBtn {
    font-family: 'Montserrat';
    position: fixed;
    bottom: 13%;
    right: 5% !important;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #000a;
    color: white;
    cursor: pointer;
    padding: 15px 30px;
    border-radius: 10px;
    font-size: 18px;
    }

    .cookieConsentContainer {
        width: 100% !important;
        z-index: 9999999999999999999999999999999999999999999 !important;
    }
    .cookieConsentContainer .cookieButton a {
        margin: 10px auto 0 !important;
        position: relative !important;
    }
    .apresenta h1 {
        font-size: 28px;
    }
    .metais h2 {
        font-size: 20px  !important;
    }
    .metais .grade .caixa {
        width: 47% !important;
    }
    .metais .grade .caixa span {
        margin: 10px auto !important;
    }
}

@media (min-width: 1900px) {
    .ambiente {
        padding: 4% 0 !important;
    }
    .responsa {
        padding: 9% 0 !important;
    }
    .caminhao {
        background-size: 68% !important;
        margin: 4% 0 !important
    }
    .nos {
        padding: 8% 0 !important;
    }

}
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }
    .sidenav a {
        font-size: 18px;
    }
}