/*
    -----------------------------------
    Header
    ---------------------------------
*/


@media screen and (max-width:1600px){
    section.banner .owl-dots{
        bottom: 30px;
    }
}

@media screen and (max-width:1200px){
    header.header-pages .container>.social{
        display: none;
    }
}

@media screen and (max-width:1100px){
    header.header-pages .container{
        height: unset;
        padding: 20px 0;
        flex-wrap: wrap;
    }

    header.header-pages .container>a{
        display: block;
        margin: 20px auto;
        max-width: 130px;
    }

    body.index header.header-pages{
        position: static;
        background: url("../img/fundo-detalhes_2.jpg") center/cover no-repeat;
    }
}

@media screen and (min-width:900px){
    .controller{
        display: none;
    }

    .dropdown .dropdown-list {
        margin-top: 5px;
        position: absolute;
        background: #000000cf;
        min-width: 95px;
        border-radius: 5px;
        padding: 10px;
    }
}

@media screen and (max-width:900px){
    body{
        padding-top: 187px;
    }
    body.index{
        padding-top: 0;
    }

    header.header-pages .container>.menu{
        flex-direction: column;
        overflow: hidden;
        display: none;
        max-height: fit-content;
        background-color: rgb(214, 28, 38);
        -moz-transition: 0.8s ease-in-out all;
        -webkit-transition: 0.8s ease all;
        transition: 0.8s ease all;
    }

    header.header-pages .container>a{
        display: block;
        margin: 20px auto;
        max-width: 140px;
        max-height: 100px;
    }

    header.header-pages .container{
        padding: 0;
    }

    header.header-pages.bg-interno{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 9999;
    }

    .controller{
        display: block;
        cursor: pointer;
        width: 100%;
        padding: 10px 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        font-family: 'Ubuntu', sans-serif;
        color: #FFF;
        font-weight: 700;
        background-color: #A5191F;
        background-image: url("../img/menu.png");
        background-position: center right 20px;
        background-repeat: no-repeat;
    }

    header.header-pages .container>.menu.active{
        display: flex;
    }
}

@media screen and (max-width:1200px){
    section.imoveis > .container{
        grid-template-columns: repeat(2,1fr);
        grid-gap: 10px 20px;
    }
}

@media screen and (max-width:800px){
    section.imoveis > .container{
        grid-template-columns: repeat(1,1fr);
        grid-gap: 10px 20px;
    }
}


/*
    -----------------------------------
    Index
    ---------------------------------
*/


@media screen and (max-width:1150px){
    section.portais>.container{
        flex-wrap: wrap;
    }

    section.portais>.container .item{
        width: 50%;
        border: none;
    }
}

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

    .dicas>.container{
        flex-wrap: wrap;
    }

    .dicas>.container>a{
        width: 100%;
        margin-bottom: 15px;
    }

    .dicas>.container>a:last-child{
        margin-bottom: 0;
    }

    section.portais>.container .item{
        width: 100%;
    }
}


@media screen and (max-width:1300px){
    .banner .owl-carousel .owl-item img{
        min-height: 700px;
        object-fit: cover;
    }
}

@media screen and (max-width:1100px){
    section.banner .tabs-content{
        width: 90%;
        top: 30%;
        padding: 60px 40px 40px 40px;
    }

    section.banner form.imovel-form{
        grid-template-columns: repeat(2,1fr);
    }

    section.banner form.imovel-form .col-100{
        grid-column-start: 1;
        grid-column-end: 3;
    }

    section.banner .tabs-content>.controls a{
        width: 180px;
        height: 40px;
    }
}

@media screen and (max-width:600px){
    section.banner .tabs-content>.controls a{
        width: 150px;
        font-size: 13px;
    }

    section.banner form.imovel-form{
        grid-template-columns: repeat(1,1fr);
    }

    section.banner form.imovel-form button{
        padding: 10px;
    }
    section.banner .tabs-content{
        top: 15%;
    }

    section.banner form.imovel-form .col-100{
        grid-column-start: 1;
        grid-column-end: 2;
    }
}


/*
    -----------------------------------
    FOOTER
    ---------------------------------
*/
@media screen and (max-width:1600px){
    footer>.first>.container{
        flex-wrap: wrap;
        justify-content: space-around;
    }

    footer>.first>.container>.locacao, footer>.first>.container>.vendas, footer>.first>.container>.condominios{
        margin-bottom: 20px;
    }

}

@media screen and (max-width:1200px){
    footer>.first>.container>h6{
        margin: 10px auto;
    }

}

@media screen and (max-width:800px){
    footer>.first a{
        margin: 20px auto;
    }

    footer>.second>.container{
        flex-direction: column;
    }
}


/*Promoções*/
@media screen and (max-width:750px){
    section.promocoes>.container{
        grid-template-columns: repeat(1,1fr);
    }
}

/*BLOG*/
@media screen and (max-width:1200px){
    section.blog>.container{
        grid-template-columns: repeat(1,1fr);
    }
}

@media screen and (max-width:700px){
    section.blog .item{
        flex-direction: column;
        align-items: center;
    }
}

/*SOBRE*/

@media screen and (max-width:1100px){
    section.sobre .container{
        flex-wrap: wrap;
    }

    section.sobre .container>.left,
    section.sobre .container>.right{
        width: 100%;
        margin-top: 20px;
    }
}


@media screen and (max-width:500px){
    section.depoimentos-destaques .item{
        flex-direction: column;
    }

    section.depoimentos-destaques .item img{
        margin: 0 auto;
    }
}

/*BLOG-DETALHES*/

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

    section.blog-detalhes > .container>.left, section.blog-detalhes > .container>.right{
        width: 100%;
        margin-top: 20px;

    }
}

@media screen and (max-width:700px){
    section.noticias-destaques .item{
        flex-direction: column;
    }
    section.noticias-destaques .item img{
        margin: 0 auto;
    }
}

/*ATENDIMENTO*/

@media screen and (max-width:1600px){
    section.contato>.container .second{
        flex-direction: column;
        height: unset;
        padding: 20px;
    }
    section.contato>.container .second div{
        margin-bottom: 8px;
    }

    section.contato>.container .second div:last-child{
        margin-bottom: 0;
    }
}

@media screen and (max-width:1050px){
    section.contato>.container .first {
        padding: 35px 19px 45px 65px;
        background: #FFF url(../img/mail-red.png) center left 15px no-repeat;
    }
}

@media screen and (max-width:950px){
    section.contato>.container > .right,
    section.contato>.container > form {
        width: 100%;
        margin-bottom: 10px;
    }

    section.contato>.container{
        flex-wrap: wrap;
    }

    section.contato>.container .second div{
        width: 100%;
    }

}

@media screen and (max-width:500px){
    section.contato>.container > form >input, section.contato>.container select{
        width: 100%;
    }

    section.contato>.container > .right{
        display: none;
    }
}