@media screen and (max-width:754px)
{
    .logo_principal
    {
        width: 50%;
    }
    #menu
    {
        display: none;
    } 
    #menu-mobile
    {
        display: flex;
    }
    .titulo-blanco, .titulo-gris
    {
        font-size: var(--fs-title-mobile);
        text-align: center;
    }
    .subtitulo-blanco, .subtitulo-gris
    {
        font-size: var(--fs-subtitle-mobile);
        text-align: center;
    }
    .texto-verde
    {
        text-align: center;
    }
    .zona-vibrante
    {
        background-image: none;
    }
    .banner-home
    {
        height: 100vh;
        background-image: url(../../media/banners/edificio-cova-nuevo-leon-mobile.jpg);
    }
    .item-modal
    {
        flex-direction: column;
        width: 100%;
        height: 100%;
        overflow-y:auto;
    }
    .contenedor_img_logo
    {
        width: 100%;
        margin-bottom: 20px;
    }
    .contenedor-info-footer
    {
        width: 100%;
        min-height: 270px;
    }
    .contenedor-titulo-modal
    {
        width: 100%;
        height: 10%;
    }
    .img-modal
    {
        display: none;
    }
    .contenedor-texto-modal
    {
        width: 100%;
        height: 90%;
        overflow:inherit;
        overflow-y:inherit;
    }
    .img-close-modal
    {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 46px;
        height: 46px;
    }
    .prototipos
    {
        height: 320px;
        background-image: none;
    }
    .contenedor_prototipos_slider
    {
        max-width: 100%;
    }
    .img-arrow
    {
        margin: 10px;
        top: 16%;
    }
    .titulo-gris.mt-5
    {
        margin-top: 16px;
    }
    .prototipos.mb-5
    {
        margin-bottom: 16px;
    }
    .galeria.mb-5
    {
        margin-bottom: 16px;
    }
    .parrafo-info-footer
    {
        text-align: center;
    }
    .pleca-footer,.pleca-blanca
    {
        display: none;
    }
    .contenedor-tyc
    {
        flex-direction: column;
        justify-content: space-around;
    }
    .catalogo {
        height: 280px;
        background-size: contain;
    }
    .grid-galeria 
    {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6,auto);
    }
    .img-grid-rectangular
    {
        grid-column: 1/2;
        grid-row: 1/2;
        height: 200px;
    }
    .img-grid-cuadrada
    {
        grid-column: 1/2;
        grid-row: 2/3;
        height:300px;
    }
    .img-grid-rectangular-2
    {
        grid-column: 1/2;
        grid-row: 3/4;
        height: 200px;
    }
    .img-grid-cuadrada-2
    {
        grid-column: 1/2;
        grid-row: 4/5;
        height:300px;
    }
    .img-grid-rectangular-3
    {
        grid-column: 1/2;
        grid-row: 5/6;
        height: 200px;
    }
    .img-grid-cuadrada-3
    {
        grid-column: 1/2;
        grid-row: 6/7;
        height:300px;
    }
    .desarrollo
    {
        flex-direction: column;
        height:auto;
    }
    .contenedor-logo-desarrollo
    {
        height: 90px;
    }
    .idiomas.ml-4 
    {
        margin-left: 0;
        justify-content:center;
        background:var(--color-verde);
    }
    .img-catalogo
    {
        width:100%;
    }
    .img-desarrollo
    {
        object-position:-20px 0px;
    }
    .titulo-lista
    {
        margin-top:16px;
        margin-bottom:12px;
    }
    .bloque-lista
    {
        width: 100%;
    }
    body > main > section.section.d-flex.column.mt-5 > div.section.d-flex.desarrollo.verde.d-flex.justify-content-center.align-content-center.wrap > div.contenedor-logo-desarrollo.d-flex.justify-content-center.align-content-center.wrap.mt-3
    {
        margin-top: 16px;
    }
    body > main > section.section.d-flex.column.mt-5 > div.section.d-flex.desarrollo.verde.d-flex.justify-content-center.align-content-center.wrap > div.contenedor-logo-desarrollo.d-flex.justify-content-center.align-content-center.wrap.mt-2
    {
        margin-top: 8px;
    }
    .contenedor-catalogo
    {
        height: 230px;
    }
    .contenedor_amenities_item_grid
    {
        flex-direction:column;
    }
    .img-amenidades-grid
    {
        width:100%;
    }
    .contenedor_ameities_item_img
    {
        height:250px;
    }
    .contenedor_contacto_img
    {
        display:none;
    }
    .contenedor_contacto_form
    {
        width:100%;
        height:100%;
    }
    .img-contacto-lateral
    {
        height:295px;
    }
    .contenedor_amenities_item_grid
    {
        height:auto;
    }
    .contacto 
    {
        height: 500px;
    }
}

@font-face {
    font-family: 'Avenir';
    src: url('../../fonts/avenir.ttc') format('truetype');
}

@font-face {
    font-family: 'Avenir Next';
    src: url('../../fonts/avenir-next.ttc') format('truetype');
}

@font-face {
    font-family: 'Avenir Next Condensed';
    src: url('../../fonts/avenir-next-condensed.ttc') format('truetype');
}
@keyframes zoom-in {
    0%
    {
        transform: scale(1);
    }
    100%
    {
        transform: scale(1.1);
    }
}
@keyframes zoom-out {
    0%
    {
        transform: scale(1.1);
    }
    100%
    {
        transform: scale(1);
    }
}

@keyframes show-in {
    0%
    {
        transform: translateX(100%);
        opacity:0;
    }
    100%
    {
        transform: translateX(0%);
        opacity:1;
    }
}
@keyframes show-out {
    0%
    {
        transform: translateX(0%);
        opacity:1;
    }
    100%
    {
        transform: translateX(100%);
        opacity:0;
    }
}