.ourclients {
  background: #fff;
  border-top: 1px solid #ddd
}

.ourclients .container {
  position: relative;
  overflow: hidden
}

.ourclients * {
  box-sizing: border-box
}

.ourclients img {
  max-width: 100%;
  max-height: 100%
}

.ourclients {
 
  width: 100%;
  padding: 50px 0;
  box-sizing: border-box;
  position: relative
}

.ourclients h1 {
  text-align: center;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #333;
  font-weight: 600
}

.ourclients h2 {
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 0 15px
}

.ourclients ul.clientlist {
  display: inline;
  width: 100%;
  margin: 0 -15px;
  overflow: hidden;
  list-style: none;
  list-style-type: none
}

.ourclients ul.clientlist li {
  float: left;
  width: 14.28%;
  padding: 0 15px;
  text-align: center;
  margin-bottom: 20px
}

.ourclients ul.clientlist li a {
  display: inline-block;
  border: 1px solid #ddd;
  padding: 10px;
  width: 100%;
  height: 120px;
  text-align: center;
  line-height: 90px
}

.ourclients ul.clientlist li a img {
  display: inline-block;
  vertical-align: middle
}

.ourclients .select-box {
  position: absolute;
  right: 15px;
  /* top: 50px; */
  display: inline-block
}

.ourclients .select-box:before {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  display: inline-block;
  height: 0;
  width: 0;
  border-left: 5px solid #fff0;
  border-right: 5px solid #fff0;
  border-top: 5px solid #000;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%)
}

.ourclients #catId {
  height: 40px;
  display: inline-block;
  padding: 5px 20px 5px 5px;
  line-height: 30px;
  border-radius: 0;
  border: 1px solid #ddd;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none
}

.ourclients .content-box {
  float: left;
  width: 100%
}

.clients-slider .owl-carousel .owl-item img {
  max-width: 100%;
  max-height: 100%
}

.clients-slider .client-box img {
  padding: 20px;
  box-sizing: border-box
}

.clientlist img {
  max-width: 120px;
  height: auto;
  margin: 5px;
  border-radius: 5px;
  transition: transform 0.3s ease;
}
.clientlist img:hover {
  transform: scale(1.1);
}
.content-box {
  display: none;
}