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

}

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

    #topo img { max-width:100%; margin-bottom:30px;}
    #box-form-login{ float:left; margin-left: 10px; margin-bottom:40px; }
    
    #slide-geral-d { float: none; width: 100%; padding-left: 0px; text-align: center;}
    #slide-geral-e { float: none; width: 100%; padding-right: 0px; text-align: center;}

    #planos{ min-height: 480px;}

    #form-news input{ width: 95%;}
    #form-news button{ width: 95%; margin-top: 5px;}
    

    .tools { width: 90%; float: none; margin: 5px auto; text-align: center;}




     /*RODAPE*/
    #contato-parte1{margin-left: 5%; }
    #contato-parte1,#contato-parte2{width:90%;}
    #contato-parte3{width:90%;float: left;margin-left: 5%;margin-top:50px;}
    #contato-parte4{width:90%;float: left;margin-left: 5%;}
    #contato-parte5{width:90%;float: left;margin-left: 5%;}
    #contato-parte6{width:90%;float: left;margin-left: 5%;}



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

    #oitocentos{ font-size:3em; min-height:85px; }
    #oitocentos img{ display:none; }
    
    #planos h2{font-size: 2.0em;}    
    #planos { width: 100%; min-height: 475px;}
    .firt-plano{display: none;}
    .plano {
        width: 19.6%;
        min-height: 100px;
        float: left;
        margin: 0px 0.1%;
        font-family: Swiss;
        font-size: 0.6em;
    }

    #banner-quadro{ width: 85%;}

   
    .slide-out-div{display: none;}

    /*BOTÃO AJUDA CHAT*/
    #bt-ajuda-rodape{display: none;}
    /*BOTÃO AJUDA CHAT*/
}

@media screen and (max-width: 560px) {
    #topo img { margin-left: 0px; max-width: 100%; }
    #box-form-login{ float:none; margin-left:0; }
    #form-news-login input{height: 25px; padding: 5px 5px; width:97%; margin-bottom:5px; }
    #form-news-login button{height: 35px; padding: 5px 5px; width:100%; }
    #slide-geral{padding-top: 0px;}
    #oitocentos{ font-size:2.5em; min-height:75px; }
}