@media  (min-width: 768px) {
    div.top {
        padding: 10px 120px;
    }
    div#introduccion img {
        width:400px;
    }
    div#items {
        display: flex;
        flex-flow: row;
        flex-wrap:wrap;
        justify-content: space-between;
    }
    div#items .feature {
        width:45%;
    }
    div.lotes {
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
    }
    div.lote {
        width:45%;
    }
    #album_detalle .album_thumb {
        max-width:48%;
    }
    div#modulos-disponibles .modulo .description h4 {
        width: 23%;
    }
}
@media  (min-width: 992px) {
    div#navbarSupportedContent {
        justify-content: flex-end;
    }
    div.top {
        justify-content: space-between;
        text-align: left;
        padding: 15px 52px;
    }
    div#formulario-banner {
        position: absolute;
        bottom: 20px;
        right: 60px;
        width: 400px;
    }
    div#featuers {
        padding: 50px 0;
    }
    div.feature {
        flex-flow: row;
        margin:30px 0;
    }
    div.feature:nth-of-type(2n) {
        flex-flow: row-reverse;
    }
    div.feature img {
        width: 50%;
        width: -moz-available;
    }
    div.feature .info {
        padding:0 30px;
    }
    div#features div.feature .info {
        width: 50%;
    }
    div#items div.feature {
        flex-flow: column;
    }
    div#items div.feature img {
        width: 100%;
        height: 150px;
    }
    div#items div.feature .info {
        padding:20px 0px;
    }
    div#items .feature {
        margin:20px 0;
    }
}

@media  (min-width: 1024px) {
    
    div.feature {
        flex-flow: row;
        margin:50px 0;
    }
    div#items .feature {
        padding: 20px 5px;
    }
    div.lote {
        width:30%;
        margin: 20px 15px;
    }
    div.lote a.button-outline {
        display: block;
        margin-top: 15px;
        width: 160px;
        text-align: center;
    }
    #album_detalle .album_thumb {
        max-width:24%;
    }
    div#presentacion .container {
        text-align: left;
        flex-flow: row;
        justify-items: flex-start;
    }
    div#presentacion .container img {
        margin-right:20px;
    }
}

@media  (min-width: 1200px) {
    div#formulario-banner {
          bottom: 80px;
    }
    div#items .feature {
        width:24%;
    }
    div.lote a.button-outline {
        
        padding: 8px 38px;
    }
}