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

    .wrapper .titulo h1 {font-size: 18px;}
    #imoveis.wrapper .content .conteudo.leitura h1 {font-size: 25px;}

    .wrapper .content .conteudo .video_resp iframe {height: 200px;}


    header h1 {font-size: 18px;}
    #cliente .box h1, #corretor .box h1 {font-size: 22px;}
    #corretor .box, #cliente .box {padding: 30px 30px 170px; background-size: auto 170px;}
    #corretor .box > .left + .right {width: auto;}

    #cliente .box.logado .header h2, #corretor .box.logado .header h2 {font-size: 18px;}
    #corretor .box.logado .header, #cliente .box.logado .header {padding: 20px; height: auto;}
    #corretor .box.logado .content.lista {padding: 10px 20px 20px;}
    #cliente .box form, #corretor .box form {margin: 10px 0 0;}
    #cliente .box.logado .content table, #corretor .box.logado .content table {font-size: 11px;}
    #cliente .box.logado .content table thead th, #corretor .box.logado .content table thead th {padding: 10px 8px;}
    #cliente .box.logado .content table thead th.opcao, #corretor .box.logado .content table thead th.opcao {width: auto;}

    #plantas-e-implantacao .abas .links a {font-size: 16px;}
    #plantas-e-implantacao .abas .conteudo .imagens ul {width: 196px;}
    #plantas-e-implantacao .abas .conteudo .imagens ul li {margin: 0 10px 14px 0 !important;}
    #plantas-e-implantacao .abas .conteudo .imagens ul li:nth-child(2n+2) {margin: 0 0 14px 0 !important;}

    #cliente .box.logado .header nav.cliente a, #corretor .box.logado .header nav.corretor a {display: block; padding: 8px;}
    #cliente .box.logado .header nav.cliente a + a, #corretor .box.logado .header nav.corretor a + a {margin-top: 5px;}

    #perspectivas .video > iframe {width: 100%; height: 190px;}

    #estagiodaobra .estagios .barra {width: 170px;}

    #imoveis #mapa #map-canvas {height: 300px;}

    footer .atendimentos ul {width: 100px;}
    footer .contatos .atendimentos ul li {float: none;}

    #lancamentos .titulo span {display: none;}

    .bottom .aelmo .texto {
        padding: 0 0 22px;
    }

    .bottom .novidades {padding-top: 15px;}
    .bottom .novidades .texto {padding: 0 0 1px;}

    #bottom.novidades article .imagem {display: none;}
    #bottom .coluna img {display: none;}
    #bottom .coluna p {width: auto; float: none;}
    #bottom .coluna > a {float: left;}

    .bottom .aelmo .texto {background: none;}
    .bottom .novidades .imagem {display: none;}
    .bottom h3 {font-size: 13px;}
    .bottom h4 {font-size: 18px;}
    .bottom fieldset legend a {font-size: 11px;}

}