.present-sliders { 
margin-top: 0px; 
overflow:hidden;
border: 0px solid;
}

.present-sliderspics { 
margin-top: 0px; 
overflow:hidden;
border: 2px solid;
}



.slider {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 0;
width: 100%;
    margin-left: auto;
    margin-right: auto;

}

.sliderstyle{
width: 100%;
    border-top: 0px solid;
    height: 107px;
    background: #000;
    display: block;

}





.smerf-containerB {
  position: relative;
  width: 100%;
  margin: auto;
  height: 200px;
  margin-top: 21px;
}

.smerf-container-T {
  position: relative;
  width: 100%;
    max-width: 1160px;
  margin: auto;
  height: 200px;
  margin-top: 21px;
}


.smerf-container {
  position: relative;
  width: 100%;
  margin: auto;
  height: 200px;
  margin-top: 0px;
}


@media screen and (max-width: 1260px){ /* when document is 1260px or less */
.smerf-container, .smerf-containerB {
height: 212px !important;
}

.smerf-container-T {
font-size:90%;
height: 145px !important;

 }

.sliderstyle{
height: 145px !important;
}

}


@media screen and (max-width: 1000px){ /* when document is 100px or less */
.smerf-container, .smerf-containerB {
height: 573px !important;
}

.smerf-container-T {
font-size:80%;
height: 145px !important;

 }

.sliderstyle{
height: 145px !important;
}

}





@media screen and (max-width: 860px){ /* when document is 860px or less */
.smerf-container, .smerf-containerB {
height: 437px !important;
}

.smerf-container-T {
font-size:75%;
height: 170px !important;
 }

.sliderstyle{
height: 170px !important;
}

}

@media screen and (max-width: 600px){ /* when document is 600px or less */
.smerf-container, .smerf-containerB{
height: 400px !important;
}

.smerf-container-T {
font-size:75%;
height: 215px !important;

 }


.sliderstyle{
height: 215px !important;
}


}

@media screen and (max-width: 480px){ /* when document is 480px or less */
.smerf-container, .smerf-containerB{
height: 300px !important;
}

.smerf-container-T {
font-size:75%;
height: 191px !important;
 }


.sliderstyle{
height: 191px !important;
}


}

@media screen and (max-width: 390px){ /* when document is 280px or less */
.smerf-container, .smerf-containerB{
height: 275px !important;
}

.smerf-container-T {
font-size:75%;
height: 191px !important;
 }

.sliderstyle{
height: 191px !important;
}


}



@media screen and (max-width: 300px){ /* when document is 280px or less */
.smerf-container, .smerf-containerB{
height: 220px !important;
}

.smerf-container-T {
font-size:75%;
height: 170px !important;
 }

.sliderstyle{
height: 170px !important;
}


}



.smerf-item {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  justify-content: center;
  align-items: center;
  opacity: 0;
  color: white;
  transition-property: opacity;
}



.smerf-item-T {
    position: absolute;
    margin-top: -30px;
    right: 0;
    justify-content: center;
  opacity: 0;

    font-size: 17px;
    color: white;
    transition-property: opacity;
}