@media (max-width: 1650px) {
    #pre-loader img.chakrview {
        top: calc(50% - 80px);
    }
}

@media (max-width: 1500px) {
    #pre-loader img.chakrview {
        top: calc(50% - 75px);
    }
}

@media (max-width: 1399px) {
    #pre-loader img.chakrview {
        top: calc(50% - 70px);
    }

    #nav-links a.nav-link {
        font-size: 0.95rem;
    }

    .nav-ticket span.ticket {
        padding: 0.1rem 0.4rem 0.07rem 0.4rem;
    }

    #play-center .img-shadow {
        left: 14px;
        width: 95%;
    }

    #play-center .img-shadow-2 {
        left: 0px;
    }

    #play-center .play-heading {
        font-size: 2.3rem !important;
    }

    #play-center .play-center-content {
        min-height: 209px;
    }

    .horse-02 img {
        left: 92%;
    }

    /* ride page */
    #ride-book .last-ride-img {
        width: 110% !important;
        right: 17px;
    }

    #ride-book .ride-book-img-box {
        height: 204px;
    }
}

@media (max-width: 1280px) {
    #pre-loader img.chakrview {
        top: calc(50% - 65px);
    }
}

@media (max-width: 1199px) {
    #pre-loader img.chakrview {
        top: calc(50% - 60px);
    }

    .section-heading {
        font-size: 2.2rem imorta !important;
    }

    .svg-border {
        top: -104px;
    }

    #play-center .play-heading {
        padding-top: 7rem !important;
    }

    #play-center .img-shadow {
        left: 12px;
    }

    #play-center .img-shadow-2 {
        left: 0px;
    }

    #play-center .play-center-box {
        transition: all 0.3s;
        width: 100%;
    }

    #ride {
        background-position: 550px 42px;
    }

    #ride .ride-box {
        height: 185px;
    }

    #blog .blog-box::before {
        background-size: 140%;
    }

    #events {
        background-position: 600px 0px;
    }

    .event-images img:nth-child(3) {
        top: 110px;
    }

    #get-in-touch .get-in-touch-main {
        background-size: 2100px;
    }

    /* about us page  */
    #about-us h1.about-heading {
        font-size: calc(1.375rem + 1.5vw) !important;
    }

    /* ride page */
    #ride-book .kid-ride-background-png {
        width: 700px;
        bottom: -360px;
    }

    #ride-book .major-ride-background-png {
        width: 975px;
        top: 190px;
        right: -450px;
    }

    #ride-book .aqua-ride-background-png {
        width: 780px;
        top: 60px;
    }

    #ride-book .last-ride-img {
        width: 133% !important;
        right: 58px;
    }

    #ride-book .ride-img {
        right: 32px;
    }

    #events .event-bg-element {
        width: 121%;
        left: -140px;
    }

    /* svg border */
    .boat img {
        width: 3.5%;
    }

    .horse-01 img {
        width: 4.5%;
        top: 140px;
    }

    .horse-03 img {
        width: 4.3%;
    }

    #reviews .reviews-background-png {
        bottom: -375px;
    }

    #our-blog .blog-box {
        width: 100%;
    }

    #aqua-ride img.aqua-element {
        top: 83px;
        width: 116%;
        left: -145px;
    }

    #reviews .roller-coaster img {
        top: calc(0svh + 290px);
    }
}

