div#ltarrow {
  position: relative;
  float: left;
  top: 120px;
  left: -15px;
  z-index: 99;
}

div#rtarrow {
  position: relative;
  float: right;
  top: -118px;
  right: -15px;
}

#clients {
  display: block;
  margin-right: 27px;
  margin-bottom: 0px;
}

#clients .clients-wrap {
  display: block;
  width: 1198px;
  height: 194px;
  margin: 0 auto;
  overflow: hidden;
}

#clients .clients-wrap ul {
  display: block;
  list-style: none;
  position: relative;
}

#clients .clients-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 400px;
  text-align: center;
  margin-bottom: 61px;
}

#clients .clients-wrap ul li img {
  vertical-align: middle;
  max-width: 97%;
  max-height: 194px;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

div#ltarrow2 {
  position: relative;
  float: left;
  top: 34px;
  left: 5%;
  z-index: 99;
}

div#rtarrow2 {
  position: relative;
  float: right;
  top: -109px;
  right: 5%;
}

#clients2 {
  display: block;
  margin-right: 49px;
  margin-bottom: 0px;
}

#clients2 .clients-wrap2 {
  display: block;
  width: 900px;
  margin: 0 auto;
  overflow: hidden;
}

#clients2 .clients-wrap2 ul {
  display: block;
  list-style: none;
  position: relative;
}

#clients2 .clients-wrap2 ul li {
  display: block;
  float: left;
  position: relative;
  width: 300px;
  /*height: 159px;*/
  line-height: 95px;
  text-align: center;
}

#clients2 .clients-wrap2 ul li img {
  vertical-align: middle;
  max-width: 83%;
  max-height: 100%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

@media screen and (max-width: 1300px) {
  #clients .clients-wrap {
    display: block;
    width: 796px;
    margin: 0 auto;
    overflow: hidden;
  }
  
  div#ltarrow {
    position: relative;
    float: left;
    top: 76px;
    left: 0px;
    z-index: 99;
  }
  
  div#rtarrow {
    position: relative;
    float: right;
    top: -114px;
    right: 0px;
  }
  
  div#ltarrow2 {
    position: relative;
    float: left;
    top: 34px;
    left: 5%;
    z-index: 99;
  }
  
  div#rtarrow2 {
    position: relative;
    float: right;
    top: -113px;
    right: 5%;
  }
  
  #clients2 .clients-wrap2 {
    display: block;
    width: 610px;
    margin: 0 auto;
    overflow: hidden;
  }
}

@media screen and (max-width: 1000px) {
  #clients .clients-wrap {
    display: block;
    width: 400px;
    margin: 0 auto;
    overflow: hidden;
  }
  
  #clients2 .clients-wrap2 {
    display: block;
    width: 596px;
    margin: 0 auto;
    overflow: hidden;
  }
  
  div#ltarrow2 {
    position: relative;
    float: left;
    top: 34px;
    left: 5%;
    z-index: 99;
  }
  
  div#rtarrow2 {
    position: relative;
    float: right;
    top: -113px;
    right: 5%;
  }
}

@media screen and (max-width: 760px) {
  #clients2 .clients-wrap2 {
    display: block;
    width: 302px;
    margin: 0 auto;
    overflow: hidden;
  }
}

@media screen and (max-width: 505px) {
  div#ltarrow {
    position: relative;
    float: left;
    top: 125px;
    left: 0px;
    z-index: 99;
  }
  
  div#rtarrow {
    position: relative;
    float: right;
    top: -114px;
    right: 0px;
  }
}

@media screen and (max-width: 480px) {
  #section_g {
    display: none;
  }
  
  #section_k {
    display: none;
  }
}
