/********** DEFINIÇÕES **********/

@preto: #4a4a4a;
@branco: #fff;
@azulescuro: #012154;
@azulclaro: #239fd7;
@amarelo: #eea60a;

/********/

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

    .content{
        width: 90%;
    }

    body.on{
        .menumobile{
            background-position: -481px -103px;
            position: relative;
            z-index: 100;
        }
        .internas,
        .home{
            display: none;
        }
        .header{
            ul{
                display: block;
                position: absolute;
                width: 100%;
                background: @azulclaro;
                margin: 0px;
                left: 0px;
                top: 0px;
                padding: 50px 0px 0px 50px;
                height: -webkit-fill-available;
                z-index: 99;
                li{
                    display: block;
                    margin-bottom: 30px;
                    a{
                        font-size: 6vw;
                    }
                    a:hover{
                        color: @branco;
                    }
                }
                li.current_page_item{
                    a{
                        color: @branco;
                    }
                }
            }
        }
    }

    .footer{
        p{
            width: 50%;
        }
    }

    .barracontato{
        top: auto;
        bottom: 0px;
        width: 145px;
        p{
            display: inline-block;
            margin-bottom: 10px;
            margin-right: 10px;
            svg{
                width: 25px;
            }
        }
        p.telefone.mobile{
            display: inline-block;
        }
        p.telefone.web{
            display: none;
        }
    }

    .preheader{
        text-align: center;
        a,a.areacliente{
            font-size: 10px;
            margin-left: 18px;
        }
    }

    .header{
        ul,
        a.areacliente{
            display: none;
        }
    }

    .menumobile{
        display: block;
        width: 50px;
        height: 42px;
        float: right;
        background: url('../images/sprites.png') no-repeat;
        background-position: -481px -61px;
    }

    .home{
        .slider{
            height: 250px;
            .content{
                padding: 0px;
                h1{
                    text-align: center;
                    width: 100%;
                    float: none;
                    font-size: 8vw;
                    margin: 0px 0px 30px 0px;
                    padding-top: 30px;
                }
                a.btn{
                    float: none;
                    margin: 0px auto;
                    display: block;
                    text-align: center;
                    width: 85%;
                }
            }
        }
        .sobrehome{
            p{
                width: 100%;
                float: none;
            }
            img{
                width: 100%;
                float: none;
                margin: 20px 0px 0px 0px;
            }
            a.btn{
                margin: 20px 0px 30px 0px;
            }
        }
        .servicos{
            padding: 40px 0px;
            background-position: center left;
            p{
                width: 100%;
                float: none;
            }
            ul{
                display: none;
            }
        }
        .bloghome{
            a.btn{
                float: left;
            }
            .boxnoticia{
                width: 100%;
                margin: 20px auto;
            }
        }
    }

    .boximovel{
        width: 100%;
        float: none;
        margin: 10px 0px;
    }

    .internas{
        .wp-block-image .alignright{
            width: 100%;
            margin: 20px 0px;
        }
    }

    .condominio{
        .texto,img{
            width: 100%;
            float: none;
        }
        img{
            margin: 20px 0px -30px 0px;
        }
        .beneficios{
            background: @amarelo;
            p{
                text-align: center;
                width: 100%;
                float: none;
                margin-bottom: 20px;
            }
            a.btn{
                float: none;
                margin: 0px;
                display: block;
                text-align: center;
            }
        }
    }

    .imovel{
        .fotos,
        .texto,
        .localizacao,
        .visita{
            width: 100%;
            float: none;
            margin-bottom: 20px;
            iframe{
                height: 200px;
            }
        }
    }

    .simulacao{
        ul{
            list-style-type: none;
            columns: 1;
            li{
                display: block;
                margin: 10px auto;
            }
            li:before{
                display: none;
            }
        }
    }

    .listaposts,
    .sidebar{
        width: 100%;
        float: none;
    }

}