@media (min-width: 320px) and (max-width: 575px) {
    .btn-hob {
        padding: 15px 18px;
        font-size: 16px;
    }

    .fast-fixed-img img {
      max-width: 170px;
    }

    .step-heading h1 {
        font-size: 30px;
    }



    .feature-section  {
        margin-top: 100px!important;
    }

     .hob-left-wave {
    z-index: -1;
    max-width: 250px;
   }

  .header-section .header-txt h1 {
    font-size: 2rem;
  }
  br {
    display: none;
  }
  .video-player-box iframe {
    height: 220px;
  }
  .video-bttns {
    flex-direction: column;
  }
  .video-bttns a {
    width: 90%;
  }
  .slider-head h2,
  .benificial-txt-head h2,
  .fast-fixed-txt h2 {
    font-size: 2rem;
  }
  .fast-fixed-txt h5 {
    font-size: 1.2rem;
  }
  .pa-y4 {
    padding: 1.5rem 0;
  }
  .benificial-section::before {
    height: 93%;
  }
  .benifical-img-box {
    margin-top: 1rem;
  }
  .button-area a img,
  .slider-bttn a img {
    width: 90%;
  }
  .main-sliders-wrap .slider-item img {
    width: 92%;
  }
  .right-arw {
    width: 2.5rem;
    left: 3%;
    z-index: 99;
  }
  .left-arw {
    width: 2.5rem;
    right: 3%;
    z-index: 99;
  }
  .feature-txt ul li {
    font-size: 1rem;
  }
  .step-section::before,
  .step-section::after {
    left: 88%;
  }
  .ordr_1 {
    order: 1;
  }
  .ordr_2 {
    order: 2;
  }
  .step-img {
    margin-bottom: 1rem;
  }
  .step-dot::before {
    left: 86%;
    transform: translateY(-86%);
  }
  .banner-txt h2 {
    font-size: 3rem;
  }
  .banner-txt .banner-shadow img {
    margin-top: -3rem;
  }
  .footer-top-section .ftr-icon-box h4 {
    font-size: 1.5rem;
  }
  .pricing-box {
    margin-bottom: 2.8rem;
  }

}
@media (min-width: 575px) and (max-width: 767px) {
     .btn-hob {
        padding: 15px 18px;
        font-size: 16px;
    }

    .fast-fixed-img img {
      max-width: 170px;
    }




    .feature-section  {
        margin-top: 100px!important;
    }

      .step-heading h1 {
        font-size: 30px;
    }

   .hob-left-wave {
    z-index: -1;
    max-width: 250px;
   }

  .header-section .header-txt h1 {
    font-size: 2rem;
  }
  br {
    display: none;
  }
  .video-player-box iframe {
    height: 220px;
  }
  .video-bttns {
    flex-direction: column;
  }
  .video-bttns a {
    width: 90%;
  }
  .slider-head h2,
  .benificial-txt-head h2,
  .fast-fixed-txt h2 {
    font-size: 2rem;
  }
  .fast-fixed-txt h5 {
    font-size: 1.2rem;
  }
  .pa-y4 {
    padding: 1.5rem 0;
  }
  .benificial-section::before {
    height: 93%;
  }
  .benifical-img-box {
    margin-top: 1rem;
  }
  .button-area a img,
  .slider-bttn a img {
    width: 90%;
  }
  .main-sliders-wrap .slider-item img {
    width: 92%;
  }
  .right-arw {
    width: 2.5rem;
    left: 3%;
    z-index: 99;
  }
  .left-arw {
    width: 2.5rem;
    right: 3%;
    z-index: 99;
  }
  .feature-txt ul li {
    font-size: 1rem;
  }
  .step-section::before,
  .step-section::after {
    left: 88%;
  }
  .ordr_1 {
    order: 1;
  }
  .ordr_2 {
    order: 2;
  }
  .step-img {
    margin-bottom: 1rem;
  }
  .step-dot::before {
    left: 86%;
    transform: translateY(-86%);
  }
  .banner-txt h2 {
    font-size: 3rem;
  }
  .banner-txt .banner-shadow img {
    margin-top: -3rem;
  }
  .footer-top-section .ftr-icon-box h4 {
    font-size: 1.5rem;
  }
  .pricing-box {
    margin-bottom: 2.8rem;
  }

}

@media (max-width: 800px) {
  .header-txt img {
    max-width: 10rem!important;
  }

  .customrb {
    border-right: none transparent;
    border-bottom: 8px solid #38B6C7;
  }

  .step-section:after {
    display: none!important;
  }

  .step-dot:before {
    display: none!important;
  }

  .step-active-line-2:before {
    display: none!important;
  }

  .slider-section {
    overflow-x: hidden!important;
  }

  section {
    overflow-x: hidden!important;
  }
}

@media (min-width: 980px) and (max-width: 1930px) {
    .step-dot:before {
      left: -13.5%;
  }
}