@media (max-width: 991px) {
    #pre-loader img.logomojpark {
        width: 18%;
    }

    #pre-loader img.chakrview {
        width: 7%;
        left: 51.8%;
    }

    .svg-border {
        width: 62%;
    }

    .section-heading {
        font-size: 2rem !important;
    }

    #play-center .img-shadow {
        left: 8px;
    }

    #play-center .img-shadow-2 {
        left: 0px;
    }

    #ride {
        background-position: 350px 42px;
    }

    #ride .roller-coaster img {
        bottom: -9svh;
        left: -2vw;
    }

    #ride .ride-box {
        width: 100%;
        height: 175px;
    }

    #ride h3 {
        font-size: 1.25rem !important;
    }

    #blog .blog-box::before {
        background-size: 175%;
    }

    #blog p.blog-heading-para {
        font-size: 0.85rem;
    }

    #blog .blog-box h2 {
        font-size: calc(1.375rem + 1.5vw);
    }

    #events {
        background-position: 400px 0px;
    }

    #events p.event-para {
        font-size: 0.85rem;
    }

    .event-images img {
        width: 210px;
        height: 210px;
    }

    .event-images img:nth-child(2) {
        left: 165px;
    }

    #play-center .play-center-box:hover {
        transform: scale(1);
    }

    .event-images img:nth-child(3) {
        top: 100px;
    }

    #reviews .customer-profile h2.customer-name {
        font-size: calc(1.275rem + 0.3vw) !important;
    }

    #reviews .customer-profile img {
        width: 21px;
    }

    #get-in-touch .get-in-touch-main {
        background-size: 1850px;
        background-position: -300px calc(100% - 0%);
    }

    #get-in-touch .footer-logo img {
        width: 70% !important;
    }

    #get-in-touch h4.fs-3 {
        font-size: 1.5rem !important;
    }

    /* Background SVG */
    .boat img {
        width: 5.5%;
    }

    .boat-02 img {
        width: 4.5%;
    }

    .horse img {
        width: 5.5%;
    }

    .horse-02 img,
    .horse-04 img,
    .horse-05 img {
        width: 4.3%;
    }

    .roller img {
        width: 6.2%;
    }

    .roller-02 img {
        width: 5%;
    }

    /* pass page */
    #pass .pass-box {
        min-height: 300px;
    }

    #pass .pass-month {
        font-size: 6rem;
    }

    #pass .pass-month::before {
        font-size: 1.8rem;
        top: -3.7rem;
    }

    #pass .pass-month::after {
        font-size: 1.8rem;
    }

    /* ride page  */
    #ride-book .last-ride-img {
        width: 170% !important;
        right: 105px;
    }

    #ride-book .thrill-ride-3 {
        right: 160px;
    }

    #ride-book .kids-ride-img {
        width: 140% !important;
        right: 50px;
    }

    #ride-book .kids-ride-7,
    #ride-book .kids-ride-8 {
        width: 160% !important;
        right: 80px;
    }

    #our-blog .blog-title h1 {
        font-size: 2.8rem !important;
    }

    .ride-background-svg .roller-3 {
        top: 1290px;
    }

    .ride-background-svg .kashti-5 {
        left: 10%;
    }
}

@media (max-width: 900px) {
    .horse-06 img {
        top: -150px;
    }

    #our-blog .blog-title {
        margin: 4rem 0rem;
    }

    #aqua-ride img.aqua-element {
        height: 600px;
        top: 0px;
        left: -100px;
    }

    .ride-background-svg .ghora-3 {
        top: 430px;
        right: 15%;
    }
}

@media (max-width: 810px) {
    #pre-loader img.chakrview {
        top: calc(50% - 50px);
    }

    .svg-border {
        top: -110px;
    }
}

