@media (max-width: 768px){

    /* BODY */
    body.home{
        background-position: 0 0;
        background-size: auto 100%;
    }

    body {
        padding-top: 60px;
    }

    h1{
        font-size: 2rem;
    }

    header.titulo h1, header.titulo-2 h1{
        margin: 35px 0;
    }

    .wrap-intro .swiper-slide{
        background-position-x: 50%!important;
        background-position-y: 0!important;
    }

    .wrap-menu .item-menu{
        font-size: .85em;
    }

    .wrap-menu.wrap-menu-xs .item-menu{
        height: 50px;
        font-size: 1em;
    }

    .wrap-menu .item-menu.logo img{
        height: 40px;
    }

    .wrap-intro{
        /*
        height: calc(screen height - header height - bottom bar height);
         */
        height: calc(100vh - 60px - 50px);
    }

    .wrap-intro .wrap-center .wrap-text {
        font-size: 2.3em;
    }

    .wrap-intro .wrap-intro-aux .item-aux .graph{
        left: 15px;
    }

    .wrapper-thumbs .category-item{
        padding: 10px;
    }

    .wrapper-thumbs .category-item img{
        height: 150px;
    }

    .wrap-midias .titulo.midia{
        padding: 15px;
        margin: 20px 0;
    }

    .wrap-empreendimento .wrap-intro-empreendimento{
        background-size: auto 100vh;    
        background-position-x: 50%;
        background-position-y: 0;
    }

    .wrap-details .wrap-banner-details {
        height: calc(100vh - 60px - 50px);
    }

    .wrap-details .wrap-3d img {
        height: 180px;
    }

    .wrap-details .wrap-evolution .card-item img {
        height: 180px;
    }

    .wrap-details .wrap-evolution .card-item {
        width: calc( (100% / 2) - .8rem)
    }
}

@media (max-width: 576px) { 
    .wrap-details .wrap-evolution .card-item {
        width: 100%;
    }
}