@media screen and (max-width: 1024px) {
    header {position: relative;}
    .espacamento {margin-bottom: 0px;}
    
    .logo {width: 80%; text-align: center; margin: 0 auto; float: none; padding: 20px 0px;}
    .tarja {width: 100%;}
    
    .info {width: 100%; float: none; text-align: center; padding: 20px 0px;}
    .info ul li:nth-child(1) {display: none;}
    .info ul li:nth-child(2) {display: none;}

    /*BOX FORM CUSTOMER*/
    .box_form_customer {width: 49% !important;}
}
@media screen and (max-width: 900px) {
    #left {width: 100%; float: none; max-width: 100%;}
    .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: 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;}
}