@media (max-width: 767px) {
    #head a.social-link {
        padding: 0px 0px;
        margin: 0px 9px;
        font-size: 1rem !important;
    }

    #navbar img.navbar-logo {
        width: 80%;
    }

    .svg-border {
        width: 74%;
        top: -105px;
    }

    #booking h1 {
        font-size: calc(1.375rem + 1.5vw);
    }

    #booking a.book-btn {
        font-size: 1.25rem !important;
    }

    #play-center {
        background-position: -129px 280px;
    }

    #play-center h1.play-heading,
    #ride h1.ride-heading,
    #blog h1.blog-heading,
    #events h1.event-heading {
        font-size: 1.5rem !important;
    }

    #play-center .play-para-image-col-2 {
        order: 2;
    }

    #play-center .play-para-images img {
        width: 75%;
    }

    #play-center .play-center-content {
        min-height: 190px;
    }

    #play-center .img-shadow {
        left: 12%;
        width: 76%;
    }

    #ride {
        background-position: 130px 150px;
    }

    #ride .ride-box {
        margin-top: 1.25rem !important;
        width: 90%;
        height: 200px;
    }

    #ride h3 {
        font-size: 1.5rem !important;
    }

    #ride .ride-box:hover::before {
        animation: none;
    }

    #blog {
        background-size: 670px;
    }

    #blog .blog-box h2 {
        font-size: 1.5rem !important;
    }

    #blog div.blog-area {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #blog .blog-box::before {
        background-size: 220%;
    }

    #events .event-bg-element {
        width: 200%;
    }

    #events {
        background-position: 260px 0px;
        background-size: 950px;
    }

    #events .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #events h1.event-heading {
        padding-bottom: 0.25rem !important;
    }

    #events .event-left-box {
        padding: 0px;
    }

    #events p.event-para {
        font-size: 0.81rem;
    }

    #events .event-images {
        right: 50px;
    }

    .event-images img {
        width: 170px;
        height: 170px;
    }

    #reviews p.customer-para {
        font-weight: 400;
    }

    #reviews {
        background-position: -420px 0px;
    }

    #get-in-touch .get-in-touch-main {
        background-color: 1700px;
    }

    #get-in-touch .footer-logo-side {
        padding: 0px;
    }

    #get-in-touch .footer-logo img {
        width: 90% !important;
    }

    #get-in-touch h4.fs-3 {
        font-size: 1.4rem !important;
    }

    #get-in-touch li a,
    #get-in-touch td {
        font-size: 0.78rem;
    }

    #get-in-touch .footer-email {
        word-break: break-all;
    }

    /* Background SVG */
    .horse-02 img {
        width: 6.3%;
    }

    .horse-03 img {
        left: 13%;
        top: 75px;
        width: 7%;
    }

    .horse-05 img {
        top: 685px;
        width: 5.5%;
    }

    .boat-02 img {
        left: 64%;
        width: 5%;
    }

    .boat-01 img {
        width: 6%;
        left: 8px;
    }

    .roller-02 img {
        width: 6.5%;
    }

    .boat-04 img {
        top: -380px;
    }

    .boat-03 img {
        top: -550px;
    }

    .horse-05 img {
        filter: invert(0);
    }

    /* about us page  */
    #about-us h1.about-heading {
        font-size: 2rem !important;
    }

    /* membership page */
    #membership .membership-heading {
        font-size: 2.25rem !important;
    }

    #membership .membership-para {
        font-size: 1.1rem !important;
        font-weight: 500;
    }

    /* pass page */
    #pass .pass-heading {
        font-size: 2.25rem !important;
    }

    #pass .pass-para {
        font-size: 1.1rem !important;
        font-weight: 500;
    }

    /* ride page */
    #ride-book .ride-book-img-box {
        width: 98% !important;
    }

    #ride-book .last-ride-img {
        height: 204px;
        right: 84px;
    }

    #ride-book .thrill-ride-3 {
        right: 140px;
    }

    #ride-book .kids-ride {
        height: 220px;
        width: 325px !important;
        right: 0px;
    }

    #ride-book .kid-ride-img-box {
        width: 325px !important;
        margin: auto;
    }

    #ride-book .kids-ride-7,
    #ride-book .kids-ride-8 {
        height: 250px !important;
        width: 500px !important;
    }

    #our-blog .blog-title h1 {
        font-size: 2.2rem !important;
    }
}

@media (max-width: 660px) {
    #pre-loader img.logomojpark {
        width: 22%;
    }

    #pre-loader img.chakrview {
        top: calc(50% - 50px);
        left: 52.3%;
        width: 8%;
    }

    #events {
        background-position: 150px 0px;
    }

    .ride-background-svg .kashti-5 {
        top: 70px;
    }

    .ride-background-svg .kashti-6 {
        right: 2%;
    }

    .horse-06 img {
        left: 0vw;
    }

    .horse-07 img {
        display: none;
    }
}

