.mod_slidercontent,.mod_slidercontent .scr{

     
     text-align: center;
     }
.mod_slidercontent .scr{
    overflow: scroll hidden;
    width: 100%;
    white-space: nowrap;
}
.mod_slidercontent .scr::-webkit-scrollbar {
    height: 0;
}
.mod_slidercontent .mod_slidercontent__item{
    display: inline-block;
    width: 100%;
    height: 100%
     }
.mod_slidercontent .slider {
    position: absolute;
    left: 50%;
}
.mod_slidercontent .slider-text {
    position: absolute;
    white-space: normal;
    overflow: hidden; 
    font-size: 0.8em;
    padding: 0 5px   }
.mod_slidercontent .slider-text p{
    -webkit-line-clamp: 3;
    margin-top: 4px
}
.mod_slidercontent .slider-text h3, .mod_slidercontent .slider-text h4, .mod_slidercontent .slider-text h5 {
    -webkit-line-clamp: 1;
    margin-bottom: 0
}
.mod_slidercontent .slider-text p, .mod_slidercontent .slider-text h3, .mod_slidercontent .slider-text h4, .mod_slidercontent .slider-text h5 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;

}
.mod_slidercontent .bg-transparent{
    background-color: #fff;
    opacity: 0.75;}
.mod_slidercontent .bg-transparent, .mod_slidercontent .slider-text {
    /*height: 110px;*/
    
    bottom: 17px;
    width: 100%;
    border-radius: 10px

}

  .mod_slidercontent:hover .navigation {
    display: block;
}
  .mod_slidercontent .navigation {
    height: 40px;
    position: absolute;
    
    width: 100%;
    text-align: center;
    display: none;
}
  .mod_slidercontent .navigation ul {left: 50%} 
  .mod_slidercontent .navigation ul li {
    height: 100%;
    z-index: 999;
    /* background-color: #fff; */
    color: #fff;
    float: left;
    cursor: pointer;
}
.mod_slidercontent .navigation ul li.active{
color:#99e37c!important;
}
.mod_slidercontent .navigation ul li.pause {
    font-weight: bolder;
    
}

@media(min-width: 600px)
{
     .mod_slidercontent,.mod_slidercontent .scr{

     height: 360px;
 }
 .mod_slidercontent .bg-transparent{
    position: absolute;
    }
.mod_slidercontent .slider {
    width: 600px;
    margin-left: -300px;
}
.mod_slidercontent .navigation {
   
    bottom: 0;}
}
@media(max-width: 599px)
{
  .mod_slidercontent,.mod_slidercontent .scr{

     height: 340px;
 }
   .mod_slidercontent .slider {
    width: 300px;
    margin-left: -150px;
}
.mod_slidercontent .navigation {
    bottom: 10px;}
.mod_slidercontent .navigation ul li {font-size: 2em}
}