/* INICIO DE LOS ESTILOS PARA EL SLIDER */
}
.swiper-container {
    width: 100%;
    height: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.infra div:nth-child(1){
    background-image: url(../002/prodemex-sal-001.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(2){
    background-image: url(../002/prodemex-sal-002.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}


.infra div:nth-child(3){
    background-image: url(../002/prodemex-sal-003.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(4){
    background-image: url(../002/prodemex-sal-004.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(5){
    background-image: url(../002/prodemex-sal-005.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(6){
    background-image: url(../002/prodemex-sal-006.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(7){
    background-image: url(../002/prodemex-sal-007.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(8){
    background-image: url(../002/prodemex-sal-008.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(9){
    background-image: url(../002/prodemex-sal-009.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(10){
    background-image: url(../002/prodemex-sal-010.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(11){
    background-image: url(../002/prodemex-sal-011.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(12){
    background-image: url(../002/prodemex-sal-012.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(13){
    background-image: url(../002/prodemex-sal-013.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(14){
    background-image: url(../002/prodemex-sal-014.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(15){
    background-image: url(../002/prodemex-sal-015.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(16){
    background-image: url(../002/prodemex-sal-016.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(17){
    background-image: url(../002/prodemex-sal-017.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(18){
    background-image: url(../002/prodemex-sal-018.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(19){
    background-image: url(../002/prodemex-sal-019.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(20){
    background-image: url(../002/prodemex-sal-020.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(21){
    background-image: url(../002/prodemex-sal-021.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(22){
    background-image: url(../002/prodemex-sal-022.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra div:nth-child(23){
    background-image: url(../002/prodemex-sal-023.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
}

.infra > div > span{
    content: "";
    height: 300px;
}

/* SECCIÓN PARA LOS QUERIES DEL SLIDER */

@media all and (min-width:991px) and (max-width:1200px){
    .swiper-wrapper div:nth-child(1){
        background-position: 20% 0;
    }
    
    .swiper-wrapper div:nth-child(2){
        background-position: 20% 0;
    }
    
    .swiper-wrapper div:nth-child(3){
        background-position: 20% 0;
    }
    
    .swiper-wrapper div:nth-child(4){
        background-position: 20% 0;
    }
    
    .swiper-wrapper div:nth-child(5){
        background-position: 20% 0;
    }
    
    .swiper-wrapper div:nth-child(6){
        background-position: 20% 0;
    }
    
    .swiper-wrapper div:nth-child(7){
        background-position: 20% 0;
    }
    
    .swiper-wrapper div:nth-child(8){
        background-position: 20% 0;
    }
}

@media all and (min-width:767px) and (max-width:990px){
    .swiper-wrapper div:nth-child(1){
        background-position: 35% 0;
    }
    
    .swiper-wrapper div:nth-child(2){
        background-position: 35% 0;
    }
    
    .swiper-wrapper div:nth-child(3){
        background-position: 35% 0;
    }
    
    .swiper-wrapper div:nth-child(4){
        background-position: 35% 0;
    }
    
    .swiper-wrapper div:nth-child(5){
        background-position: 35% 0;
    }
    
    .swiper-wrapper div:nth-child(6){
        background-position: 35% 0;
    }
    
    .swiper-wrapper div:nth-child(7){
        background-position: 35% 0;
    }
    
    .swiper-wrapper div:nth-child(8){
        background-position: 35% 0;
    }
}

@media all and (min-width:480px) and (max-width:766px){
    .swiper-wrapper div:nth-child(1){
        background-position: 50% 0;
    }
    
    .swiper-wrapper div:nth-child(2){
        background-position: 50% 0;
    }
    
    .swiper-wrapper div:nth-child(3){
        background-position: 50% 0;
    }
    
    .swiper-wrapper div:nth-child(4){
        background-position: 50% 0;
    }
    
    .swiper-wrapper div:nth-child(5){
        background-position: 50% 0;
    }
    
    .swiper-wrapper div:nth-child(6){
        background-position: 50% 0;
    }
    
    .swiper-wrapper div:nth-child(7){
        background-position: 50% 0;
    }
    
    .swiper-wrapper div:nth-child(8){
        background-position: 50% 0;
    }
}

@media all and (max-width:479px){
    .swiper-wrapper div:nth-child(1){
        background-position: 60% 0;
    }
    
    .swiper-wrapper div:nth-child(2){
        background-position: 60% 0;
    }
    
    .swiper-wrapper div:nth-child(3){
        background-position: 60% 0;
    }
    
    .swiper-wrapper div:nth-child(4){
        background-position: 60% 0;
    }
    
    .swiper-wrapper div:nth-child(5){
        background-position: 60% 0;
    }
    
    .swiper-wrapper div:nth-child(6){
        background-position: 60% 0;
    }
    
    .swiper-wrapper div:nth-child(7){
        background-position: 60% 0;
    }
    
    .swiper-wrapper div:nth-child(8){
        background-position: 60% 0;
    }
}

/* FIN DEL LOS ESTILOS DEL SLIDER */