*{
	margin:0px;
	padding:0px;
}
#client-logos .item {
    margin: 1px;
}
.cover-wrapper {
    padding: 75px;
}
.client-inners img {
    height: 100%;
    object-fit: contain;
}
.client-inners {
    border: 1px solid #ccc;
    height: 150px;
    width: 300px;
    text-align: center;
    padding: 0px;
}
.owl-nav img {
    width: 34px;
}
.owl-prev img {
    position: absolute;
    left: -38px;
    top: 50%;
    margin-top: -20px;
}
.owl-next img {
    position: absolute;
    right: -38px;
    top: 50%;
    margin-top: -20px;
}





/* Your existing styles */

@media only screen and (max-width: 767px) {
    * {
      margin: 0;
      padding: 0;
    }
  
    #client-logos .item {
      margin: 5px; /* Adjust as needed */
    }
  
    .cover-wrapper {
      padding: 30px; /* Adjust as needed */
    }
  
    .client-inners {
      width: 100%;
      height: auto;
      padding: 10px; /* Adjust as needed */
    }
  
    .owl-nav {
      text-align: center;
    }
  
    .owl-prev,
    .owl-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 50px; /* Adjust as needed */
      height: 50px; /* Adjust as needed */
      background-color: #yourColor; /* Adjust as needed */
    }
  
    .owl-prev {
      left: 0;
    }
  
    .owl-next {
      right: 0;
    }
  
    .owl-prev img,
    .owl-next img {
      display: block;
      width: 100%;
      height: auto;
    }
  }





  /* Your existing styles */

@media only screen and (min-width: 768px) and (max-width: 1023px) 

* {
    margin: 0;
    padding: 0;
  }

  #client-logos .item {
    margin: 5px; /* Adjust as needed */
  }

  .cover-wrapper {
    padding: 30px; /* Adjust as needed */
  }

  .client-inners {
    width: 100%;
    height: auto;
    padding: 10px; /* Adjust as needed */
  }

  .owl-nav {
    text-align: center;
  }

  .owl-prev,
  .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px; /* Adjust as needed */
    height: 50px; /* Adjust as needed */
    background-color: #yourColor; /* Adjust as needed */
  }

  .owl-prev {
    left: 0;
  }

  .owl-next {
    right: 0;
  }

  .owl-prev img,
  .owl-next img {
    display: block;
    width: 100%;
    height: auto;
  }
}




















    
  




  
  