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

    .modal .content {margin-top: 35px;}

    /* HOME */
    .container, #banners .bx-controls {width: 90%;}
    .menubar .container {position: relative;}

    header .menubar .busca {display: none; }
    header .menubar {font-size: 11px;}
    header .menubar nav ul li+li {margin-left: 11px;}
    header .menubar nav {float: none !important; text-align: center;}

    /*header .atendimentos {display: block; width: 242px;}*/
    header .atendimentos ul li.email, header .atendimentos ul li.telefone {margin-bottom: 20px;}


    .wrapper .titulo .breadcrumbs {display: none;}


    #banners {height: 550px;}

    #banners #slider li {height: 550px;}
    #banners #slider li .video, #banners #slider li .video iframe {display: none;}

    #banners #slider li.com-video .texto {
        position: absolute;
        bottom: 0;
        height: 250px;
        background: url(../images/banner_overlay1.png);
        width: 100%;
        color: #FFFFFF;
        padding-top: 0;
    }

    #banners #slider li.com-video .texto .container {position: relative; height: 200px;}
    #banners #slider li.com-video .texto .titulo {margin: 35px 0 0; padding: 0; width: 420px;}
    #banners #slider li.com-video .texto .titulo h3 {
        border: 0 none;
        float: none;
        font-size: 32px;
        margin: 0;
        padding: 0 0 20px;
        width: 420px;
    }

    #banners #slider li.com-video .texto .chamada {
        padding: 0;
        font-size: 16px;
        width: 420px;
    }

    #banners #slider li.com-video .texto a.botao {
        position: absolute;
        bottom: 22px;
        right: 0;
    }

    #cliente .box h2, #corretor .box h2 {font-size: 22px;}

    #lancamentos .banner_corretores {display: none;}
    .carousel_lancamentos ul li h2 {font-size: 16px;}

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

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


    #nav_imovel .nav {font-size: 11px;}
    #nav_imovel ul li {padding: 20px 10px;}


    #imoveis.wrapper .content .conteudo.leitura {width: 55%; float: left;}
    #imoveis.wrapper .content .conteudo.leitura + .sidebar, #imoveis.wrapper .content .info + .sidebar {width: 40%; float: right;}
    #imoveis.wrapper .content .conteudo.leitura h2 {font-size: 32px; margin-bottom: 25px;}
    .wrapper .content .imoveis_detalhes .widget {width: auto;}
    #imoveis.wrapper .content .sidebar ul.atendimentos li.corretores a {text-align: center; padding: 3px 0;}

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

    #imoveis.wrapper .content .info > div .titulo, .wrapper .content .conteudo .compartilhe > span {font-size: 11px;}
    #imoveis.wrapper .content .info > div .texto {font-size: 15px;}
    #imoveis.wrapper .content .info > div {padding: 13px 7px; margin: 0 8px 0 0;}
    #imoveis.wrapper .content .info > div.compartilhe {padding: 11px 13px 9px;}

    .wrapper .content .widget {width: 84%; padding: 8%}
    .wrapper .content .conteudo {width: 60%;}
    .wrapper .content .sidebar {width: 35%;}


    #plantas-e-implantacao .abas .links {width: 25%;}
    #plantas-e-implantacao .abas .links a {font-size: 18px;}
    #plantas-e-implantacao .abas .links a .arrow {top: 15px;}
    #plantas-e-implantacao .abas .conteudo {width: 75%;}
    #plantas-e-implantacao .abas .conteudo .galeria {width: 100%;}
    #plantas-e-implantacao .abas .conteudo .imagens ul li {margin: 0 0 14px 10px !important;}
    #plantas-e-implantacao .abas .conteudo .imagens ul li:nth-child:first-of-type {margin-left: 0 !important;}

    #perspectivas .galeria ul li img {width: 100%; height: auto;}
    #perspectivas .video > iframe {width: 85%;}

    #estagiodaobra .galeria ul li a, #estagiodaobra .galeria ul li a:nth-child(2n+2) {width: 24%; margin: 0 0.5% 8px; float: left;}
    #estagiodaobra .galeria ul li a img {width: 100%;}

    .bottom .aelmo, .bottom .novidades {
        width: auto;
        margin: 40px 20px 65px;
    }

    .bottom .novidades .texto {width: auto; float: inherit;}

    footer .contatos {height: auto;}

    footer .contatos .telefone.central, footer .contatos .atendimentos {
        width: auto;
        float: none;
        text-align: center;
    }
    footer .contatos .atendimentos ul li {float: none; display: inline-block;}

    footer .coluna.copyright a.logo {
        width: auto;
        max-width: 150px;
        margin: 0 3% 40px;
    }
    footer .coluna.copyright a.logo img {width: 100%;}

    footer .coluna.copyright p.endereco {
        width: auto;
        white-space: nowrap;
    }

    footer .coluna.copyright .social {
        width: 120px;
        margin: 15px 3% 40px 0;
    }


    #imoveis.wrapper .content .conteudo.listagem .imagem {
        width: 100%;
        max-width: 240px;
        margin: 0 auto 20px;
        float: none;
    }
    #imoveis.wrapper .content .conteudo.listagem .imagem a {display: block;}
    #imoveis.wrapper .content .conteudo.listagem .imagem img {width: 100%;}

    #imoveis.wrapper .content .conteudo ul li .txt {width: 100%;}

    #imoveis.wrapper .content .conteudo.listagem ul li .links {margin: 5px 0 0;}
    #imoveis.wrapper .content .conteudo.listagem ul li .links a {font-size: 11px; width: 80px;}

    #imoveis.wrapper .content .conteudo.listagem ul li .atendimentos ul {margin: 0 auto; display: block; width: 250px;}
    #imoveis.wrapper .content .conteudo.listagem ul li .atendimentos ul li {margin: 0 40px 20px 0; width: 105px;}
    #imoveis.wrapper .content .conteudo.listagem ul li .atendimentos ul li:nth-child(2n+2) {margin: 0 0 20px 0;}
    #imoveis.wrapper .content .conteudo.listagem .atendimentos ul li a {font-size: 11px;}

    #cliente .box {padding: 60px 260px 60px 34px; background-size: auto 220px;}

    header h1 {right: 60px;}

    #corretor .box {padding: 65px 60px;}
    #corretor .box > .left {width: auto; float: none;}
    #corretor .box > .right {width: 260px; float: none;}
    #corretor .box > .left + .right {margin: 60px 0 0;}
    #corretor_cadastrar .left.acesso {float: none;}

    #cliente .box.logado .content table thead th.tamanho, #corretor .box.logado .content table thead th.tamanho {display: none;}
    #cliente .box.logado .content table tbody tr td:nth-child(3), #corretor .box.logado .content table tbody tr td:nth-child(4) {display: none;}


    #cliente .box.logado .content table thead th.data, #corretor .box.logado .content table thead th.data,
    #cliente .box.logado .content table thead th.status, #corretor .box.logado .content table thead th.status {display: none;}

    #cliente .box.logado .content table tbody tr td:nth-child(2), #corretor .box.logado .content table tbody tr td:nth-child(3),
    #cliente .box.logado .content table tbody tr td:nth-child(5), #corretor .box.logado .content table tbody tr td:nth-child(6) {display: none;}

    #cliente .box.logado .content table thead th.opcao, #corretor .box.logado .content table thead th.opcao {width: 40px;}

    #cliente .box.logado .content table tbody tr td a.download, #corretor .box.logado .content table tbody tr td a.download {
        overflow: hidden;
        text-indent: 50px;
        width: 20px;
        height: 20px;
        background: url(../images/icon_download.png) no-repeat;
        background-size: cover;
        display: block;
        margin: 0 auto;
    }


    #novidades_lista.wrapper .content .conteudo .artigos article .imagem {display: none;}
    #novidades_detalhes article .entry-content {position: relative;}
    #novidades_detalhes article img.right {float: none; margin: 0 0 20px 0;}
    #novidades_detalhes article img {width: auto; max-width: 100%; float: none; margin: 0 auto;}
    #novidades_detalhes article img + p {margin-top: 0;}


    #bottom.novidades article {width: auto; float: none;}
    #bottom.novidades article + article {margin-top: 25px;}
    #bottom.novidades article .texto {width: auto; float: none;}


    #atendimento.wrapper .content .conteudo {width: 61%;}
    #atendimento.wrapper.trabalhe .content .conteudo .texto, #atendimento.wrapper.enderecos .content .conteudo .texto {width: 100%;}

    #atendimento.wrapper .content .sidebar {width: 35%; margin-right: 4%; float: left;}
    #atendimento.wrapper .content .sidebar .widget {width: auto; display: block;}
    #atendimento.wrapper .content .sidebar + .conteudo {width: 61%; float: right;}

    #atendimento.wrapper .content .sidebar .widget iframe {width: 100%;}

    #atendimento.wrapper .content .sidebar .widget ul li {background: none !important; padding-left: 5px !important;}
    #atendimento.wrapper .content .conteudo > .matriz .widget * + p, #atendimento.wrapper .content .sidebar .widget * + p {font-size: 11px;}

    .wrapper .content .conteudo .fotos .galeria, .aelmo .galeria_institucional {overflow: hidden; max-width: 100%; width: 100%; float: none; height: auto;}
    .aelmo .galeria_institucional {float: left;}
    .wrapper .content .conteudo .fotos .galeria ul li, .aelmo .galeria_institucional ul li {height: auto; width: auto;}
    .wrapper .content .conteudo .fotos .galeria ul li img, .aelmo .galeria_institucional ul li img {width: 100%; height: auto;}

    #bottom {padding: 55px 0;}
    #bottom .coluna {float: none; width: 80%; margin: 0 10%; clear: both; display: block; padding: 0;}
    #bottom .coluna img {display: inline-block;}
    #bottom .coluna > a {float: right;}
    #bottom .coluna + .coluna {margin-top: 35px;}

    #bottom.novidades article .texto h4 {font-size: 18px;}

    #cliente .box.logado .header, #corretor .box.logado .header {
        background: none !important;
    }


}

