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

    .modal {position: absolute;}
    .modal .content {margin-top: 15px;}

    /* HOME */

    #banners #slider li.com-video .texto .titulo {width: auto;}
    #banners #slider li.com-video .texto .titulo h3, #banners #slider li .texto h3 {font-size: 26px; width: auto;}

    #lancamentos .titulo {text-align: center; float: none;}
    #lancamentos .titulo h1 {float: none; margin-right: 0;}
    #lancamentos .titulo span {font-size: 12px; width: 100%;}
    #lancamentos .container {position: relative;}

    .carousel_lancamentos .inner {width: 80%; max-width: 242px; margin: 0 auto;}

    .carousel_lancamentos .bx-controls .bx-next, .carousel_lancamentos .bx-controls .bx-prev {
        bottom: 120px;
        width: 12px;
    }

    .carousel_lancamentos .bx-controls .bx-prev {left: -20px;}
    .carousel_lancamentos .bx-controls .bx-next {right: -20px;}


    .wrapper .content .widget ul li {font-size: 12px;}

    .bottom .aelmo .texto {
        background-size: auto 100%;
        padding-bottom: 62px;
        height: auto;
    }

    .bottom .novidades .texto {
        padding-bottom: 30px;
        height: auto;
    }

    .bottom .novidades .imagem {display: block;}

    .bottom .aelmo {
        margin: 30px 0 35px;
    }

    .bottom .novidades {
        margin: 0 0 65px;
    }

    footer .contatos .atendimentos {width: auto;}

    footer .coluna.copyright {text-align: center;}
    footer .contatos .atendimentos ul li.agende {width: 83px;}
    footer .contatos .atendimentos ul li.email {width: 92px;}

    footer .coluna.copyright a.logo {
        float: none;
        clear: both;
        margin: 0 auto;
    }

    footer .coluna.copyright p.endereco {float: none; width: auto;}
    footer .coluna.copyright .menu .left, footer .coluna.copyright .menu .right {float: none; width: auto; }
    footer .coluna.copyright .menu .right {margin-top: 0;}

    footer .newsletter .titulo {
        width: auto;
    }

    footer .newsletter input[type=text],
    footer .newsletter input[type=submit] {
        width: 100%;
        display: block;
        margin-bottom: 5px;
    }


    footer .newsletter a.criacao {
        display: block;
        float: inherit;
        margin: 25px auto 0;
        width: 34px;
    }

    #aelmo_relatorioanual.wrapper .content .conteudo .lista ul li {padding: 15px;}
    .wrapper .content .conteudo .lista ul li {padding: 15px; min-height: 50px;}
    .wrapper .content .conteudo .lista ul li .img {width: 60px;}
    .wrapper .content .conteudo .lista ul li .img img {width: 60px;}
    .wrapper .content .conteudo .lista ul li .img + .txt {padding-left: 75px;}

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


    #imoveis.wrapper .content .conteudo.listagem ul li .atendimentos ul {margin: 0 auto; display: block; width: auto;}

    .wrapper .titulo h1 {font-size: 20px;}
    .wrapper .content .conteudo {width: 100%; float: none;}
    #imoveis.wrapper .content .conteudo.leitura {width: 100%; float: none;}
    .wrapper .content .conteudo + .sidebar, .wrapper .content .info + .sidebar {width: 100%; margin: 35px 0 0;}

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


    #atendimento.wrapper .content .conteudo {width: 100%; float: none;}
    #atendimento.wrapper .content .sidebar, #atendimento.wrapper .content .sidebar + .conteudo {width: auto; float: none; margin-right: 0;}

    .wrapper .content .sidebar .widget.maislidas {display: none;}

    #cliente .box, #corretor .box {margin: 40px 0 20px;}
    #corretor .box {padding: 65px 60px 150px;}
    #cliente .box {padding: 65px 60px 180px;}
    #corretor_cadastrar .left {max-width: 100%;}

    #cliente .box.logado .header, #corretor .box.logado .header {background: none;}
    #corretor .box.logado .content .filtro form select {width: 100%;}

    #corretor.cadastro .box {padding: 30px 30px 178px;}

    #ficha-tecnica .sidebar {width: 100%; float: none;}
    #ficha-tecnica .sidebar .widget {display: block; width: auto;}
    #ficha-tecnica .sidebar + .conteudo {padding: 0; width: auto; margin: 35px 0 0;}

    header h1 {
        bottom: -104px;
        display: block;
        width: 100%;
        text-align: center;
        right: inherit;
    }

    #estagiodaobra .galeria ul li a, #estagiodaobra .galeria ul li a:nth-child(2n+2) {width: 49%;}

    #imoveis #mapa .localizacao h2 {font-size: 21px; margin-bottom: 10px;}
    #imoveis #mapa .localizacao {padding: 15px; width: 150px; font-size: 11px;}



    #plantas-e-implantacao .abas .links, #plantas-e-implantacao .abas .conteudo {width: 100%; float: none;}
    #plantas-e-implantacao .abas .links a {width: 50%; float: left; margin-top: 0 !important; font-size: 16px;}
    #plantas-e-implantacao .abas .links a .arrow {
        background: url(../images/blue_arrow_down.png) no-repeat;
        top: inherit;
        bottom: -9px;
        right: inherit;
        left: 15px;
        width: 18px;
        height: 9px;
    }

    #plantas-e-implantacao .abas .conteudo .imagens ul li, #plantas-e-implantacao .abas .conteudo .imagens ul li img {width: 83px;}

    #perspectivas .video > iframe {width: 85%; height: 250px;}

    #imoveis #mapa .localizacao {
        position: relative;
        top: inherit;
        right: inherit;
        width: auto;
        padding: 0;
        background: none;
        border: 0;
        margin-bottom: 20px;
        padding-top: 25px;
    }

    #imoveis #mapa .localizacao h2 {
        background: url("../images/borda_bg.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
        color: #294870;
        font-size: 25px;
        font-weight: 300;
        margin: 20px 0 15px;
        padding-bottom: 15px;
    }

    #imoveis.wrapper .content .conteudo.leitura .info > div {width: auto !important; display: block; float: none; margin: 0 0 10px; text-align: center;}
    #imoveis.wrapper .content .conteudo.leitura .info > div.compartilhe > span {display: inline-block;}

    #atendimento.wrapper input.file {width: 260px;}
    #atendimento.wrapper div.fakefile input {width: 200px;}
    #atendimento.wrapper div.fakefile span.botao {left: 170px;}

    #novidades_lista.wrapper .content .conteudo .artigos article .texto h2 {font-size: 18px;}
    #novidades_detalhes article iframe {height: 200px;}

    #bottom h2, #estagiodaobra h2, #imoveis #mapa .localizacao h2 {font-size: 24px;}

    .paginacao span, .paginacao a {
        font-size: 14px;
        height: 20px;
        padding-top: 7px;
        width: 30px;
    }

    .wrapper .content .conteudo .complemento a.mais {margin-bottom: 10px; display: block; width: auto; float: none; text-align: center; margin-right: 0;}
    .wrapper .content .conteudo .complemento .compartilhe, .wrapper .content .conteudo .compartilhe {display: block; width: auto; float: none; text-align: center;}

    a.zoom .icon {display: none !important;}

    #bottom.novidades h2 + a.mais {display: none;}
    #bottom.novidades article + a.mais {display: inline-block; margin-top: 30px;}

    .wrapper .content .conteudo .lista ul li h4 {font-size: 15px;}

    .modal_content input[type=submit] {clear: both; float: none; width: 100%; }
    .modal_content input[type=text], .modal_content select {clear: both; float: none; width: 100%;}
    .modal_content input[type=text]#ddd {float: left;}

}

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

    #imoveis.wrapper .content .conteudo.listagem ul li .atendimentos ul li {margin: 0 15px 20px 0;}

    #imoveis.wrapper .content .info {width: 100%;}

    #imoveis.wrapper .content .info > div, #imoveis.wrapper .content .info > div.compartilhe {
        margin: 8px 0 0;
        display: block;
        width: auto;
        text-align: center;
        float: none;
    }

}

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

    header, header .menubar > .container {position: relative;}

    .header_bg {height: 170px;}

    .interna header, .interna .header_bg {height: 180px;}
    .wrapper {padding-top: 0;}

    header .menubar a.menu-mobile {
        right: inherit;
        top: 135px;
        width: 100%;
        background: #6C8CC7;
        text-indent: 0;
        color: #FFFFFF;
        position: relative;
        height: 31px;
    }

    header .menubar a.menu-mobile span {margin: 10px; display: block; background: url(../images/menu-mobile-arrow.png) no-repeat right;}
    header .menubar a.menu-mobile.aberto span {background: url(../images/menu-mobile-arrow_aberto.png) no-repeat right;}

    header .menubar nav ul {
        left: 0;
        width: 100%;
        height: 0;
        top: 166px;
    }

    header .logo {
        float: none;
        display: block;
        text-align: center;
    }

    #banners {display: none;}
}