#exampleSlider {
    position: relative;
  }
  
#exampleSlider .MS-content .item {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 33.333%;
    padding-right: 60px;
    /* margin-right: 10px; */
    vertical-align: middle;
  }
  
/* Exapmle1 start */

  #exampleSlider .MS-content {
    margin: 15px 1% 15px 1%;
    overflow: hidden;
    white-space: nowrap;
  }
  
  
  #exampleSlider .MS-controls button:hover {
    cursor: pointer;
  }
  

  .MS-left, .MS-right{
      border: 0;
  }


  .MS-left, .MS-right {
    position: unset;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: inline-block;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
    margin-right: 15px;
    outline: 0 !important;
}

.MS-left img, .MS-right img{
    width: 21px;
}

@media (min-width:992px) and (max-width:1200px){
  .MS-left, .MS-right {
    margin-right: 20px;
  }
  .indiSm{
    margin-right: 20px;
  }
}
  
  @media (min-width:768px) and (max-width: 992px) {
    #exampleSlider .MS-content .item{
      width: 50%;
    }
    .MS-left, .MS-right {
      margin-right: 20px;
    }
    .indiSm{
      margin-right: 0px;
    }
    .MS-left, .MS-right{
      background: transparent;
    }
  }
  
  
  @media (min-width:300px) and (max-width: 767px) {
    #exampleSlider .MS-content .item  {
      width: 100%;
      padding-right: 0;
    }
    .MS-right {
      margin-right: 0px;
    }
    .MS-left, .MS-right{
      background: transparent;
    }
    #exampleSlider {
      border-color: transparent;
    }
    .indiSm{
      margin-right: 0px;
      margin-top: 10px;
    }
  }