@media only screen and (max-width: 988px) {
  .trends-section img {
    width: 100%;
  }
  .headline-section img {
    width: 100%;
  }
  .header-section {
    padding: 10px 15px !important;
  }
  .sticky {
    background: #F6F9FF;
    box-shadow: 0 0 10px #cfcfcf !important;
  }

  /* Hero section  */
  .hero-section {
    margin-top: 2rem;
    margin-bottom: 5rem !important;
  }

  .hero-section h1 {
    font-size: 2rem !important;
    margin-bottom: 20px;
  }

  .hero-section h2 {
    font-size: 1.5rem !important;
  }
  

  .hero-section .phone-case-img {
    margin: 0 auto !important;
    margin-top: 6rem !important;
    max-width: 17rem !important;
  }

  .companies-section {
    margin-top: -95px !important; 
  }

  .companies-section img {
    margin: 0 auto 38px auto;
    display: flex;
  }

  .max-width-75 {
    max-width: 100% !important;
  }

  .customer-section {
    padding: 0 15px;
  }

  .achivement-section {
    margin-bottom: 0px !important;
  }

  .customer-section h1,
  .achivement-section h1,
  .headline-section h1,
  .trends-section h1,
  .manage-project-section h1 {
    font-size: 34px;
  }

  .achivement-section p {
    margin-bottom: 20px;
  }

  .achivement-section .single-achivement .text {
    padding-top: 15px;
  }

  .headline-section h1 {
    padding-top: 40px;
  }

  .footer-section .left-section .d-flex {
    display: block !important;
    margin-top: 5px;
  }

  .footer-section h2 {
    margin-top: 20px;
  }
}