@media only screen and (max-width: 768px) {
  nav ul {
    align-items: center;
    justify-content: center;
  }

  nav ul li {
    margin: 0 15px;
  }

  .landing-content h1 {
    font-size: 30px;
  }

  .landing-content h1 span {
    font-size: 80px;
    line-height: 80px;
  }

  .landing-services p,
  .landing-about p {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0px;
    max-width: 80%;
  }

  .landing-contact {
    padding: 70px 0;
  }

  .landing-contact > div {
    display: flex;
    flex-direction: column;
    max-width: 80%;
  }

  .landing-contact h3 {
    margin-bottom: 20px;
  }

  /* About Page */
  .about-landing-content h1 {
    font-size: 80px;
    color: #fff;
  }

  .about-who,
  .about-why {
    flex-direction: column;
  }

  .who-img-box,
  .why-img-box {
    width: 100%;
  }

  .who-text-box,
  .why-text-box {
    width: 100%;
  }

  .who-text-box p,
  .why-text-box p {
    padding: 50px 0;
    max-width: 80%;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
  }

  .about-points > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .points-box {
    max-width: 33%;
    margin-bottom: 35px;
  }

  .coverage {
    flex-direction: column;
    height: 100%;
  }

  .coverage-title {
    padding: 35px 0;
    font-size: 28px;
    width: 100%;
  }

  .coverage-map {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px;
    background-color: #d9d9d9;
    width: 100%;
  }

  .coverage-map img {
    width: 100%;
  }

  /* SERVICES Page */
  .services-landing-content h1 {
    font-size: 80px;
  }

  .services-shipping > div {
    flex-direction: column;
    text-align: center;
  }

  .services-shipping h3 {
    font-size: 36px;
  }

  .list-btn-div {
    flex-direction: column;
  }

  .services-1-1-comp {
    flex-direction: column;
  }

  .services-1-1-comp .info-box,
  .services-1-1-comp .img-box {
    width: 100%;
  }

  .services-1-1-req-btn {
    margin-bottom: 20px;
  }

  .services-1-1-comp .info-box .content {
    max-width: 80%;
    padding: 50px 20px;
    text-align: center;
  }

  .comp-additional > div {
    flex-direction: column;
    text-align: center;
  }

  .comp-additional > div > div {
    margin-right: 0px;
    margin: auto;
    max-width: 80%;
  }

  .services-1-1-req {
    flex-direction: column;
  }

  .services-1-1-req .info-box,
  .services-1-1-req .img-box {
    width: 100%;
  }

  /* Contact Page */
  .contact-det > div {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .contact-det > div > div {
    flex-direction: column;
    text-align: center;
    align-items: center;
    margin-bottom: 30px;
  }

  .contact-det i {
    margin-left: 20px;
  }

  footer > div {
    flex-direction: column;
    text-align: center;
  }

  footer > div > div {
    max-width: 80%;
  }

  footer img {
    margin-bottom: 20px;
  }

  .bellow-footer {
    flex-direction: column;
    align-items: center;
  }

  .bellow-footer p {
    margin-bottom: 10px;
  }

  section.landing,
  .landing-about,
  section.about-landing,
  .career-landing,
  section.contact {
    background-attachment: scroll !important;
  }
}