.swiperManualApp {
    height: 32em;
}

.hbotonright {
    background: url(../img/flechaderechas.png);
    left: 54%;
    top: 105%;
    transform: translate(310%, -105%);
    width: 2em;
    height: 2em;
    position: absolute;
    cursor: pointer;
    background-size: 20px 31px;
    background-position: center;
    background-repeat: no-repeat;
}

.hbotonleft {
    background: url(../img/flechaizquierdas.png);
    left: 54%;
    top: 105%;
    transform: translate(-470%, -105%);
    position: absolute;
    width: 2em;
    height: 2em;
    cursor: pointer;
    background-size: 20px 31px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.hbotonright:focus,
 .hbotonleft:focus{
    outline: none;
}


.swiperManualApp .swiper-pagination-bullet-active {
    opacity: 1!important;
    background: white!important;
}

.pmanual .swiper-pagination-bullet {
    width: 17px;
    height: 17px;
    background: rgba(255, 255, 255, 0.2);
    margin: 10px;
    border-radius: 0;
    border: white solid 1px;
    opacity: 0.7;
}
.pmanual .swiper-pagination-bullet:focus{
    outline: inherit;
}

.pmanual {
    width: 13em!important;
    height: 2em!important;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0px!important;
    left: 54%!important;
    transform: translateX(-55%);
}


@media (max-width: 1700px) {
    .swiperManualApp {
        height: 28em;
    }
} 

@media (max-width: 1400px) {
    .hbotonright {
        left: 57%;   
    }
    .hbotonleft {
        left: 57%!important;
    }
    .pmanual {
        left: 57%!important;
    }

} 
@media (max-width: 991px) {
    .swiperManualApp {
        height: 46em;
    }
    .hbotonright {
        top: 48%;
        left: 52%;
        transform: translate(310%, -52%);
    }
    .hbotonleft {
        top: 48%;
        left: 50%!important;
        transform: translate(-470%, -48%);
    }
    .pmanual {
        top: 43%;
       left: 51%!important;
    }
} 

@media (max-width:575px){
    .pmanual {
        width: 15em!important;
        height: 2em!important;
    }
    .pmanual.swiper-pagination-bullet {
        margin: 0 7px!important;
    }
}
@media (max-width:400px){
    .pmanual {
        top: 37%!important;
        left: 53%!important; 
    }
    .swiper-container.swiperManualApp  > .swiper-pagination-bullets {
        top: 37%!important;
        left: 53%!important;
    }
    .hbotonleft {
        top: 42%!important;
        left: 50%!important;
        transform: translate(-440%, -42%);
    }
    .hbotonright {
        top: 42%!important;
        left: 50%!important;
        transform: translate(310%, -42%)!important;
    }
}



