@media screen and (max-width: 1300px) {
    #categorias{width: 20%!important; box-sizing: border-box;}
    .text{width: 76%!important;}
}
@media screen and (max-width: 1024px) {
    header {padding: 0px 0px 20px !important;}
    .menu-fixo header {padding: 0px 0px 20px !important;}

    .menu-fixo .logo { }
    .logo {
        width: 30%;
        text-align: center;
        margin: 0 auto;
        float: left;
        padding: 15px 0px;
        z-index: 9999;
        position: absolute;
    }
    .menu-fixo .logo { padding: 15px 0px !important; width: 30% !important; margin: 0 auto !important; }

    #nav-hor {margin-top: 1% !important; }
    .menu-fixo #nav-hor {margin-top: 1% !important; }
    #nav-hor li {display: block; margin: 0px;}

    .dl-trigger {display: inline-block !important;}
    .dl-menuwrapper ul li {display: block !important;;}
    #nav-hor ul ul {position: relative !important; padding: 0 !important;}
    #nav-hor ul ul li {width: auto; text-align: right !important; padding: 0px !important;}


    .info {width: 100%; float: none; text-align: center; padding: 20px 0px; display: none;}
    .info ul li:nth-child(1) {display: none;}
    .info ul li:nth-child(2) {display: none;}

    #content {float: none; margin: 0 auto !important; width: 100%;}

    /*Meio 1*/
    .meio {width: 100% !important; display: block; text-align: center !important;}
    .meio ul li {display: inline-block !important;}

    /*Meio 2*/
    .meio2 {display: block; width: 100%;}
    .meio2 h2 {display: block; max-width: 100%; text-align: center;}

    /*Box*/
    box {width: 90% !important; margin: 30px 0px; text-align: center !important; max-width: 220px; }
    box h3{text-align: center !important;}

    /*BOX FORM CUSTOMER*/
    .box_form_customer {width: 49% !important;}
}
@media screen and (max-width: 900px) {
    .theme-dark._4 {display: none !important;}
    #corpo {max-width: 100%; width: 100%; float: none;}
    #corpo.right {width: 100%;}
    #categorias{width: 100%!important; box-sizing: border-box;}
    .text{width: 100%!important;}
}
@media screen and (max-width: 768px) {
    /*TOPO 2*/
    #logo {width: 40%;}

    /*RODAPÉ*/
    #rodape{text-align: center;}
    #rodape .rodape{width: 100% !important; padding: 0px; display: block; margin-bottom: 30px; text-align: center !important;}
    #rodape .rodape ul li{
        text-align: left !important;
        display: inline-block !important;
        height: auto;
    }

}
@media screen and (max-width: 599px) {
    #logo {width: 50%;}

    /*RODAPÉ*/

    #rodape .bottom .left {float: none; margin-bottom: 10px;}
    #rodape .cgdw {float: none;}
}