.main-custom .banner {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .main-custom .banner {
    margin-bottom: 30px;
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (max-width: 374px) {
  .main-custom .banner {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.main-custom .banner img {
  width: 100%;
}
.customer-title:before,
.customer-title:after {
  content: " ";
  display: table;
}
.customer-title:after {
  clear: both;
}
.customer-title h2 {
  float: left;
}
@media (max-width: 767px) {
  .customer-title h2 {
    float: none;
  }
}
.customer-title h2 img {
  margin-top: 5px;
}
@media (max-width: 1240px) {
  .customer-title h2 img {
    width: 350px;
  }
}
@media (max-width: 767px) {
  .customer-title h2 img {
    margin-top: 0;
    width: 280px;
  }
}
.customer-title .search {
  position: relative;
  float: right;
  border: #adadad 1px solid;
  border-right: none;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .customer-title .search {
    float: none;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.customer-title .icon-search {
  position: absolute;
  left: 6px;
  top: 8px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUyLjk2NiA1Mi45NjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUyLjk2NiA1Mi45NjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8cGF0aCBkPSJNNTEuNzA0LDUxLjI3M0wzNi44NDUsMzUuODJjMy43OS0zLjgwMSw2LjEzOC05LjA0MSw2LjEzOC0xNC44MmMwLTExLjU4LTkuNDItMjEtMjEtMjFzLTIxLDkuNDItMjEsMjFzOS40MiwyMSwyMSwyMSAgYzUuMDgzLDAsOS43NDgtMS44MTcsMTMuMzg0LTQuODMybDE0Ljg5NSwxNS40OTFjMC4xOTYsMC4yMDUsMC40NTgsMC4zMDcsMC43MjEsMC4zMDdjMC4yNSwwLDAuNDk5LTAuMDkzLDAuNjkzLTAuMjc5ICBDNTIuMDc0LDUyLjMwNCw1Mi4wODYsNTEuNjcxLDUxLjcwNCw1MS4yNzN6IE0yMS45ODMsNDBjLTEwLjQ3NywwLTE5LTguNTIzLTE5LTE5czguNTIzLTE5LDE5LTE5czE5LDguNTIzLDE5LDE5ICBTMzIuNDU5LDQwLDIxLjk4Myw0MHoiIGZpbGw9IiNhZGFkYWQiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
  background-size: cover;
}
.customer-title .form-control {
  font-size: 16px;
  padding: 5px 5px 5px 30px;
  border: none;
  background: none;
  outline: none;
}
@media (max-width: 767px) {
  .customer-title .form-control {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.customer-title .btn {
  vertical-align: center;
  padding: 5px 20px;
  background: #adadad;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.customer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 50px -8px 40px;
}
@media (max-width: 767px) {
  .customer-list {
    margin-top: 30px;
  }
}
.customer-item {
  width: 20%;
}
@media (max-width: 1240px) {
  .customer-item {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .customer-item {
    width: 50%;
  }
}
.customer-item a {
  display: block;
  margin: 8px;
  background: #fff;
}
.customer-item a:hover {
  opacity: 0.8;
}
.customer-item img {
  width: 100%;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(46, 46, 46, 0.19);
  box-shadow: 2px 2px 4px 0px rgba(46, 46, 46, 0.19);
}