@media (max-width: 645px) {
    .svg-border {
        width: 90%;
        top: -105px;
    }

    .horse-01 img {
        width: 6%;
        top: 169px;
        left: 77vw;
    }

    .boat img {
        left: 25%;
    }

    .boat-02 img {
        width: 6%;
        left: 64%;
    }

    .boat-04 img {
        left: 70%;
        top: 498px;
        filter: invert(0);
    }

    .boat-01 img {
        left: 8px;
    }

    .horse-06 img {
        top: -125px;
    }

    .horse-05 img {
        top: 745px;
        width: 7%;
    }

    .horse-04 img {
        width: 6.8%;
        left: 7%;
    }

    .boat-03 img {
        filter: invert(0);
    }
}

@media (max-width: 575px) {
    #pre-loader img.chakrview {
        top: calc(50% - 44px);
    }

    #head .head-row {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    #head .head-left-side,
    #head .head-right-side {
        padding: 0px;
    }

    #navbar .row {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    #navbar .logo-col {
        padding: 0px;
    }

    #navbar img.navbar-logo {
        width: 94px;
    }

    .sidebar-bar i {
        font-size: 1.5rem !important;
    }

    .section-heading {
        font-size: 1.8rem !important;
    }

    #play-center .play-center-row {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    #ride {
        background-position: -60px 150px;
    }

    #ride .ride-col {
        display: flex;
        justify-content: center;
    }

    #ride .ride-row {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    #blog {
        background-size: 580px;
    }

    #blog p.blog-heading-para {
        font-size: 0.8rem;
    }

    #blog .blog-box {
        height: 210px;
    }

    #events {
        background-position: 70px 173px;
    }

    #events .event-images {
        right: 65px;
        top: 1.75rem !important;
    }

    .event-images img {
        width: 215px;
        height: 195px;
        left: 20px;
    }

    .event-images img:nth-child(2) {
        left: 320px;
    }

    .event-images img:nth-child(3) {
        top: 85px;
        left: 250px;
    }

    #reviews {
        background-position: -420px 25px;
        background-size: 900px;
    }

    #reviews .review-overflow {
        padding-left: 0.7rem !important;
    }

    #get-in-touch .footer-right-side {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    /* Background Svg */
    .horse-03 img {
        width: 8%;
    }

    .boat-03 img {
        left: 78%;
        top: -400px;
        width: 6.5%;
        filter: invert(1);
    }

    .boat-04 img {
        left: 90%;
    }

    .boat-02 img {
        left: 72%;
        top: 105px;
        width: 7%;
    }

    .boat-01 img {
        display: none;
    }

    .horse-02 img {
        top: 240px;
    }

    .horse-05 img {
        display: none;
    }

    #about-us h1.about-heading {
        font-size: 1.6rem !important;
    }

    #about-us .about-content {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    /* ride page */
    #ride-book .ride-book-img-box {
        width: 390px !important;
        margin: auto;
    }

    #ride-book .last-ride-img {
        width: 130% !important;
        height: 235px;
        right: 54px;
    }

    #ride-book .kid-ride-img-box {
        width: 325px !important;
    }

    #ride-book .kids-ride {
        height: 220px;
        width: 325px !important;
        right: 0px;
    }

    #ride-book .kids-ride-7,
    #ride-book .kids-ride-8 {
        height: 250px !important;
        width: 500px !important;
        right: 84px;
    }

    #ride-book .aqua-ride-img-box {
        width: 460px;
        margin: auto;
    }

    /* ride background svg */
    .ride-background-svg .kashti-1 {
        top: 67px;
    }

    .ride-background-svg .ghora-1 {
        top: 8px;
    }

    .ride-background-svg .kashti-2 {
        top: 641px;
        left: 3%;
    }

    .ride-background-svg .roller-1 {
        top: 930px;
        right: 4%;
    }

    #major-ride::after {
        background: url(../image/mojmela-ride-element.webp) no-repeat;
    }

    #ride::before {
        background: url(../image/mojmela-ride-element.webp) no-repeat;
    }

    .ride-background-svg .kashti-6 {
        top: 0px;
    }
}

