@media screen and (max-width: 1024px) {

    .logo {
        width: 9%;
        text-align: center;
        margin: 0 auto;
        float: left;
        padding: 10px 0px;
        min-width: 70px;
        position: relative;
        z-index: 9999;
    }
    .menu-fixo .logo {width: 7% !important;}
    .menu-fixo .logo img {margin: 0px !important; transform: scale(1) !important; }
    
    .espacamento {
        margin-bottom: 80px;
    }

    #nav-hor {display: none;}

    .dl-menuwrapper {display: block;}
    .dl-trigger {display: inline-block !important;}
    .dl-menuwrapper ul li {display: block !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; width: 100%;}

    box {width: 90% !important; margin: 30px 0px; text-align: center !important;}
    box h3{text-align: center !important;}
    box a > span { max-width: 220px; max-height: 220px; }

    /*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%;}
}
@media screen and (max-width: 768px) {
    /*TOPO 2*/
    #logo {width: 40%;}

    /*meio*/
    .meio2 {display: inline-block; width: 100%;}
    .meio2:nth-last-child(1) {width: 90%;}

    /*RODAPÉ*/
    #rodape{text-align: center;}
    #rodape .rodape{width: 100%; padding: 0px; display: inline-block; margin-bottom: 30px;}
    #rodape .rodape:nth-child(1) {width: 100%; padding: 0px;}

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

    /*RODAPÉ*/

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