@media (max-width: 980px) {
  #contact {
    flex-direction: column;
  }
  .mailBeeImg {
    width: clamp(250px, 35vw, 350px);
  }
  .services {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  #contact {
    margin: 0 30px;
  }
  .contactForm {
    margin: 0 clamp(130px, 20vw, 200px);
  }
  .contactTxt * {
    text-align: center;
  }
  .contactTxt h3 {
    font-weight: 400;
  }
}

@media (max-width: 680px) {
  .services {
    grid-template-columns: minmax(0, 1fr);
  }
  .contactForm {
    margin: 0 clamp(40px, 10vw, 80px);
  }
}

@media (max-width: 790px) {
  #about {
    flex-direction: column;
    width: clamp(200px, 90vw, 1050px);
  }
  #about p {
    font-size: clamp(14px, 2.4vw, 19px);
  }

  #about h1 {
    font-size: clamp(26px, 5vw, 36px);
  }

  .aboutchild {
    padding: clamp(20px, 3vw, 40px) clamp(10px, 2vw, 20px);
    gap: 14px;
  }
}

@media (max-width: 550px) {
  .break {
    display: none;
  }

  #home h1 {
    font-size: clamp(20px, 6vw, 30px);
  }
}

@media (max-width: 420px) {
  .main {
    gap: 16px;
  }

  .aboutchild p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}