@media (max-width: 535px) {

    /* ride background svg  */
    .ride-background-svg .roller-2 {
        top: 360px;
    }

    .ride-background-svg .ghora-2 {
        top: 640px;
    }

    .ride-background-svg .kashti-4 {
        top: 925px;
    }

    .ride-background-svg .roller-3 {
        top: 1206px;
        right: 87%;
        filter: invert(1);
    }
}

@media (max-width: 500px) {
    .blog-sub-img {
        width: 100% !important;
    }

    #blog-content .blog-main-para {
        font-weight: 400;
    }

    #pre-loader img.logomojpark {
        width: 27%;
    }

    #pre-loader img.chakrview {
        top: calc(50% - 47px);
        left: 52.8vw;
        width: 10%;
    }

    .svg-border {
        display: none;
    }

    #sidebar .sidebar-link {
        font-size: 0.95rem !important;
        font-weight: 500;
    }

    #play-center .play-center-box {
        width: 250px;
        margin: auto;
    }

    #play-center .event-col-box {
        width: 100% !important;
    }

    #ride {
        background-position: -15px 804px;
        background-size: 940px;
    }

    #ride .ride-col {
        width: 100% !important;
    }

    #ride .ride-box {
        width: 250px;
        height: 230px;
    }

    #play-center {
        background-position: -141px 970px;
        background-size: 650px;
    }

    #blog {
        background-size: 540px;
    }

    #blog .home-blog-btn {
        padding: 0.3rem 1rem;
    }

    #blog .blog-box::before {
        background-size: 330%;
    }

    #reviews .review-col {
        width: 100% !important;
    }

    #events .event-images {
        right: 100px;
    }

    .event-images img {
        left: 40px;
        width: 195px;
        height: 185px;
    }

    #foot .foot-link {
        font-size: 1.15rem !important;
    }

    .boat img {
        top: 170px;
        left: 16%;
        width: 8%;
    }

    .horse-01 img {
        width: 8%;
    }

    .roller img {
        width: 8.2%;
        top: 320px;
        left: 88%;
    }

    .horse-02 img {
        width: 8.3%;
        top: -110px;
        left: 87%;
    }

    .horse-03 img {
        top: 0px;
    }

    .boat-02 img {
        left: 72%;
        top: 105px !important;
        width: 7%;
    }

    .boat-01 img {
        left: 36px;
        width: 8%;
        top: 680px;
    }

    .boat-03 img {
        top: 95px;
        filter: invert(0);
    }

    .boat-04 img {
        left: 88%;
        top: 80%;
    }

    .horse-05 img {
        width: 8.5%;
        top: 900px;
        left: 85%;
        filter: invert(0);
    }

    .horse-06 img {
        width: 8.5%;
    }

    .horse-04 img {
        top: 20px;
        width: 7.6%;
        filter: invert(0);
    }

    .roller-02 img {
        filter: invert(0);
    }

    /* membership page */
    #membership .membership-heading {
        font-size: 2rem !important;
    }

    #membership .membership-para {
        font-size: 1rem !important;
    }

    /* payment page  */
    #payment {
        min-height: 65svh;
    }

    /* pass page */
    #pass .pass-heading {
        font-size: 2rem !important;
    }

    #pass .pass-para {
        font-size: 1rem !important;
        font-weight: 500;
    }

    /* ride page  */
    #ride-book .aqua-ride-img-box {
        width: 325px;
    }

    .ride-background-svg .ghora-3 {
        top: 364px;
    }

    #reviews .roller-coaster img {
        width: 115vw;
    }
}

@media (max-width: 460px) {

    /* payment page */
    #payment .pay-method {
        flex-direction: column;
    }

    /* sign-up page */
    #sign-up .sign-btn {
        padding: 0.3rem 1.8rem !important;
    }

    /* membership page */
    #membership .membership-col {
        width: 80% !important;
    }
}

