section#hp-logos .logos-section>ul {
  width: 100%;
  position: relative;
  float: left;
  z-index: 5;
}
section#hp-logos {
  /* padding: 180px 0; */
  min-height: 300px;
  overflow: hidden;
}

@media screen and (max-width:1000px) {
  section#hp-logos {
    /* padding: 125px 0 100px; */
  }
}

@media screen and (max-width:650px) {
  section#hp-logos {
    padding: 95px 0 100px;
  }
}

}

@media screen and (max-width:1000px) {
  section#hp-logos .title-box {
    width: 100%;
    display: block;
    top: 0;
    position: relative;
    text-align: center;
  }
}

@media screen and (max-width:820px) and (orientation:landscape) {
  section#hp-logos {
    padding: 95px 0 100px;
  }

  section#hp-logos .title-box {
    text-align: left;
  }
}

section#hp-logos .title-box>h3 {
  font-size: 40px;
  letter-spacing: -1.8px;
  line-height: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media screen and (max-width:350px) {
  section#hp-logos {
    padding: 70px 0 80px;
  }

  section#hp-logos .title-box>h3 {
    font-size: 36px;
    letter-spacing: -1.2px;
    line-height: 46px;
  }
}

section#hp-logos .title-box>p {
  max-width: 240px;
  padding-top: 25px;
  font-family: tisaproitalic;
  font-size: 22px;
  color: #65778c;
  letter-spacing: -.46px;
  line-height: 34px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

section#hp-logos .title-box .gnr-link {
  margin-top: 40px;
  color: #2ebdbd;
}

section#hp-logos .title-box .gnr-link:before {
  background-color: #2ebdbd;
}

section#hp-logos .logos-section {
  position: relative;
  /* padding: 0 0 0 300px; */
  z-index: 2;
}

@media screen and (max-width:1000px) {
  section#hp-logos .title-box>p {
    max-width: 100%;
  }

  section#hp-logos .title-box>p br {
    display: none;
  }

  section#hp-logos .logos-section {
    width: 100%;
    display: block;
    padding: 0;
    margin-top: 70px;
  }
}

section#hp-logos .logos-section>ul {
  width: calc(100% + 8px);
  overflow: hidden;
}

@media screen and (max-width:1000px) {
  section#hp-logos .logos-section>ul {
    width: 100%;
    padding: 0;
  }
}

section#hp-logos .logos-section>ul>li {
  width: 33.3333%;
  width: calc(100% / 3 - 8px);
  height: 200px;
  float: left;
  position: relative;
  box-sizing: border-box;
  z-index: 10;
  overflow: hidden;
}

@media screen and (max-width:1000px) {
  section#hp-logos .logos-section>ul>li {
    width: calc(100% / 3);
  }
}

section#hp-logos .logos-section>ul>li:nth-of-type(1) {
/*  border-bottom: 1px solid #e3ebee;*/
}

@media screen and (max-width:480px) {
  section#hp-logos .logos-section>ul>li {
    width: 50%;
    height: 150px;
  }

/*  section#hp-logos .logos-section>ul>li:nth-of-type(1) {
    border-right: 1px solid #e3ebee;
  }*/
}

section#hp-logos .logos-section>ul>li:nth-of-type(2) {
  width: calc(100% / 3 + 9px);
 /* border-bottom: 1px solid #e3ebee;
  border-right: 1px solid #e3ebee;
  border-left: 1px solid #e3ebee;*/
}

@media screen and (max-width:1000px) {
  section#hp-logos .logos-section>ul>li:nth-of-type(2) {
    width: calc(100% / 3);
  }
}

section#hp-logos .logos-section>ul>li:nth-of-type(3) {
  /*border-bottom: 1px solid #e3ebee;*/
}

@media screen and (max-width:480px) {
  section#hp-logos .logos-section>ul>li:nth-of-type(2) {
    width: 50%;
    border-right: none;
    border-left: none;
  }

  section#hp-logos .logos-section>ul>li:nth-of-type(3) {
    /*border-right: 1px solid #e3ebee;*/
  }

  section#hp-logos .logos-section>ul>li:nth-of-type(4) {
   /* border-bottom: 1px solid #e3ebee;*/
  }
}

section#hp-logos .logos-section>ul>li:nth-of-type(5) {
  width: calc(100% / 3 + 9px);
/*  border-right: 1px solid #e3ebee;
  border-left: 1px solid #e3ebee;*/
}

@media screen and (max-width:1000px) {
  section#hp-logos .logos-section>ul>li:nth-of-type(5) {
    width: calc(100% / 3);
  }
}

@media screen and (max-width:480px) {
  section#hp-logos .logos-section>ul>li:nth-of-type(5) {
    width: 50%;
    border-left: none;
  }
}

section#hp-logos .logos-section>ul>li a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: flex;
  text-align: center;
  background-color: #fff;
  z-index: 100;
}

@-moz-document url-prefix() {
  section#hp-logos .logos-section>ul>li a:hover img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
  }
}

@supports (-ms-ime-align:auto) {
  section#hp-logos .logos-section>ul>li a:hover img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
  }
}

@media screen\0 {
  section#hp-logos .logos-section>ul>li a:hover img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
  }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
  section#hp-logos .logos-section>ul>li a:hover img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
  }
}

@media not all and (hover:none) {
  section#hp-logos .logos-section>ul>li a:hover img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
  }
}

section#hp-logos .logos-section>ul>li a>img {
  max-width: 80%;
  position: relative;
  margin: auto;
  transition: all .34s ease-out;
}

ul#sub-nav li a svg,ul#sub-nav li a svg path {
  transition: all .25s ease-out;
}

@media screen and (max-width:650px) {
  section#hp-logos .logos-section>ul>li a>img {
    max-width: 70%;
  }
}

@media screen and (max-width:350px) {
  section#hp-logos .title-box>p {
    font-size: 20px;
    letter-spacing: -.26px;
    line-height: 32px;
  }

  section#hp-logos .logos-section>ul>li a>img {
    max-width: 90%;
  }
}
