@media (max-width: 2560px) {
  .innerpage_banner::after {
    height: 189px;
  }
  /* .about_section {
    .bluePipe {
        position: absolute;
        top: 65px;
        left: 626px;
    }
} */
  /* .about_section {
    .about_image {
        margin-left: 574px;
        margin-top: -9%;
    }
} */
  /* .innersec {
    padding: 155px 0 137px;
} */
}

@media (max-width: 1920px) {
  /* about_section {
    .bluePipe {
        position: absolute;
        top: 25px;
        left: 302px;
        width: 521px;
        height: 399px;
    }
} */
}

@media (max-width: 1660px) {
  /* .about_pipe {
        height: 695px;
    } */
  .adven_pipe {
    left: 53% !important;
  }
}

@media (max-width: 1530.99px) {
  .banner-right {
    width: 853px;
    flex: 0 0 853px;
    left: -50px;
  }

  .banner-right {
    .img-1 {
      height: 330px;
      left: -16px;
      position: relative;
    }

    .img-2 {
      height: 283px;
      top: -30px;
    }

    .img-3 {
      height: 292px;
      margin-top: 60px;
    }

    .pipe {
      position: absolute;
      top: 27%;
      right: 42px;

      img {
        height: 216px;
      }
    }
  }

  .footer-bottom {
    & form {
      input[type="email"] {
        width: 65%;
      }
    }
  }

  .about_home {
    .about_pipe {
      height: 690px;
      width: 425px;
    }
  }

  .about_section {
    .bluePipe {
      left: 128px;
      width: 500px;
      height: 417px;

      img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
    }
  }

  .whyus_section {
    .why_us_listing {
      max-width: 97%;
      width: 100%;

      li {
        .why_item {
          gap: 15px;
        }

        &:nth-child(even) {
          & .why_item {
            &::after {
              width: 527px;
            }
          }
        }
      }
    }
  }
  .hero {
    &::before {
      top: calc(100% - 10px) !important;
    }
  }
  .pic_play {
    &::before {
      top: 98%;
    }
  }
}

