.bg-main {
    background: transparent url(../../inc/img/xs/5-valle/bg-main.webp) center center no-repeat;
    background-size: cover;
    min-height: 696px;
}

@media only screen and (min-width: 993px) {    
    .bg-main {
        background: transparent url(../../inc/img/m/5-valle/bg-main.webp) center center no-repeat;
        background-size: cover;
        min-height: 945px;
    }

    .w-md-25 { width: 25% !important; }
    .w-md-50 { width: 50% !important; }
    .w-md-75 { width: 75% !important; }
}

@media only screen and (min-width: 1281px) {
    .bg-main {
        background: transparent url(../../inc/img/l/5-valle/bg-main.webp) center center no-repeat;
        background-size: cover;
        min-height: 748px;
    }

    .w-lg-25 { width: 25% !important; }
    .w-lg-50 { width: 50% !important; }
    .w-lg-75 { width: 75% !important; }
}

@media only screen and (min-width: 1441px) {
    .bg-main {
        background: transparent url(../../inc/img/xl/5-valle/bg-main.webp) center center no-repeat;
        background-size: cover;
        min-height: 748px;
    }

    .w-lg-25 { width: 25% !important; }
    .w-lg-50 { width: 50% !important; }
    .w-lg-75 { width: 75% !important; }
}