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

    header {padding: 12px 0px;}

    .logo {
        width: 10%;
        text-align: center;
        margin: 0 auto;
        float: left;
        padding: 5px 0px;
        position: absolute;
        z-index: 9999;
    }
    .espacamento {
        margin-bottom: 75px;
    }

    #nav-hor {margin-top: 1%; }
    .menu-fixo #nav-hor {margin: 8px 0px 10px !important; }
    #nav-hor li {display: block; margin: 0px;}
    #nav-hor ul li a{color: #fff !important;}

    .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;}
    #nav-hor ul ul li {background: none !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%;}
    #content h2 {text-align: center !important;}

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

    /*BOX FORM CUSTOMER*/
    .box_form_customer {width: 49% !important;}

    /*Footer*/
    #rodape {
        width: 100% !important;
        display: block;
    }
    #rodape .rodape {
        max-width:  100% !important;
        float: none;
        text-align: center;
    }
}
@media screen and (max-width: 900px) {
    .theme-dark._4 {display: none !important;}
    #corpo {max-width: 100%; width: 100%; float: none;}
    #corpo.right {width: 100%;}
	.telTop {
	display:none;
    }
    .content-privacidade{
        padding: 2rem 0rem;
    }
    .content-privacidade .btn{
        margin-top: 1rem;
        display: inline-block;
    }
}
@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;}

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

    /*RODAPÉ*/

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