@media (max-width: 1399.98px) {
  .header {
    & .navbar {
      .nav-link {
        font-size: 0.85rem;
      }
    }

    & .header-right {
      .btn {
        font-size: 0.85rem;
      }
    }
  }

  .hero-section h1 {
    font-size: 3rem;
  }

  .lead {
    font-size: 1rem;
  }

  .testimonial-item,
  .reviews-item {
    & .card {
      .card-body {
        padding: 1.5rem;
      }
    }
  }

  .user-type-card {
    & .card-body {
      h4 {
        font-size: 1.5rem;
      }

      .user-type-icon {
        width: 4rem;
        height: 4rem;
      }
    }
  }

  .system-cont {
    h3 {
      font-size: 1.5rem;
    }

    p {
      font-size: 1rem;
    }
  }

  .system-item .p-4 {
    padding: 0 !important;
  }

  .state-list li {
    font-size: 1rem;
  }

  .painters-item {
    padding: 1.5rem;
  }

  .painter-txt {
    font-size: 1rem;
  }

  .user-type-card {
    & .card-body {
      p {
        font-size: 1rem;
        color: #606060;
      }

      a,
      .more-link {
        font-size: 1rem;
      }
    }
  }

  .steps-cont.card {
    .card-body {
      padding: 1.5rem;

      p {
        font-size: 1rem;
      }
    }
  }

  .section-title {
    font-size: 2rem;
  }

  .section-subtitle {
    font-size: 1rem;
  }

  .footer-middle-menu {
    & ul {
      li {
        margin-bottom: 1rem;

        a {
          font-size: 0.85rem;
        }
      }
    }
  }

  .footer-right {
    .btn {
      padding: 0.75rem 2rem;
      font-size: 1rem;
    }
  }

  .footer-bottom-txt {
    font-size: 0.85rem;
  }

  .footer-bottom-link {
    & ul {
      a {
        color: #fff;
        font-size: 1rem;
      }
    }
  }
}

@media (max-width: 1199.98px) {
  .header {
    & .navbar {
      .nav-link {
        padding: 8px;
      }
    }
  }

  .btn {
    font-size: 1rem;
  }

  .painter-rate {
    font-size: 1rem;
  }

  .pegulations-txt {
    padding: 1.5rem !important;
  }

  .painter-vrt-txt {
    font-size: 1rem;
  }

  .painters-heart,
  .painter-vrt-txt {
    margin: 20px 0 0;
    text-align: left !important;
  }

  .pegulations-txt {
    p {
      font-size: 1rem;
    }
  }

  .header {
    & .header-right {
      .btn {
        font-size: 0.7rem;
      }
    }
  }

  .stats-section {
    .stats-inner {
      padding-inline: 2rem !important;
      padding-block: 2rem !important;

      & .stats-item {
        h3 {
          font-size: 1rem;
        }

        p {
          font-size: 0.85rem;
        }
      }
    }
  }

  .affordable-section {
    .pricing-card p {
      font-size: 1rem;
    }
  }

  .user-type-card {
    & .card-body {
      h4 {
        font-size: 1rem;
      }
    }
  }

  .features-designed-section {
    & .user-type-card {
      & .card-body {
        .user-type-icon {
          width: 3rem;
          height: 3rem;
          padding: 0.65rem;
        }
      }
    }
  }

  .testimonial-item,
  .reviews-item {
    & .card {
      & .card-body {
        h4 {
          font-size: 1.25rem;
        }

        p {
          font-size: 0.85rem;
        }
      }
    }
  }
}