@media (max-width: 1440px) {
  .banner-right {
    width: 730px;
    flex: 0 0 730px;

    .img-1 {
      height: 289px;
      left: 0;
    }

    .img-2 {
      height: 247px;
      top: 0;
    }

    .img-3 {
      height: 234px;
      margin-top: 48px;
    }

    .pipe {
      position: absolute;
      top: 32%;
      right: 31px;

      img {
        height: 162px;
      }
    }
  }

  .hero {
    .swiper-button-next,
    .swiper-button-prev {
      bottom: 40px;
    }
  }

  .hero {
    .pipeSide {
      width: 80px;
    }
  }

  .about_home {
    .home_about_img {
      height: 500px;
      margin-top: 70px;
    }

    .about_pipe {
      height: 569px;
      width: 366px;

      img {
        object-fit: contain;
      }
    }
  }

  .testimonialSlider {
    & .imgae_green {
      .four {
        left: 26%;
      }
    }
  }

  .about_section {
    .bluePipe {
      left: 85px;
      width: 498px;
      height: 430px;
      top: 50px;
    }
  }

  .whyus_section {
    .why_us_listing {
      max-width: 94%;
      width: 100%;
    }
  }
  .adventure_Sec {
    .adven_pipe {
      width: 140px;
      height: auto;

      left: 53.2% !important;
      img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
    }
  }
  .whyus_section {
    .why_us_sideimg {
      width: 378px;
      height: 951px;

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
  }
  .pic_play {
    &::before {
      top: 97%;
    }
  }
}

@media (max-width: 1366.99px) {
  .banner-right {
    .pipe {
      top: 31.5%;
    }
  }
  .title {
    font-size: 52px;
  }

  .party-card.list::after {
    left: -50%;
    background-size: 230px;
  }

  .party-card.list li {
    font-size: 18px;
  }

  .about_home {
    .home_about_img {
      height: 420px;
    }

    .about_pipe {
      height: 490px;
      width: 321px;
    }
  }

  .adventure_Sec {
    padding-bottom: 150px;

    .swiper {
      height: 880px;
      margin-top: 20px;
    }

    .swiper-slide {
      min-height: 170px;
    }

    .slide-row {
      .slide-card {
        padding: 23px 40px 25px;
        width: 880px;
      }

      .slide-img {
        width: 235px;
        height: 275px;
      }

      .adv_pipe {
        top: 93%;
        left: 21%;
        width: 100px;
        height: 111px;

        img {
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
      }

      &.reverse {
        .slide-img {
          transform: unset;
          top: -25px;
        }

        .adv_pipe {
          right: 21% !important;
        }
      }
    }
  }

  .pic_play {
    padding-top: 20px;

    &::after {
      min-height: 320px;
    }

    .pic_play_list {
      li {
        max-width: 330px;

        .pic_box {
          min-height: 310px;
        }
      }
    }
  }

  .pic_play {
    &.pricing {
      padding: 100px 0 20px;

      &::after {
        min-height: 500px;
      }

      .fun-card {
        height: 170px;

        &::after {
          height: 70px;
        }

        h5 {
          top: 20px;
        }
      }

      .offer_pipe {
        left: 66px;

        &.pipe2 {
          left: auto;
          right: 66px;
        }
      }
    }
  }

  .offer {
    .offer_box {
      padding: 42px 70px;
    }
  }

  .about_section {
    .bluePipe {
      left: 146px;
      width: 410px;
      height: auto;
      top: 60px;
    }
  }

  .about_green {
    padding: 42px 70px;
    margin-top: 50px;
  }

  .whyus_section {
    padding: 61px 0 70px;

    .sec_title {
      width: 100%;
      max-width: 80%;
    }
  }

  .party {
    .prices {
      .party-card {
        h4 {
          font-size: 24px;
        }

        &.other {
          max-width: 600px;
          margin-bottom: 90px;
          padding: 33px 35px 45px 35px;

          .background-color-text {
            right: 15px;
            padding: 13.5px 30px;
            font-size: 17px;
            border-radius: 30px;
          }

          .background-color-text-1 {
            border-radius: 30px;
            font-size: 14px;
            padding: 13.5px 20px;
            bottom: -25px;
            left: 20px;
            letter-spacing: 2%;
          }
        }

        &.list {
          &::after {
            left: -41%;
            background-size: 190px;
            top: 33.5%;
            width: 190px;
            height: 152px;
          }

          ul {
            li {
              margin-bottom: 15px;
              font-size: 15px;
            }
          }
        }
      }
    }
  }

  .smile_sec {
    &::before {
      min-height: 895px;
      z-index: -1;
    }

    .smile_img_list {
      min-height: 1000px;

      .pipe {
        &.green {
          top: 34.5%;
          left: 19.5%;
          width: 200px;
          height: 90px;

          img {
            width: 100%;
          }
        }

        &.blue1 {
          right: 12%;
          top: 34%;
        }
      }

      & .list_img {
        .one {
          width: 325px;
          height: 345px;
        }

        .two {
          width: 330px;
          height: 335px;
        }

        .three {
          width: 300px;
          height: 340px;
        }

        .five {
          width: 364px;
          height: 258px;
        }

        .six {
          width: 260px;
          height: 300px;
        }
      }
    }
  }

  .testimonialSlider {
    &::after {
      height: 120px;
    }
    & .swiper-wrapper {
    }

    .imgae_green {
      min-height: 400px;

      .two {
        top: 40px;
        width: 240px;
        height: 130px;
      }

      .one {
        width: 190px;
        height: 100px;
        bottom: 48px;
        left: 0;
      }

      .four {
        left: 15.5%;
      }
    }
  }

  .testimonial_inner {
    .testimonial_card {
      padding: 60px 90px 44px 44px;
      min-height: 300px;

      .user_img {
        width: 155px;
        height: 155px;
        flex: 0 0 155px;
        right: -85px;
      }
    }
  }

  .hero {
    &::before {
      top: calc(100% - 12px) !important;
    }
  }
  .pic_play {
    &::before {
      top: 96%;
    }
  }
}

@media (max-width: 1280.99px) {
  footer ul {
    gap: 70px;
  }

  .about_section {
    padding-bottom: 60px;

    .bluePipe {
      left: 111px;
      width: 400px;
      height: auto;
      top: 70px;
    }
  }

  .fun-section {
    padding: 50px 0;
  }
  .hero {
    &::before {
      top: calc(100% - 17px) !important;
    }
  }

  .about_home {
    .about_pipe {
      height: 503px;
      width: 321px;
      top: 89px;
    }
  }
  .adventure_Sec {
    .adven_pipe {
      width: 100px;
      height: auto;
      left: 53.35% !important;
    }
  }
  .pic_play {
    &::before {
      top: 95%;
    }
  }
}

@media (max-width: 1024.99px) {
  .title {
    font-size: 48px;
  }

  .innerpage_banner {
    img {
      max-width: 230px;
      width: 100%;
      height: 180px;
    }
  }

  header {
    .book-btn {
      max-width: 160px;
      height: 45px;
    }
  }

  .ban-logo {
    max-width: 260px;
    height: 175px;
  }

  .banner-right {
    width: 650px;
    flex: 0 0 650px;

    .pipe {
      position: absolute;
      top: 22%;
      right: 56px;
    }

    img {
      -webkit-filter: drop-shadow(5px 5px 5px rgba(255, 255, 255, 0.4));
      filter: drop-shadow(-16px 16px 1px rgba(255, 255, 255, 0.4));
    }

    .img-1 {
      height: 190px;
      left: 0;
    }

    .img-2 {
      height: 180px;
      left: 0;
    }

    .img-3 {
      height: 160px;
      margin-top: 48px;
    }
  }

  .hero {
    &::before {
      height: 110px !important;
    }
    h2 {
      font-size: 20px;
      letter-spacing: 0px;
    }

    .pipeSide {
      width: 45px;
    }

    .custom_btn {
      height: 125px;
      width: 150px;
      margin-bottom: 35px;
    }
  }

  .adventure_Sec {
    padding-bottom: 90px;
    padding-top: 65px;

    &::after {
      height: 70px;
    }

    .swiper {
      height: 585px;
    }

    .slide-row {
      .slide-card {
        padding: 23px 40px 25px;
        width: 100%;
        max-width: 76%;
      }

      .adv_pipe {
        left: 25%;
      }

      &.reverse {
        .adv_pipe {
          right: 25% !important;
        }
      }
    }

    .adven_slide {
      top: 30px;
    }
  }

  .pic_play {
    &::before {
      top: 91%;
    }

    & .pic_play_list {
      li {
        max-width: 280px;

        img {
          width: 150px;
        }

        .pic_box {
          .list_title {
            font-size: 36px;
          }

          .content {
            padding: 10px 15px 0;
          }
        }
      }
    }
  }

  .smile_sec {
    padding: 100px 0 0;

    &::before {
      min-height: 720px;
      z-index: -1;
    }

    &::after {
      height: 65px;
    }

    .title {
      font-size: 45px;
    }

    .smile_img_list {
      min-height: 800px;

      .pipe {
        &.blue1 {
          right: 11%;
          top: 32%;
          width: 70px;
          height: 170px;

          img {
            width: 100%;
            object-fit: contain;
            height: 100%;
          }
        }

        &.blue2 {
          right: 32%;
          top: 60.5%;
          width: 151px;

          img {
            width: 100%;
            object-fit: contain;
            height: 100%;
          }
        }

        &.green {
          top: 35.5%;
          left: 18.5%;
          width: 183px;
          height: 90px;
        }
      }

      .list_img {
        .one {
          width: 320px;
          height: 285px;
        }

        .two {
          width: 260px;
          height: 270px;
        }

        .three {
          width: 250px;
          height: 255px;
        }

        .four {
          width: 176px;
          height: 195px;
          left: 0;
          top: 41%;
        }

        .five {
          width: 300px;
          height: 214px;
        }

        .six {
          width: 220px;
          height: 245px;
        }
      }
    }
  }

  .testimonial_section {
    padding: 50px 0;
  }

  .testimonialSlider {
    &::after {
      height: 140px;
    }
    .imgae_green {
      min-height: 210px;

      .three {
        left: 45px;
        width: 130px;
        height: 121px;
        top: -83px;
        object-fit: contain;
      }

      .two {
        top: -15px;
        width: 165px;
        height: 85px;
        object-fit: contain;
      }

      .four {
        /* left: 1.5%; */
        width: 141px;
        height: 94px;
        bottom: -27%;
        object-fit: contain;
      }
    }

    & .swiper-wrapper {
    }
  }

  .testimonial_inner {
    .testimonial_card {
      padding: 30px 89px 30px 35px;
      min-height: 230px;
      max-width: 580px;
      font-size: 16px;

      .user_img {
        width: 130px;
        height: 129px;
        flex: 0 0 130px;
        right: -65px;
      }
    }
  }

  .left-wrap {
    max-width: 80%;
  }

  .pic_play {
    &.pricing {
      padding: 100px 0 20px;

      &::after {
        min-height: 450px;
      }

      .row {
        &.justify-content-center {
          p {
            margin-bottom: 0;
          }
        }
      }

      .offer_pipe {
        left: 57px;
        width: 130px;
        height: 130px;

        &.pipe2 {
          left: auto;
          right: 57px;
        }
      }

      .fun-card {
        height: 150px;
        margin-top: 35px;

        &::after {
          height: 55px;
        }

        h5 {
          font-size: 34px;
          line-height: 54px;
        }

        span {
          bottom: -35px;
          padding: 20px 30px 35px;
          font-size: 20px;
        }
      }

      .bootom_list {
        ul {
          li {
            font-size: 16px;
            padding-left: 22px;
          }
        }
      }
    }
  }

  .offer {
    padding: 115px 0 70px;

    .offer_bg {
      width: 100px;
      height: 448px;

      img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
    }

    .offer_box {
      padding: 42px 25px;

      .offer_deal {
        h3 {
          font-size: 24px;
        }

        h4 {
          font-size: 18px;
          font-weight: 600;
          padding-bottom: 5px;
          margin-bottom: 15px;

          &::after {
            width: 170px;
          }
        }

        .offer_deal_box {
          h6 {
            font-size: 14px;
          }

          ul {
            gap: 10px 15px;
            flex-wrap: wrap;
          }
        }
      }
    }
  }

  footer {
    .footer-bottom {
      background-position-x: 500px !important;
      background-size: 85px !important;

      ul {
        li {
          p {
            margin-bottom: 10px;
          }

          .footer-opt {
            gap: 6px;

            img {
              width: 100%;
              max-width: 20px;
            }

            a {
              font-size: 14px;
              line-height: 1.5;
            }
          }
        }
      }
    }
  }

  .about_section {
    .bluePipe {
      left: 60px;
      width: 350px;
      height: 345px;
    }

    .about_image {
      display: flex;
      margin-left: 32px;
      margin-top: -20%;
      position: relative;
      z-index: -1;
      width: 500px;
      height: 310px;
    }

    .title {
      font-size: 48px;
    }
  }

  .about_green {
    padding: 40px 60px;
  }

  .whyus_section {
    overflow-x: hidden;

    .sec_title {
      width: 100%;
      max-width: 85%;
    }

    .why_us_sideimg {
      width: 240px;
      height: 100%;
    }

    .why_us_listing {
      max-width: 100%;
      width: 100%;
    }
  }

  .fun-section {
    .drip_box {
      padding: 33px 40px 18px;
    }
  }

  .fun_list {
    li {
      width: 250px;
      height: 270px;
      border-radius: 12px;
    }
  }

  .party {
    & .prices {
      & .party-card {
        &.list {
          &::after {
            left: -41%;
            background-size: 154px;
            top: 34.5%;
            width: 154px;
            height: 125px;
          }
        }
      }
    }
  }
  .about_home {
    padding-top: 80px;
        .about_pipe {
            top: 70px;
        }
    }
        .adventure_Sec {
        .adven_pipe {
            left: 52% !important;
        }
    }
}

@media (max-width: 999px) {
  .stellarnav ul li a {
    padding: 15px 5px;
    font-size: 14px;
  }

  .left-wrap {
    max-width: 75%;
  }

  .top-wrapper {
    gap: 10px;
  }

  .location-pill {
    padding: 5px 20px;
    font-size: 13px;
    height: 40px;
    gap: 3px;

    img {
      width: 100%;
      max-width: 17px;
    }
  }

  .logo img {
    max-width: 70px;
    width: 100%;
  }

  header.sticky-header {
    .stellarnav {
      padding-left: 75px;
    }

    .book-btn {
      max-width: 130px;
      font-size: 14px;
    }
  }

  .innerpage_banner {
    padding-top: 45px;

    img {
      max-width: 180px;
      height: 140px;
    }
  }
      .hero {
        &::before {
            height: 107px !important;
        }
    }
    .adventure_Sec {
        .adven_pipe {
            left: 53% !important;
        }
    }

  .pic_play {
    padding-bottom: 65px;
    &::before {
      /* height: 86px; */
      top: 92%;
    }

    &.pricing {
      .offer_pipe {
        left: 47px;
        width: 100px;
        height: 100px;

        &.pipe2 {
          left: auto;
          right: 47px;
        }
      }

      .bootom_list {
        ul {
          flex-wrap: wrap;
          gap: 10px 40px;
          justify-content: center;
        }
      }

      .fun-card {
        height: 125px;
        margin-top: 25px;

        &::after {
          height: 47px;
        }

        h5 {
          font-size: 24px;
          line-height: 40px;
        }
      }
    }
  }

  .offer {
    padding: 95px 0 50px;

    .offer_box {
      padding: 30px 20px;
      min-height: 270px;

      .offer_deal {
        h3 {
          font-size: 21px;
        }

        h4 {
          font-size: 17px;
          margin-bottom: 10px;

          &::after {
            width: 150px;
          }
        }

        p {
          font-size: 14px;
          line-height: 1;
        }

        .offer_deal_box {
          padding: 12px 10px;

          h6 {
            font-size: 13px;
          }
        }
      }
    }

    .offer_bg {
      width: 85px;
      height: 367px;
    }
  }

  footer ul {
    gap: 50px;
  }

  .title {
    font-size: 32px;
  }

  .fun-section {
    h6 {
      font-size: 20px;
      line-height: 1;
      margin-top: 10px;
    }

    .custom_btn {
      height: 145px;
    }
  }

  .fun_list {
    justify-content: center;

    .pipe {
      display: none;
    }

    li {
      &:first-child {
        margin-left: 0;
      }
    }
  }

  .about_section {
    .title {
      font-size: 36px;
    }

    .bluePipe {
      left: 31px;
      width: 270px;
      height: 318px;
    }
  }

  .party {
    .custom_btn {
      margin-top: 15px;
    }

    .prices {
      height: auto;
      min-height: 737px;

      h5 {
        font-size: 28px;
        margin-bottom: 60px;
        margin-top: 20px;
      }

      .pipe-shape {
        top: -4px;
        width: 100%;
        max-width: 15%;
      }

      .party-card {
        padding: 30px 25px;

        h4 {
          font-size: 20px;
        }

        &.other {
          margin-bottom: 78px;

          .background-color-text {
            right: 13px;
            padding: 9.5px 20px;
            font-size: 14px;
            border-radius: 30px;
            letter-spacing: 2%;
          }

          .background-color-text-1 {
            border-radius: 30px;
            font-size: 12px;
            padding: 10.5px 18px;
            bottom: -25px;
            left: 10px;
            letter-spacing: 2%;
          }
        }

        &.list {
          padding: 30px 25px;

          &::after {
            left: -45%;
            background-size: 125px;
            top: 39.5%;
            width: 125px;
            height: 100px;
          }
        }
      }
    }
  }

  .ban-logo {
    max-width: 170px;
    height: 135px;
  }

  .banner-right {
    width: 480px;
    flex: 0 0 480px;

    .img-1 {
      height: 140px;
    }

    .img-2 {
      height: 140px;
    }

    .img-3 {
      height: 140px;
      margin-top: 25px;
      margin-bottom: 80px;
    }

    .pipe {
      top: 19%;
      right: 34px;

      img {
        height: 120px;
      }
    }
  }

  .about_home {
    .home_about_img {
      height: 354px;
    }

    .about_pipe {
      height: 435px;
      width: 280px;
    }

    p {
      line-height: 28px;
      font-size: 14px;
    }

    .about_home_content {
      margin-bottom: 25px;
    }
  }

  .adventure_Sec {
    p {
      font-size: 14px;
      line-height: 24px;
    }

    .sec_title {
      width: 100%;
      max-width: 80%;
    }

    .swiper {
      height: 517px;
    }

    .swiper-slide {
      .slide-row {
        .slide-img {
          width: 195px;
          height: 248px;
        }

        .adv_pipe {
          top: 100%;
          left: 28%;
          width: 60px;
          height: 60px;
        }
      }

      &:nth-child(even) {
        .slide-row {
          .adv_pipe {
            top: 98%;
            right: 28% !important;
            width: 55px;
            height: 55px;
          }
        }
      }
    }
  }

  .pic_play {
    .pic_play_list {
      li {
        max-width: 200px;

        .pic_box {
          padding-top: 15px;
          min-height: 375px;

          &::before {
            height: 60px;
          }

          .list_title {
            font-size: 28px;
          }

          .content {
            h6 {
              font-size: 16px;
              line-height: 26px;
            }

            p {
              width: 100%;
              max-width: 100%;
            }
          }
        }
      }
    }
  }

  .smile_sec {
    &::before {
      min-height: 580px;
    }

    .smile_img_list {
      min-height: 650px;

      .pipe {
        &.blue1 {
          top: 31.5%;
          width: auto;
          height: 130px;
        }

        &.blue2 {
          right: 31.5%;
          top: 58%;
          width: 111px;
        }

        &.green {
          top: 32.5%;
          left: 18.5%;
          width: 133px;
          height: auto;
        }
      }

      .list_img {
        .one {
          width: 220px;
          height: auto;
        }

        .two {
          width: 200px;
          height: auto;
          top: 170px;
        }

        .three {
          width: 200px;
          height: auto;
        }

        .four {
          width: 130px;
          height: auto;
          left: 0;
          top: 36%;
        }

        .five {
          width: 220px;
          height: auto;
        }

        .six {
          width: 180px;
          height: auto;
        }
      }
    }
  }

  .testimonialSlider {
    &::after {
      height: 78px;
    }
    .imgae_green {
      min-height: 100px;

      .one {
        width: 100px;
        height: auto;
        bottom: -35px;
        left: 0;
        object-fit: contain;
      }

      .two {
        width: 100px;
        height: auto;
      }

      .three {
        left: 5px;
        width: 80px;
        height: auto;
        top: -61px;
        object-fit: contain;
      }

      .four {
        display: none;
      }
    }

    .swiper-wrapper {
    }
  }

  .testimonial_inner {
    gap: 60px;

    .testimonial_card {
      padding: 20px 75px 20px 25px;
      min-height: 230px;
      max-width: 500px;
      font-size: 16px;
      font-size: 14px;

      &:last-child {
        margin-left: auto;
        margin-right: 60px;
      }

      &:first-child {
        margin-left: 60px;
      }

      .user_img {
        width: 110px;
        height: 110px;
        flex: 0 0 110px;
        right: -65px;
      }
    }
  }

  .pic_play {
    & .pic_play_list {
      & li {
        img {
          width: 120px;
        }
      }
    }
  }
}

@media (max-width: 820.99px) {
  .hero {
        &::before {
            height: 90px !important;
        }
    }
        .about_home {
          padding-top: 60px;
          .title {
    margin-bottom: 13px;
}
        .about_pipe {
            top: 50px;
            left: 61%;
        }
    }
    .adventure_Sec {
        .adven_pipe {
            left: 54.3% !important;
        }
    }
  .about_section {
    .bluePipe {
      left: -20px;
      width: 237px;
      height: 331px;
    }

    .about_image {
      width: 400px;
    }
  }

  .whyus_section {
    .why_us_sideimg {
      width: 263px;
      height: 830px;

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left;
      }
    }

    .why_us_listing {
      gap: 35px;
      margin-top: 35px;
      max-width: 90%;

      li {
        max-width: 100%;

        .why_item {
          gap: 10px;

          &::after {
            top: 35px;
            width: 525px;
          }

          img {
            width: 120px;
            height: 130px;
            border-radius: 12px;
          }

          .why_text {
            h6 {
              font-size: 19px;
              line-height: 22px;
              margin-bottom: 20px;
            }
          }
        }
      }
    }
  }

  .fun-section {
    & .sec_title {
      h6 {
        font-size: 20px;
      }
    }
  }
}

@media (max-width: 768.99px) {
  .banner-right {
    width: 440px;
    flex: 0 0 440px;
  }
  .whyus_section {
    .why_us_sideimg {
      width: 230px;
      height: 830px;
    }
  }

  .about_section {
    .bluePipe {
      /* left: -20px; */
      left: 33px;
      width: 210px;
      height: 280px;
    }
  }

  .about_green {
    padding: 30px 40px;
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  p {
    font-size: 14px;
  }
  #menu-main-menu:nth-child(2) li a {
    padding-left: 15px;
  }
  .title {
    font-size: 28px;
  }

  .stellarnav {
    text-align: end;
  }

  .stellarnav .menu-toggle {
    padding-right: 15px;
  }

  .stellarnav .menu-toggle span.bars {
    margin-right: 0;
  }

  .stellarnav .menu-toggle span.bars span {
    background: #fff;
  }

  header {
    .book-btn {
      max-width: 110px;
      height: 40px;
      padding-inline: 0;
      margin-bottom: 0;
    }
  }

  footer ul {
    gap: 20px 50px;
    flex-wrap: wrap;
    padding-inline: 50px;
  }
      .adventure_Sec {
        .adven_pipe {
            display: none;
        }
    }

  .hero {
    &::before {
    height: 80px !important;
}
    .col-12.d-flex {
      flex-direction: column;
      align-items: center;
    }

    .swiper-button-next,
    .swiper-button-prev {
      bottom: 0;
    }

    .pipeSide {
      width: 52px;
      top: 67%;
      height: auto;
      z-index: 2;
    }
  }

  .banner-right {
    width: 100%;
    flex: 0 0 100%;
    left: 0;

    .pipe {
      top: 4.5%;
      right: 83px;
    }

    .img-1 {
      height: 120px;
    }

    .img-2 {
      height: 120px;
    }

    .img-3 {
      height: 120px;
      margin-top: 0;
      margin-bottom: 0;
    }
  }

  .banner-left {
    width: 100%;
    text-align: center;

    .custom_btn {
      margin-inline: auto;
    }
  }

  .about_home {
    padding-top: 130px;
    .home_about_img {
      height: auto;
      margin-top: 15px;
      margin-bottom: 50px;
    }

    .about_pipe {
      display: none;
    }
  }

  .adventure_Sec {
    .adven_slide {
      right: 10px;
    }

    .swiper {
      height: 250px;

      .swiper-slide {
        & .slide-row {
          .slide-img {
            width: 160px;
            height: auto;
          }

          .slide-card {
            padding: 23px 10px 25px 25px;
            width: 100%;
            max-width: 73%;
          }

          .adv_pipe {
            top: 100%;
            left: 29%;
            width: 30px;
            height: auto;
          }
        }

        &:nth-child(even) {
          .slide-row {
            .adv_pipe {
              right: 29% !important;
              left: auto;
            }
          }
        }
      }
    }
  }

  .pic_play {
    padding-bottom: 45px;

    &::before {
      /* height: 50px; */
      top: 93%;
    }

    &::after {
      min-height: 910px;
    }

    .pic_play_list {
      flex-direction: column;
      gap: 35px;

      li {
        max-width: 75%;
        margin-inline: auto;

        img {
          display: none;
        }

        .pic_box {
          min-height: 300px;
        }

        &:first-child {
          .pic_box {
            transform: rotate(0deg);
          }
        }

        &:last-child {
          .pic_box {
            transform: rotate(0deg);
          }
        }
      }
    }
  }

  .smile_sec {
    padding-top: 60px;
    padding-bottom: 196px;

    &::before {
      min-height: calc(100% - 400px);
    }

    .title {
      font-size: 28px;
    }

    & .smile_img_list {
      flex-wrap: wrap;
      gap: 20px;

      .custom_btn {
        left: 50%;
        bottom: -140px;
        transform: translateX(-50%);
      }

      li {
        width: calc(100% / 2 - 15px);
        height: 230px;
        img {
          width: 100%;
          height: 100% !important;
          object-fit: cover !important;
        }
      }

      .pipe {
        display: none;
      }

      .list_img {
        img {
          position: static !important;
          width: 100% !important;
          height: 100% !important;
          transform: unset !important;
        }
      }
    }
  }

  .testimonial_inner {
    .testimonial_card {
      max-width: 80%;

      &:first-child {
        margin-left: 0;
      }
    }
  }

  .testimonialSlider {
    .imgae_green {
      min-height: 70px;

      .one {
        width: 70px;
        height: auto;
        bottom: -33px;
        left: 0;
        object-fit: contain;
      }

      .three {
        display: none;
      }

      .two {
        width: 60px;
        top: -25px;
      }
    }
  }

  .offer {
    .offer_box {
      .offer_deal {
        .offer_deal_box {
          ul {
            justify-content: center;
          }
        }
      }
    }

    .offer_bg {
      width: auto;
      height: 100%;
      z-index: -1;
    }
  }

  .about_section {
    .title {
      font-size: 28px;
    }

    .about_image {
      margin-left: 0;
      margin-top: 30px;
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: 80%;
      margin-inline: auto;
      height: auto;
    }

    .bluePipe {
      display: none;
    }
  }

  footer {
    &::after {
      width: 35%;
      height: 63px;
      top: -21px;
      left: -8px;
      background-size: contain;
    }
  }

  .footer_social {
    justify-content: start !important;
  }

  .location-pill {
    position: absolute;
    width: 100%;
    left: 50%;
    max-width: 85%;
    transform: translateX(-50%);
    top: 10px;
  }

  header {
    &.top-navbar {
      padding-top: 60px;

      &::after {
        height: 45px;
        top: 90%;
      }

      &.sticky-header {
        padding-top: 10px;
      }
    }
  }

  .innerpage_banner {
    padding-top: 30px;

    img {
      max-width: 120px;
      height: 100px;
    }
  }

  .left-wrap {
    max-width: 73%;
    display: flex;
    justify-content: space-between;
  }
.bottom-text {
    &.new_content {
        p {
            position: relative;
            width: 100%;
            max-width: unset;
            margin-inline: auto;
            bottom: 0;
            z-index: 2;
            margin-top: 30px;
        }
    }
}
  .pic_play {
    &.pricing {
      &::after {
        min-height: 600px;
      }

      .fun-card {
        margin-top: 58px;
      }
    }

    .offer_pipe {
      display: none;
    }
  }

  .whyus_section {
    padding: 55px 0;

    .sec_title {
      width: 100%;
      max-width: 100%;
    }

    .why_us_sideimg {
      display: none;
    }

    .why_us_listing {
      gap: 35px;
      margin-top: 35px;
      max-width: 100%;

      li {
        .why_item {
          .why_text {
            p {
              margin-bottom: 0;
            }
          }
        }
      }
    }
  }

  .party {
    padding: 55px 0 20px;

    & .prices {
      h5 {
        font-size: 25px;
        margin-bottom: 45px;
        margin-top: 0;
      }

      .pipe-shape {
        top: 11px;
        width: 100%;
        max-width: 15%;
        left: 2%;
        transform: rotate(-90deg);
      }

      &::after {
        height: calc(100% + 40px);
        width: 90%;
        border-radius: 20px;
      }

      & .party-card {
        &.other {
          margin-bottom: 55px;
        }

        &.list {
          margin-top: 30px;

          &::after {
            display: none;
          }
        }
      }
    }
  }
}

@media (max-width: 576px) {
  footer ul {
    gap: 20px 50px;
    flex-wrap: wrap;
    padding-inline: 50px;
  }

  .footer-bottom {
    form {
      height: 50px;
      margin-bottom: 25px;

      .form-btn {
        max-width: 115px;
        height: 40px;
        font-size: 14px;
        padding: 0;
      }
    }
  }

  header {
    .book-btn {
      max-width: 100px;
      height: 35px;
      font-size: 14px;
      padding-inline: 0;
    }

    .left-wrap {
      max-width: 73%;
    }
  }

  .pic_play {
    &.pricing {
      &::after {
        min-height: 670px;
      }
    }
  }

  .fun-section {
    padding: 15px 0 45px;

    .custom_btn {
      margin-left: auto;
    }

    .sec_title {
      h6 {
        font-size: 19px;
      }
    }
  }

  .fun_list {
    gap: 30px;
    margin-top: 108px;
  }
  .hero{
    &::before {
    height: 75px !important;
}
  }
  .about_home {
    padding-top: 80px;
}
}

@media (max-width: 480.99px) {
  .top-navbar {
    &::after {
      background-size: cover;
    }
  }

  footer ul {
    gap: 20px 30px;
    padding-inline: 0;
  }

  .footer-bottom {
    padding: 40px 40px 20px;
  }

  header {
    .book-btn {
      max-width: 80px;
      font-size: 12px;
    }
  }

  header.sticky-header {
    .book-btn {
      max-width: 80px;
      font-size: 12px;
    }

    .stellarnav {
      padding-left: 0;
      text-align: right;

      .menu-toggle {
        padding-right: 10px;
      }
    }
  }

  .top-navbar {
    padding-inline: 0 !important;
  }

  header.sticky-header {
    padding-inline: 10px !important;
  }

  /* .left-wrap {
    max-width: 65%;
  } */

  .logo img {
    max-width: 50px;
    width: 100%;
  }

  .stellarnav .menu-toggle span.bars {
    margin-right: 0;

    span {
      background: #fff;
    }
  }

  .fun-card {
    max-width: 100%;
    width: 100%;
  }

  .left-wrap {
    max-width: 70%;
  }

  .innerpage_banner {
    &::after {
      height: 48px;
      top: 95%;
      background-size: contain;
    }

    h1 {
      font-size: 26px;
    }
  }

  .pic_play {
    &.pricing {
      padding: 51px 0 20px;
    }
  }

  .hero {
    padding-top: 45px;
  }

  .banner-right {
    .pipe {
      top: 4.5%;
      right: 36px;
    }
  }

  .adventure_Sec {
    & .swiper {
      height: 180px;

      & .swiper-slide {
        & .slide-row {
          .slide-card {
            padding: 15px 5px 15px 20px;
            width: 100%;
            max-width: 73%;

            h3 {
              font-size: 18px;
              line-height: 18px;
              margin-bottom: 3px;
            }
          }

          .slide-img {
            width: 135px;
            height: auto;
            top: 50%;
            transform: translateY(-50%);
          }
        }
      }
    }
  }

  .testimonial_section {
    .swiper {
      width: 100%;
      padding: 50px 0 1px;
    }
  }

  .slide_btn {
    top: 5px;
  }

  .testimonial_inner {
    gap: 25px;
  }

  .testimonialSlider {
    &::after {
      height: 55px;
    }
    .swiper-wrapper {
    }

    .imgae_green {
      display: none;
    }
  }
}

@media (max-width: 430px) {
  .pic_play {
    &.pricing {
      &::after {
        min-height: 620px;
      }

      .fun-card {
        margin-top: 30px;
      }

      .bootom_list {
        ul {
          gap: 10px 25px;
        }
      }
    }
  }

  .banner-right {
    .pipe {
      top: 4.5%;
      right: 8px;
    }
  }

  .ban-logo {
    max-width: 130px;
    height: auto;
  }

  .hero {
    .custom_btn {
      height: 106px;
      width: 135px;
      margin-bottom: 20px;
    }

    .swiper-button-next,
    .swiper-button-prev {
      bottom: -121%;
    }

    .swiper-button-next {
      left: 58%;
      transform: translateX(-42%);
    }

    .swiper-button-prev {
      left: 42%;
      transform: translateX(-58%);
    }
  }

  .adventure_Sec {
    & .swiper {
      & .swiper-slide {
        & .slide-row {
          .adv_pipe {
            display: none;
          }

          .slide-img {
            transform: unset;
            position: static;
          }
        }
      }
    }
  }

  .adventure_Sec {
    .adven_pipe {
      display: none;
    }
  }

  .about_section {
    padding-top: 55px;
    padding-bottom: 45px;
  }

  .about_green {
    padding: 30px 25px;
    margin-top: 0;

    p {
      font-size: 14px;
      line-height: 30px;
    }
  }

  .whyus_section {
    .sec_title {
      h2 {
        br {
          display: none;
        }
      }

      p {
        font-size: 14px;
        line-height: 30px;
      }
    }

    .why_us_listing {
      li {
        &:nth-child(even) {
          & .why_item {
            &::after {
              width: 100%;
            }
          }
        }

        .why_item {
          &::after {
            width: 100%;
          }

          .why_text {
            padding-right: 0;

            h6 {
              font-size: 18px;
            }
          }
        }
      }
    }
  }

  .party {
    & .prices {
      .pipe-shape {
        top: 37px;
        width: 100%;
        max-width: 15%;
        left: 5.3%;
        transform: rotate(-180deg);
      }
    }
  }
}

@media (max-width: 390.99px) {
  .left-wrap {
    max-width: 66%;
  }

  header {
    .left-wrap {
      max-width: 72%;
    }
  }

  .pic_play {
    &::before {
      height: 33px;
    }

    &.pricing {
      &::after {
        min-height: 585px;
      }

      .fun-card {
        h5 {
          font-size: 18px;
          line-height: 40px;
        }
      }

      .bootom_list {
        margin-top: 30px;

        h4 {
          font-size: 24px;
        }

        ul {
          gap: 10px 10px;

          li {
            font-size: 15px;
            padding-left: 22px;
          }
        }
      }
    }
  }

  .party-card li {
    font-size: 14px;
    padding-left: 16px;

    &::after {
      max-width: 13px;
      max-height: 52px;
      background-size: contain;
    }
  }

  .whyus_section {
    .why_us_listing {
      li {
        .why_item {
          .why_text {
            h6 {
              font-size: 17px;
            }

            p {
              font-size: 13px;
              line-height: 25px;
            }
          }
        }
      }
    }
  }

  .fun-section {
    padding: 15px 0 45px;

    .custom_btn {
      height: 135px;
      width: 135px;
    }
  }

  .fun_list {
    gap: 10px;

    li {
      width: 190px;
      height: 170px;
      border-radius: 12px;
    }
  }

  .party {
    & .prices {
      &::after {
        width: 96%;
      }

      h5 {
        font-size: 20px;
        margin-bottom: 40px;
        margin-top: 0;
      }

      .party-card {
        &.other {
          padding: 33px 20px;
        }

        &.list {
          padding: 30px 20px;

          ul {
            li {
              margin-bottom: 10px;
              font-size: 13px;
            }
          }
        }
      }
    }
  }

  .party-card p,
  .party-card li {
    font-size: 13px;
  }

  .hero {
    .swiper-button-next,
    .swiper-button-prev {
      bottom: -100%;
    }
  }

  .banner-right {
    .pipe {
      img {
        height: 109px;
      }
    }

    .img-2 {
      height: 105px;
      margin-top: 0;
    }

    .img-1 {
      height: 105px;
    }

    .img-3 {
      height: 105px;
    }
  }

  .smile_sec {
    & .smile_img_list {
      gap: 10px;

      li {
        width: calc(100% / 2 - 15px);
        height: 180px;

        .list_img {
          img {
            height: 100% !important;
            object-fit: cover !important;
          }
        }
      }
    }
  }

  .testimonialSlider {
    &::after {
      content: normal;
    }

    & .swiper-wrapper {
    }
  }

  .testimonial_section {
    .swiper {
      width: 100%;
      padding: 90px 0 1px;
    }
  }

  .testimonial_inner {
    gap: 90px;

    .testimonial_card {
      max-width: 100%;
      padding: 45px 20px 20px;

      .user_img {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        top: -80px;
      }
    }
  }
}

@media (max-width: 380px) {
  .left-wrap {
    max-width: 64%;
  }

  .title {
    font-size: 26px;
  }

  .pic_play {
    &.pricing {
      & .bootom_list {
        & ul {
          gap: 4px 5px;

          li {
            font-size: 13px;
            padding-left: 16px;
          }
        }
      }
    }
  }

  .about_section {
    .title {
      font-size: 26px;
      width: 100%;
      max-width: 80%;
      margin-inline: auto;
    }
  }

  .whyus_section {
    .why_us_listing {
      gap: 25px;
      margin-top: 25px;

      li {
        .why_item {
          .why_text {
            h6 {
              font-size: 16px;
            }
          }
        }
      }
    }
  }

  .fun-section {
    .sec_title {
      h6 {
        font-size: 18px;
      }
    }
  }
}

@media (max-width: 330px) {
  header {
    .left-wrap {
      max-width: 71%;
    }
  }

  .ban-logo {
    max-width: 120px;
    height: auto;
  }

  .hero {
    .pipeSide {
      width: 52px;
      top: 50%;
      height: auto;
      z-index: 2;
    }

    h2 {
      font-size: 17px;
      letter-spacing: 0px;
    }

    .swiper-button-next,
    .swiper-button-prev {
      bottom: -90%;
      width: 45px;
      height: 30px;
    }
  }

  .banner-right {
    .pipe {
      right: 24px;

      img {
        height: 92px;
      }
    }

    .d-flex {
      padding-left: 0;
    }

    .img-1 {
      height: 85px;
    }

    .img-2 {
      height: 85px;
      margin-top: 0;
    }

    .img-3 {
      height: 85px;
    }
  }

  .adventure_Sec {
    .sec_title {
      width: 100%;
      max-width: 100%;
      padding-bottom: 50px;
    }

    .adven_slide {
      /* position: relative; */
      transform: rotate(90deg);
      left: 35%;
      right: auto;
      right: auto;
      top: 110px;
    }

    & .swiper {
      height: 210px;
    }
  }

  .pic_play {
    & .pic_play_list {
      li {
        max-width: 85%;
        margin-inline: auto;
      }
    }
  }

  .title {
    font-size: 20px;
  }

  .testimonial_section {
    p {
      font-size: 14px;
      line-height: 28px;
      width: 100%;
      max-width: 100%;
    }
  }

  .slide_btn {
    width: 112px;

    .swiper-button-next {
      width: 50px;
      height: 30px;
      font-size: 24px;
    }

    .swiper-button-prev {
      width: 50px;
      height: 30px;
      font-size: 24px;
    }
  }

  footer {
    &::after {
      width: 30%;
      height: 63px;
      top: -15px;
      left: -8px;
      background-size: contain;
    }
  }

  footer ul {
    gap: 12px 20px;
    padding-inline: 0;

    li {
      a {
        font-size: 14px;
      }
    }
  }

  .footer-bottom {
    padding: 25px 20px 0;
    border-radius: 32px 32px 0 0;

    ul {
      li {
        .footer-opt {
          img {
            width: 100%;
            max-width: 15px;
          }

          a {
            font-size: 13px;
            line-height: 1.5;
          }
        }
      }
    }
  }

  .about_green {
    padding: 20px 20px;
  }

  .fun-section {
    .drip_box {
      padding: 10px 15px 5px;
    }

    .sec_title {
      h2 {
        margin-bottom: 15px;
      }

      h6 {
        font-size: 15px;
        margin-top: 0;
      }
    }

    .custom_btn {
      height: 125px;
      width: 117px;

      a {
        font-size: 12px;
      }
    }
  }

  .whyus_section {
    .why_us_listing {
      li {
        .why_item {
          &::after {
            top: 26px;
          }

          .why_text {
            h6 {
              font-size: 14px;
              margin-bottom: 10px;
            }

            p {
              font-size: 12px;
              line-height: 22px;
            }
          }

          img {
            width: 100px;
            height: 120px;
            border-radius: 12px;
          }
        }
      }
    }
  }
}

.stellarnav.mobile ul {
  background-color: var(--primary-color);
}
.stellarnav .icon-close:after,
.stellarnav .icon-close:before {
  border-bottom: solid 3px #fff;
}
.pic_play {
  &::after {
    bottom: -27px;
  }
}