@media only screen and (max-width: 768px) {
  .first-section .container {
    padding: 13px 0;
    flex-direction: column-reverse;
  }
  .section-two-about {
    flex-direction: column;
    padding: 0 13px;
  }
  .first-section .container .content {
    width: auto;
    padding: 0 15px;
  }
  .first-section .container .content .first-content-desc {
  }
  .sample-picture {
    width: auto;
    height: 170px;
    margin: 0 31px;
    border-radius: 5px;
  }
  .sample-picture img {
    border-radius: 5px;
  }
  .text-banner p {
    font-size: 14px;
    padding: 0 12px 0 12px;
    text-align: center;
    font-weight: 700;
  }
  .text-title-section-two {
    font-size: 14px;
  }
  .second-section-picture {
    padding-top: 16px;
    padding-bottom: 13px;
  }
  .four-pic-section-two {
    width: 83px;
    height: 96px;
    background-color: #169e50;
  }
  .second-content p {
  }
  .pic-content {
    width: 449px;
    height: 340px;
    background-color: #4bc987;
    border-radius: 30px;
  }
  .third-section .container .text-content {
    width: auto;
  }
  .agent-pic-1 {
    width: 48px;
    height: 48px;
    margin: 0 11px 0 0;
  }
  .agent-pic-1 img {
    width: 1.313rem;
    height: 1.625rem;
  }
  .agent-banner {
    height: 75px;
    border-radius: 10px;
  }
  .agent-content h3 {
    font-size: 11px;
  }
  .fifth-section {
    padding-bottom: 90px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .first-content-title,
  .text-title-section-two,
  .text-title-section-third,
  .text-title-section-fourth {
    text-align: center;
  }
}