.jd-slider{
	position: relative;
}

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

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

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

.slide-area li{
    position:  relative;
}

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

.opt1 .slideText{
    position:absolute;
}

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



/*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 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;
    }   

}

/*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@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 (XS revisamos en 320px)
=============================================*/

@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;
    }   
    
}