@media (max-width: 430px) {
    #pre-loader img.chakrview {
        top: calc(50% - 42px);
        left: 52.8vw;
    }

    #blog .roller-coaster img,
    #blog .svg-cover {
        display: none;
    }

    /* pass page  */
    #pass .pass-box-col {
        width: 90% !important;
        margin: auto;
    }

    /* ride page */
    #ride-book .ride-book-img-box {
        width: 320px !important;
    }

    #ride-book .last-ride-img {
        width: 155% !important;
        right: 85px;
    }

    #ride-book .thrill-ride-3 {
        right: 130px;
    }

    #ride-book .kids-ride {
        width: 325px !important;
        right: 0px;
    }

    /* about page  */
    #about-us .about-para-heading {
        font-size: 1.5rem !important;
    }

    /* ride background svg  */
    .ride-background-svg-size {
        width: 45px;
    }
}

@media (max-width: 400px) {
    #booking h1 {
        font-size: calc(1.325rem + 0.9vw) !important;
    }

    #booking a.book-btn {
        font-size: 1.15rem !important;
    }

    #ride {
        background-position: -100px 805px;
    }

    #ride .roller-coaster img {
        display: none;
    }

    #blog .blog-box {
        height: 240px;
    }

    #blog .blog-box h2 {
        font-size: 1.4rem !important;
        font-weight: 300 !important;
    }

    #events {
        background-position: -95px 173px;
    }

    #events p.event-para {
        padding-right: 0.2rem !important;
    }

    #events .event-images {
        right: 135px;
    }

    .event-images img {
        left: 60px;
        width: 180px;
        height: 170px;
    }

    #reviews {
        background-position: -350px 100px;
        background-size: 775px;
    }

    #reviews .customer-profile h2.customer-name {
        font-size: 1.25rem !important;
    }

    #reviews .customer-profile img {
        width: 19px;
    }

    /* Background SVG */
    .boat img,
    .horse-01 img,
    .horse-02 img,
    .horse-03 img,
    .roller img {
        width: 10%;
    }

    .horse-06 img {
        top: -200px;
        width: 9%;
    }

    /* ride page */
    #ride-book .ride-main-col {
        padding: 0px;
    }

    /* payment page */
    #payment h1.payment-heading {
        font-size: 1.4rem !important;
    }

    #payment h4.fs-5 {
        font-size: 1rem !important;
        font-weight: 500 !important;
    }

    #payment h4.fs-5 span {
        font-size: 1.4rem !important;
    }

    #payment .payment-action-btn {
        flex-direction: column;
    }

    #payment .back-btn {
        margin-right: 0px !important;
        order: 2;
    }

    /* sign-up page */
    #sign-up .sign-main-col {
        padding: 0px;
    }

    #sign-up .sign-btn {
        font-size: 1.25rem !important;
    }

    #sign-up .login-btn {
        order: 2;
    }
}

@media (max-width: 390px) {
    #pre-loader img.logomojpark {
        width: 30%;
    }

    #pre-loader img.chakrview {
        top: calc(50% - 42px);
        width: 12%;
    }

    #blog .blog-box::before {
        background-size: 380%;
    }

    #reviews .roller-coaster img {
        width: 120vw;
        top: calc(0svh + 310px);
    }
}

@media (max-width: 350px) {
    #sign-up .sign-btn-box {
        flex-direction: column;
    }

    #sign-up .sign-btn-box button.sign-btn {
        margin: 0rem 0rem 0.5rem 0px !important;
    }

    /* membership page */
    #membership .membership-col {
        width: 100% !important;
    }

    /* ride page */
    #ride-book .ride-book-img-box {
        width: 100% !important;
    }

    #ride-book .last-ride-img {
        width: 535px !important;
        right: 105px;
    }

    #ride-book .aqua-ride-img-box {
        width: 100%;
    }
}

@media (max-width: 340px) {
    #pre-loader img.chakrview {
        top: calc(50% - 37px);
    }

    #events .event-images {
        right: 160px;
    }

    .event-images img {
        left: 100px;
    }

    /* payment page */
    #payment .checkout-btn {
        padding: 0.4rem 1.2rem;
    }

    #payment h1.payment-heading {
        font-size: 1.3rem !important;
    }

    /* ride page */
    #ride-book .last-ride-img {
        right: 115px;
    }

    #ride-book .thrill-ride-3 {
        right: 180px;
    }

    #reviews .roller-coaster img {
        top: calc(0svh + 350px);
    }
}