@media (min-width: 360px) {
  /* About Section */
  .about .about-card {
    width: 100%;
    padding: 50px 0;
  }

  /* Service Section */
  .service .container {
    width: 90%;
  }

  .service .scrivener-card p {
    top: -6px;
    left: 30px;
    padding: 20px 35px 8px 10px;
    background: #fff;
  }

  /* Contact Section */
  .contact .mail {
    width: 65px;
    top: 170px;
    left: 23px;
  }

  /* Campany Section */
  .company td {
    font-size: 12px;
  }

  .company .t-title {
    padding: 0 50.7px;
  }

  .company .t-content {
    padding: 15px 6px;
  }

}

@media (min-width: 375px) {
  /* Campany Section */
  .company .t-title {
    padding: 0 54px;
  }

  .company .t-content {
    padding: 15px 9px;
  }
}

@media (min-width: 384px) {
    /* Contact Section */
    .contact .mail {
      width: 70px;
      left: 27px;
    }

  /* Campany Section */
  .company .t-title {
    padding: 0 57px;
  }

  .company .t-content {
    padding: 15px 10px;
  }
}

@media (min-width: 393px) {
  /* Campany Section */
  .company .t-title {
    padding: 0 59px;
  }

  .company .t-content {
    padding: 15px 12px;
  }
}

@media (min-width: 411px) {
  /* About Section */
  .about .about-card {
    width: 102%;
    padding: 55px 0;
  }

  .about h3 {
    font-size: 18px;
  }

  .about p {
    font-size: 12px;
  }

  .about img {
    width: 70px;
  }

  /* Campany Section */
  .company .t-title {
    padding: 0 61px;
  }

  .company .t-content {
    padding: 15px 18.5px;
  }
}

@media (min-width: 414px) {
  /* Campany Section */
  .company .t-title {
    padding: 0 62px;
  }
}