.jd-slider {
    position: relative;
}


.jd-slider .controller {
    background-color: rgba(0,0,0,.1);
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.jd-slider .controller .indicate-area a::after {
    border: 0;
    background-color: #eee; 
    box-shadow: 0 0 5px #000;
    width: 15px;
    height: 15px;
}

.jd-slider .controller .indicate-area a.on:after {
    border: 0;
    background-color: #fff;
}

.slide-area li {
    position: relative;
}

.opt1 img, .opt2 img {
    position: absolute;
}

.opt1 .slideText {
    position: absolute;
}

.opt2 .slideText {
    position: absolute;
    text-align: right;
}

/*escritorio 0 tablet 1024px*/

@media (max-width:1199px) and (min-width:992px) {
    .slideOpt h1 {
        font-size: 35px;
        margin-top: 5px;
    }
    
    .slideOpt h2 {
        font-size: 30px;
    }
    
    .slideOpt h3 {
        font-size: 20px;
    }   
    .slideOpt button {
        padding: 10px;
    }
}

/*tablet*/

@media (max-width:991px) and (min-width:768px) {
    .slideOpt h1 {
        font-size: 25px;
        margin-top: 5px;
    }
    
    .slideOpt h2 {
        font-size: 20px;
    }
    
    .slideOpt h3 {
        font-size: 15px;
    }   
    .slideOpt button {
        padding: 5px;
    }
}

/*movil*/

@media (max-width:767px) {
    .slideOpt h1 {
        font-size: 15px;
        margin-top: 5px;
        margin-bottom: -20px;
    }
    
    .slideOpt h2 {
        display: none;
    }
    
    .slideOpt h3 {
        font-size: 10px;
        margin-top: 25px;
    }   
    .slideOpt button {
        padding: 5px;
        font-size: 10px;
    }
}