label[for="bt_menu"]{
    padding: 1px;
    background: transparent;
    color: #01244b;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 40px;
    cursor: pointer;
    height: 60px;
}

#bt_menu {
    display: none;
}

label[for="bt_menu"]{
    display: none;
}

@media(max-width: 990px) {
    label[for="bt_menu"] {  
        display: block;
    }

    #header .baixo .content {
        transform: none;
    }

    #header .baixo .content .menu #bt_menu:checked ~ .links {
        left: 0;
        transition: all .4s;
        opacity: 1;
    }

    #header .baixo .content .menu .links {
        position: absolute;
        margin-top: 26px;
        width: 100%;
        background:#d9d9d9;
        opacity: 0;
        transition: all .5s;
        left: -2000px;
        z-index: 999999999;
        display: block;
    }

    #header .baixo .content .menu .links ul ul {
        position: static;
        overflow: hidden;
        max-height: 0;
        transition: all .4s;
    }
    
    #header .baixo .content .menu .links ul li {
        width: 100%;
        float: none;
        padding: 0px;
    }

    #header .baixo .content .menu .links ul li:hover ul {
        height: auto;
        max-height: 500px;
    }

    #header .baixo .content .menu .links ul ul li {
        width: 100%;
    }

    #footer .cima .text {
        flex-direction: column;
        gap: 16px;
    }

    #footer .cima .text strong {
        text-align: center;
    }

    #footer .baixo .content {
        flex-direction: column;
        gap: 32px;
        align-items: center;
    }

    #footer .baixo .content .text {
        align-items: center;
    }

    #footer .baixo .content .text p {
        text-align: center;
    }
}

@media(max-width: 728px) {
    #header .cima .content .infos {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    #header .cima .content .infos span {
        justify-content: center;
    }

    #header .cima .content {
        flex-direction: column;
        align-items: center;
    }

    #destaque {
        background-size: unset;
    }

    #destaque .content {
        flex-direction: column;
        padding: 64px 0;
        height: unset;
    }

    #destaque .content .texto {
        width: 100%;
    }

    #destaque .content .texto strong {
        font-size: 32px;
    }

    #destaque .content .texto p {
        font-size: 12px;
    }

    #destaque .content .texto a {
        padding: 8px;
        font-size: 12px;
    }

    #destaque .content .contato {
        padding: 24px;
        gap: 8px;
    }

    #destaque .content .contato a {
        padding: 8px 16px;
    }

    #solucoes .content .solucoes {
        grid-template-columns: repeat(1, 2fr);
    }

    #empresa .content {
        grid-template-columns: repeat(1, 2fr);
    }

    #categorias {
        background-size: unset;
    }

    #categorias .content .titulos h1 {
        font-size: 28px;
    }

    #categorias .content .categorias {
        grid-template-columns: repeat(2, 2fr);
    }

    #categorias .content .categorias .categoria strong {
        font-size: 16px;
    }

    #valvulas .content .valvulas {
        grid-template-columns: repeat(1, 2fr);
    }

    #productDetailed .allConteudoProduto .produto {
        grid-template-columns: repeat(1, 2fr);
    }

    #productDetailed .breadcumbsProductDetailed {
        display: none;
    }

    #productBrief .produtos {
        grid-template-columns: repeat(1, 2fr);
    }

    #searchPage .produtos {
        grid-template-columns: repeat(1, 2fr);
    }

    #searchPage .pesquisouTexto {
        flex-direction: column;
        gap: 0;
    }

    #searchPage .encontradosTexto {
        text-align: center;
        margin-bottom: 32px
    }
}

@media(max-width: 580px) {
    #footer .baixo .content .links {
        gap: 48px;
        flex-direction: column;
        align-items: center;
    }

    #footer .baixo .content .links .link {
        align-items: center;
    }

    #footer .baixo .content .links .link ul {
        align-items: center;
    }
}

@media(max-width: 542px) {
    #footer .copyright {
        flex-direction: column;
        gap: 16px;
    }

    #footer .copyright span {
        text-align: center;
        align-items: center;
    }
}