@media (max-width: 991px) {
  .bannerImg {
    height: 350px;
  }
  .banner-search-services {
    width: 90%;
  }
  .referral-invite-banner:after{display: none;} 
  .referral-steps{flex-wrap: wrap;flex-direction: column;  align-items: center;     justify-content: center;}
  .referral-step-arrow img{top: auto;}
  .referral-link-box{flex-wrap: wrap;    justify-content: center}
  .referral-link-box .referral-link-text{padding: 10px 0;  text-align: center;}

  .help-text-banner{flex-wrap: wrap;}
  .help-text-banner .banner-text { padding: 0 0 20px 0;}
}

@media (min-width: 992px) {
  /* For desktop screens */
  .col-lg-2-4 {
    flex: 0 0 auto;
    width: 20%; /* 100% / 5 */
  }
}
@media (max-width: 767px) {
  .navbar-brand img {
    max-width: 136px;
  }
  .btn {
    padding: 10px 20px;
    font-size: var(--font-14);
  }
  .MainBody {
    padding-top: 65.5px;
  }
  .say-box {
    flex-wrap: wrap;
  }
  .say-box figure {
    width: 200px;
    min-height: 180px;
  }
  .say-box figure img {
    height: 180px;
    width: 100%;
  }
  .say-content {
    padding: 30px;
    margin-left: 0;
    width: 100%;
    margin-top: 10px;
  }
  .peopleSay-slider .slick-dots {
    width: 100%;
  }
  .box-book {
    margin-top: 60px;
  }
  .booknow {
    padding-bottom: 30px;
  }
  .profile-page .sidebar {
    width: 100%;
  }
  .profile-page .account-wrap {
    flex-direction: column;
  }
  .profile-page .profile-hero .hero-title {
    font-size: var(--fs-20);
  }

  .referral-invite-banner {padding: 10px 30px 10px 130px;}
.referral-invite-banner:before{left: 10px;}
}
/* ----------------------------
   Responsive rules
   ---------------------------- */
@media (max-width: 576px) {
  .DetailsUl li {
    width: 100%;
  }
  .bookingTabs .tab-pane {
    padding: 20px;
  }
  .category-services {
    padding: 20px 0;
  }
  .DetailsUl li {
    width: 100%;
  }
  .bookingTabs .tab-pane {
    padding: 20px;
  }
  .category-services {
    padding: 20px 0;
  }
}