@media (max-width: 991px) {
  ::-webkit-scrollbar {
    width: 0px;
  }

  .container {
    padding: 0;
  }

  .home-text,
  .home-img {
    width: 100%;
  }

  .home-text {
    text-align: center;
  }

  .home-img {
    order: -1;
  }

  .home-img .img-box {
    max-width: 300px;
  }

  .home-text .btn {
    margin: 0 7px 15px;
  }

  .portfolio-item {
    width: calc(50% - 30px);
  }
}

@media (max-width: 767px) {
  .contact-form,
  .contact-info,
  .about-img,
  .about-text {
    width: 100%;
  }

  .about-text {
    margin-top: 30px;
  }

  .portfolio-item {
    width: calc(100% - 30px);
  }

  .pp-inner {
    padding: 30px 15px;
  }

  .contact-info {
    order: -1;
    margin-bottom: 15px;
  }
}

@media (max-width: 575px) {
  .breakpoint-small-screen {
    display: block;
    font-size: 1px !important;
  }

  .section-title h2,
  .header .nav-inner ul li a {
    font-size: 35px;
  }

  .home-text h1 {
    font-size: 30px;
    letter-spacing: -1px;
  }

  .home-text h2 {
    font-size: 18px;
  }

  .pp-header h3 {
    font-size: 20px;
  }

  .view-project-btn {
    font-size: 12px;
    padding: 6px 18px;
  }
}