.slider .indicators .indicator-item {
  background-color: #ff5f5f;
  height: 8px; 
  width: 8px;
  margin: 0px 7px;
}
.slider .indicators .indicator-item.active {
  background-color: #83ffe6;
}
.slider {
  width: 100%;
  height: 610px;
  margin: 0 auto;
}
.slider .indicators {
  
  bottom: 5px;
  text-align: right;
  z-index: 10;
}
.slider .slides{
  width: 100%;
  height: 610px;
}
.slider .slides li{
  height: 100%;
}
.slider .slides li img{
  width: 100%;
}












/*-------------------------------Celular-------------------------------------------*/
@media screen and (min-width:0px) and (max-width:450px){
.slider {
  height: 740px;
}
.slider .slides{
  height: 740px;
}
}


/*-------------------------------Tablet-------------------------------------------*/
@media screen and (min-width:450px) and (max-width:1024px){
.slider {
  height: 720px;
}
.slider .slides{
  height: 720px;
}
}