div.sliderInIndex{
margin:auto;
width:1024px;
}
div.sliderInSections{
  width:100%;
}

.image-container {
    width:auto;
    text-align:left;
    position:relative;
    border-radius: 6px;
    margin:auto;
}

.previous{
  left:0;
}
.next {
  right:0;
}

/* Next and previous icon design */
.previous,
.next {
    background: #00f3ff;
    cursor: pointer;
    position: absolute;
    top: 50%;
    padding: 7px;
    margin-top: -25px;
    opacity:.77;
}


.sliderImg{
    width:100%;
    height:396px;
    box-shadow: 0 20px 50px rgb(23, 32, 90);
    border: 2px solid #00ddff;
 pointer-events: none;
}





.sliderTitulo {
    color: white;
    opacity: .7;
    width: 100%;
    min-height:32px;
    height: auto;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    position: absolute;
    bottom:0;
}
.sliderTituloAdm {
    color: red;
}
.fa {
    font-size: 32px;
}

.fa:hover {
    transform: rotate(360deg);
    transition: 1s;
    color: white;
}

.footerdot {
    cursor: pointer;
    height: 14px;
    width: 32px;
    margin: 0 2px;
    display: inline-block;
    transition: background-color 0.5s ease;
    border-bottom:2px solid #00f3ff;
}

.active,
.footerdot:hover {
    background-color:#00f3ff;
}

@media screen and (max-width: 1000px) {
    .image-container,div.sliderInIndex {
    width:98%;
    margin:auto;
    }
    .sliderImg{
        border-radius:0px;
        width:100%;
        height:auto;
    }
    .previous,
    .next {
      padding:1px;
      opacity:1;
    }
.footerdot{
  margin-bottom:14px;
}

}

/* Bigponsive */
@media only screen and (min-width: 1440px) {
div.sliderInIndex{
width:1280px;}
}