@media only screen and (max-width:732px)  {
    .wrapper .content .conteudo .complemento a.mais + .compartilhe {
        margin: 15px 0 0;
    }
}

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

    #estagiodaobra .estagios {width: auto;}
    #estagiodaobra .estagios > div {height: auto; margin-bottom: 20px;}
    #estagiodaobra .estagios > div h4 {width: auto; float: none; margin-bottom: 10px;}
    #estagiodaobra .estagios .barra {width: 310px;}

    #plantas-e-implantacao .abas .links a {font-size: 16px;}

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

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

    header .atendimentos {display: none;}

    header .menubar {
        width: 100%;
        border: 0;
        right: 0;
        height: 0;
        z-index: 1001;
    }
    header .menubar > .container {
        position: static;
    }
    header .menubar nav {
        overflow: hidden;
    }

    header .menubar nav ul {
        position: absolute;
        left: 100%;
        width: 0;
        overflow: hidden;
    }
    header .menubar nav ul li {padding: 0;}
    header .menubar nav ul li a {padding: 12px 0;}

    header .menubar a.menu-mobile {
        background: url(../images/menu-mobile.png) no-repeat;
        width: 39px;
        height: 40px;
        display: block;
        position: absolute;
        right: 20px;
        top: 50px;
        z-index: 1001;
        overflow: hidden;
        text-indent: 900px;
    }

    header .menubar ul {
        background: #143c6f;
    }

    header .menubar nav ul li {
        width: 100%;
        float: none;
        display: block;
        white-space: nowrap;
    }
    header .menubar nav ul li + li {margin: 0;}

    header .menubar nav ul li a {color: #FFFFFF; display: block;}
    header .menubar nav ul li a.ativo, header .menubar nav ul li a:hover {color: #6C8CC8;}

    #banners  {height: 500px;}
    #banners #slider li {
        height: 500px;
    }

    #banners #slider li .texto h3 {font-size: 28px;}
    #banners #slider li .texto .chamada {display: none;}

    #banners #slider li .texto a.botao {
        margin: 0 !important;
        left: 0;
        right: inherit !important;
    }

    #cliente .box, #corretor .box {margin: 40px 0 20px;}
    #nav_imovel {display: none;}

    #lancamentos .titulo {margin-top: 38px; position: relative; float: none;}

    #lancamentos .titulo span {
        position: absolute;
        left: 0;
        top: 22px;
    }

    footer .coluna.copyright a.logo {width: 120px;}
    footer .coluna.copyright p.endereco {
        width: auto;
        white-space: nowrap;
        margin: 15px;
        font-size: 11px;
    }
}

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


    #cliente .box, #corretor .box {padding: 60px 200px 110px 34px; background-size: auto 180px;}

    #imoveis.wrapper .content .conteudo.leitura {width: 50%; float: left;}
    #imoveis.wrapper .content .conteudo.leitura + .sidebar, #imoveis.wrapper .content .info + .sidebar  {width: 45%; float: right;}
    #imoveis.wrapper .content .conteudo.leitura h2 {font-size: 28px; margin-bottom: 20px;}

    .carousel_lancamentos .bx-controls .bx-pager {display: none;}

    .wrapper .content .sidebar {
        margin: 0 0 35px;
        width: 100%;
        float: none;
    }

    .wrapper .content .sidebar .widget {
        width: auto;
        padding: 15px;
    }

    .wrapper .content .sidebar + .conteudo {width: 100%; float: none;}

    footer .atendimentos ul {width: 284px; margin: 0 auto;}
    footer .contatos .atendimentos ul li {width: 100px !important;}
}

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

    #imoveis.wrapper .content .conteudo.leitura {width: auto; float: none;}
    #imoveis.wrapper .content .conteudo.leitura + .sidebar, #imoveis.wrapper .content .info + .sidebar  {width: auto; float: none; margin-top: 25px; margin-bottom: 0;}
    #ficha-tecnica .sidebar + .conteudo {padding-left: 236px;}


    #ficha-tecnica .sidebar {width: 202px;}
    #ficha-tecnica .sidebar .widget {width: 170px;}

    .carousel_lancamentos {padding: 45px 0;}
    .carousel_lancamentos ul li .imagem img {width: 240px;}
    .carousel_lancamentos .inner {margin: 0 auto; width: 242px;}

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

    .bottom .aelmo .texto p, .bottom .novidades .texto p {display: none;}

    #estagiodaobra .estagios > div h4 {width: 180px; font-size: 13px;}
    #estagiodaobra .estagios .barra {width: 78%;}


    footer .contatos .atendimentos {
        margin: 0 auto;
        width: 280px;
    }

    footer .contatos .atendimentos ul li {width: 100px !important; height: 30px; text-align: left;}

    footer .coluna.copyright a.logo {width: 46%; margin: 0 2%; height: 90px;}
    footer .coluna.copyright p.endereco {width: 46%; margin: 15px 2% 0; min-height: 75px;}
    footer .coluna.copyright p.endereco {float: right;}

    footer .coluna.copyright .social {
        float: none;
        width: auto;
        text-align: center;
        padding: 35px 0 0;
        clear: both;
    }

    footer .coluna {display: none;}
    footer .coluna.copyright {display: block;}
    footer .coluna.copyright .menu {
        display: block;
        clear: both;
        margin: 0 50px;
    }
    footer .coluna.copyright .menu .left,
    footer .coluna.copyright .menu .right {
        margin-top: 30px;
        line-height: 20px;
        width: 50%;
        text-transform: uppercase;
    }

    footer .coluna.copyright .menu a {color: #6C8CC7;}
    footer .coluna.copyright .menu a:hover {color: #FFFFFF;}

    footer .newsletter input[type="text"] {width: 163px;}

    footer .newsletter a.criacao {
        display: inline-block;
        float: inherit;
        margin: 20px auto 0;
    }


}

@media only screen and (max-width:540px)  {
    #atendimento.wrapper .content .conteudo {width: 100%; float: none;}
    #atendimento.wrapper .content .sidebar, #atendimento.wrapper .content .sidebar + .conteudo {width: auto; float: none; margin-right: 0;}
}