@media (max-width: 991.98px) {
  .painters-details {
    & .painters-aut-txt {
      h5 {
        font-size: 1.5rem;
      }
      p {
        font-size: 1rem;
      }
    }
  }

  .painters-details-sec {
    p {
      font-size: 1rem;
      color: #606060;
    }
  }

  .badges-itm,
  .service-itm {
    font-size: 1rem;
  }

  .service-type-list li {
    font-size: 1rem;
  }

  .portfolio-itm-cont {
    font-size: 1rem;
  }

  .painters-left {
    flex-wrap: wrap;
    gap: 10px;
  }

  .painters-badges,
  .painters-service {
    flex-wrap: wrap;
    gap: 10px;
  }

  .portfolio-itm {
    margin: 0 0 20px;
  }

  .container.w-50.px-5,
  .container.w-75.px-5,
  p.lead.mb-4.text-white.w-50.mx-auto {
    width: 100% !important;
  }

  .left-img img {
    width: 100%;
    margin: 10px 0;
  }

  .pt-100 {
    width: 100%;
    padding: 0px;
  }

  .states-section .col-lg-6.text-right {
    text-align: left !important;
  }

  .search-form.fl-wrap {
    margin: 0;
  }

  .footer-right {
    .btn {
      font-size: 0.75rem;
    }
  }

  .contact-form-section {
    margin-top: 20px;
  }

  .about-hero-section2 {
    & .hero-center-content {
      p {
        font-size: 1rem;
      }
    }
  }

  .accordion {
    & .accordion-item {
      .accordion-button {
        font-size: 1.25rem;
      }
    }
  }

  .states-list {
    & .states-ul {
      & li {
        a {
          font-size: 0.75rem;
        }
      }
    }
  }

  .header {
    .col-3:nth-child(1) {
      width: auto;
      order: 2;
    }

    .col-6:nth-child(2) {
      order: 1;
      width: auto;
    }

    .col-3:nth-child(3) {
      width: auto;
      order: 3;
      margin-left: auto;
    }

    .navbar {
      .navbar-toggler {
        padding: 5px;
        border: none;
        outline: none;
        box-shadow: none;
        color: #dc3545;

        &[aria-expanded="true"]::after {
          content: "";
          background: rgba(0, 0, 0, 0.5);
          width: 100%;
          height: 100%;
          position: fixed;
          left: 0;
          top: 0;
          z-index: 9;
        }
      }

      #navbarNav {
        position: fixed;
        left: 0;
        top: 0;
        background: #fff;
        padding: 1rem;
        height: 100% !important;
        width: 250px !important;
        transition: 0.3s ease-in-out;
        display: block !important;
        transform: translate(-100%, 0);
        z-index: 99;

        &.show {
          box-shadow: 0px 5px 8px #00000099;
          transform: translate(0, 0);
        }
      }
    }

    & .navbar {
      .nav-link {
        padding: 10px 15px;
      }
    }
  }
  .blog-items {
    .blog-item {
      width: 50%;
    }
  }

  .portfolio-items {
    .portfolio-item {
      width: 50%;
    }
  }

  /* Harshit css for Exterior Painting */
  #multiStepForm {
    max-width: 100%;
    margin: 0px;
  }

  .service-details-card {
    height: auto;
  }
}

@media (max-width: 767.98px) {
  .hero-section h1 {
    font-size: 2.5rem;
  }

  .stats-section {
    & .stats-inner {
      .stats-items {
        flex-wrap: wrap;

        & .stats-item {
          width: 50%;
          padding: 1rem;
        }
      }
    }
  }

  .footer-middle-menu {
    padding: 20px 0;

    .col-md-6 {
      width: 50%;
    }
  }

  .footer-right {
    > div {
      margin: 0 auto;
    }
  }

  .footer-bottom-txt {
    text-align: center;
    margin-bottom: 1rem;
  }

  .footer-bottom-link {
    & ul {
      justify-content: center !important;
    }
  }

  .header {
    & .header-right {
      .btn {
        padding: 7px 12px;
      }
    }

    .row {
      margin: 0 -5px;

      div[class*="col"] {
        padding: 0 5px;
      }
    }

    .header-left {
      width: 100px;

      img {
        object-fit: contain;
      }
    }
  }

  .states-list {
    .states-ul {
      column-count: 2;
    }
  }

  .painter-ftr-btns {
    flex-wrap: wrap;
  }
  .stape-form {
    & .card {
      .card-body {
        padding: 1.5rem;
      }
    }
  }
  .step {
    h4 {
      font-size: 1.25rem;
    }
  }
}

@media (max-width: 575.98px) {
  .blog-items {
    .blog-item {
      width: 100%;
    }
  }
  .portfolio-items {
    .portfolio-item {
      width: 100%;
    }
  }

  .input-card-image {
    width: 35%;
  }

  .pr-200 {
    padding-right: 135px !important;
  }
}