@media (max-width: 767px) {
  .footerBox .footerLogo {
    margin: 0 auto;
  }

  .footerBox .footerCode {
    margin: 10px auto;
  }

  .footerBox .footerBottom .imgLeft {
    display: none;
  }

  .footerBox .aboutTop,
  .footerBox .contactTop,
  .footerBox .relatedTop {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .footerBox .footerCode {
    margin: 10px 0 0 10px;
  }

  .footerBox .footerTop .imgLeft {
    display: none;
  }

  .footerBox .footerTop .sitemapColumn .fa {
    display: none !important;
  }

  .footerBox .footerBottom .desc {
    height: 36px;
    line-height: 36px;
  }

  .footerBox .footerTop .desc {
    display: block !important;
  }
}

.clearfix {
  content: "";
  display: block;
  clear: both;
}

.footerBox {
  width: 100%;
  height: auto;
  padding-bottom: 10px;
}

.footerBox .footer {
  height: auto;
  margin: 0 auto;
}

.footerBox .footerLeft {
  margin-top: 20px;
}

.footerBox .footerLogo {
  width: 230px;
  height: auto;
  margin: 0 auto;
  margin-top: 24px;
  margin-bottom: 20px;
}

.footerBox .footerLogo img {
  width: 100%;
  height: 100%;
}

.footerBox .footerCode {
  width: 140px;
  height: 150px;
  margin: 0 auto;
  margin-top: 10px;
}

.footerBox .footerCode img {
  width: 100%;
  height: 100%;
}

.footerBox .footerRight {
  margin-top: 20px;
  color: #fff;
}

.footerBox .title {
  font-size: 16px;
  border-bottom: 1px solid white;
  font-weight: bold;
  padding-bottom: 5px;
}

.footerBox .desc p {
  font-size: 14px;
  margin-top: 16px;
}

.footerBox .related .desc p:hover,
.footerBox .about .desc p:hover {
  text-decoration: underline;
  cursor: pointer;
}

.footerBox .desc p a:hover {
  color: #fff;
}

.footerBox #desc p a:hover {
  cursor: pointer;
  color: #fff;
}

.footerBox #desc p:hover {
  cursor: pointer;
  color: #fff;
}

.footerBox #descRelated p a {
  color: #fff;
}

.footerBox #descRelated p a:hover {
  cursor: pointer;
  color: #fff;
}

.footerBox .footerBottom {
  margin-top: 15px;
  color: #fff;
  font-size: 14px;
}

.footerBox .footerBottom .imgLeft {
  /* padding-left: 10px; */
  width: 40px;
  margin: 0 auto;
}

.footerBox .footerTop .imgLeft {
  text-align: center;
}

.footerBox .footerBottom .imgLeft .fa,
.footerBox .footerTop .imgLeft .fa {
  line-height: 14px;
  text-align: center;
  margin: 5px;
  font-size: 16px;
  cursor: pointer;
  border: 1px solid white;
  border-radius: 50%;
  padding: 5px;
  box-sizing: content-box;
}

.footerBox .footerTop .imgLeft .fa {
  width: 14px;
  height: 14px;
}

.footerBox .footerBottom .imgLeft .fa {
  width: 16px;
  height: 15px;
}