@media (max-width: 768px) {
  .our-work-contact {
    min-height: 120px;
  }

  .our-work-contact .banner {
    display: none;
  }

  .box-our-work-contact.information {
    width: 100%;
    height: 100%;
    padding: 0;
  }

  .box-our-work-contact.information .information-1 h2 {
    text-align: center;
    font-size: 17px;
  }

  .box-our-work-contact.information .information-1 a {
    padding: 11px 27px;
    font-size: 20px;
  }

  .box-our-work-contact.information .information-1 a svg {
    width: 17px;
  }

  .box-our-work-contact.information .information-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .box-our-work-contact.information .information-2 {
    display: none;
  }
}

@media (max-width: 640px) {
  .out-work-button-filter {
    flex-direction: column;
  }

  .our-work-header {
    color: var(--primary-color);
  }

  .our-work-header > h3 {
    font-size: 15px;
  }

  .our-work-header > h1 {
    font-size: 43px;
  }

  .our-work-list-post {
    flex-direction: column;
    gap: 50px;
    flex-wrap: nowrap;
  }

  .out-work-button-filter > button {
    font-size: 20px;
  }

  .our-work-list-post .box-our-work {
    flex: 1;
  }

  .our-work-list-post .box-our-work > h2 {
    font-size: 20px;
  }

  .our-work-list-post .box-our-work > p {
    font-size: 16px;
  }
}