@media only screen and (max-width: 998px) {
  .main-menu li a {
    padding: 6px 10px;
  }
  .counter {
    width: 170px;
  }
  .counter:before {
    height: 85px;
  }

  .counter .counter-content {
    height: 135px;
    width: 135px;
  }
  .counter:after {
    height: 95px;
    top: 85px;
  }
  .counter .counter-icon {
    height: 45px;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
  }
  .counter .count-digit {
    font-size: 24px;
  }
  .counter h3 {
    font-size: 13px;
  }
}
@media only screen and (max-width: 900px) {
  .project-container {
    margin-top: -60px;
  }
}

@media only screen and (max-width: 767px) {
  .menu-wrap {
    display: none;
  }
  .row-reverse {
    flex-direction: column-reverse;
  }

  .inner-page .page-title {
    margin-top: 20px;
  }
  .inner-side-img {
    margin-top: 20px;
  }
  .project p {
    padding: 0px 0px;
  }
}

@media only screen and (max-width: 624px) {
  .project-container {
    margin-top: 0px;
    width: 100%;
  }
}

@media only screen and (max-width: 520px) {
  .banner-sec .banner-content {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 270px;
  }
  .banner-sec .banner-content h2 {
    font-size: 16px;
  }
  .banner-sec .banner-content a {
    font-size: 12px;
  }
  .banner-sec .banner-content img {
    width: 50px;
  }
}