.contact-us .address .tel,
.contact-us .address .email {
  color: var(--color-c89c46);
}

@media (min-width: 769px) {
  .top-bg {
    background: url(../../../assets/images/contact-us.png) no-repeat center/cover;
  }

  .contact-us {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .contact-us .map {
    height: 400px;
    margin-bottom: 30px;
  }

  .contact-us .wrap {
    display: flex;
    justify-content: space-between;
  }

  .contact-us .address,
  .contact-us .address+div {
    width: calc(50% - 10px);
  }

  .contact-us .address>div+div {
    margin-top: 20px;
  }

  .contact-us .address img {
    width: 28px;
    height: 28px;
    margin-right: 10px;
  }

  .contact-us .address .location {
    margin-top: 10px;
  }

  .contact-us .address .abbr {
    font-size: 18px;
    line-height: 40px;
  }

  .contact-us .address .detail {
    font-size: 14px;
    line-height: 26px;
  }


  .contact-us .address .time,
  .contact-us .address .tel,
  .contact-us .address .email {
    font-size: 14px;
    line-height: 16px;
  }
}

@media (max-width: 768px) {
  .top-bg {
    background: url(../../../assets/images/contact-us-small.png) no-repeat center/cover;
  }

  .contact-us {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .contact-us .map {
    height: 300px;
    margin-bottom: 20px;
  }

  .contact-us .address {
    margin-bottom: 20px;
  }

  .contact-us .address>div+div {
    margin-top: 10px;
  }

  .contact-us .address img {
    width: 28px;
    height: 28px;
    margin-right: 10px;
  }

  .contact-us .address .location {
    margin-top: 5px;
  }

  .contact-us .address .abbr {
    line-height: 30px;
  }

  .contact-us .address .detail {
    font-size: 14px;
    line-height: 20px;
  }


  .contact-us .address .time,
  .contact-us .address .tel,
  .contact-us .address .email {
    font-size: 14px;
    line-height: 16px;
  }

}