/* @media all and (min-width: 769px) {
    .offcanvas.offcanvas-start {
        width: unset !important;
        border-right: none !important;
        transform: translateX(0%) !important
    }

    .offcanvas {
        position: unset !important;
        visibility: visible !important;
    }

    .go-karting-dots {
        width: 80%;
    }

    .offcanvas {
        z-index: unset !important;
    }
}

@media only screen and (max-width: 991px) {
    .fixed-top {
        position: sticky !important;
        background: #fff !important;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4) !important;
    }

    .owl-carousel .owl-item img {
        height: 30% !important;
    }

    .fz-home-header-link {
        color: #000 !important;
        padding: 15px !important;
    }
}

@media all and (max-width: 768px) {
    .sidebar-mobile-hamburger {
        display: inline-block !important;
        font-size: 30px !important;
        border: 2px solid #fff !important;
        background: #fff !important;
    }

    .go-karting-dots {
        width: 100%;
    }

    .offcanvas.offcanvas-start {
        width: unset !important;
    }
}

@media all and (max-width: 767px) {
    .party-page-desktop {
        display: none !important;
    }

    .owl-carousel .owl-item img {
        width: auto !important;
    }
}

@media all and (max-width: 480px) {
    .go-karting-booking-fields{
        display: block !important;
    }
} */

@media all and (min-width: 769px) {
    .offcanvas.offcanvas-start {
        /* width: unset !important; */
        width: 20% !important;
        border-right: none !important;
        transform: translateX(0%) !important
    }

    .offcanvas {
        position: unset !important;
        visibility: visible !important;
    }

    .go-karting-dots {
        width: 80%;
    }

    .offcanvas {
        z-index: unset !important;
    }

    .party-page-mobile {
        display: none !important;
    }
}

@media only screen and (max-width: 991px) {
    .fixed-top {
        position: sticky !important;
        background: #fff !important;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4) !important;
    }

    .owl-carousel .owl-item img {
        height: 50% !important;
    }

    .owl-carousel .owl-item .fz-home-slider-img{
        width: auto !important;
        height: 90% !important;
    }

    .fz-home-header-link {
        color: #000 !important;
        padding: 15px !important;
    }

    .login-right-car {
        transform: translate(32rem, 5rem);
    }

    .login-left-bowling {
        transform: translate(-5rem, 4rem);
    }

    .showcase li {
        justify-content: left;
    }

    .showcase{
        display: block;
    }

    .timing {
        height: unset;
        width: 100% !important;
        display: block !important;
    }
}

@media all and (max-width: 768px) {
    .sidebar-mobile-hamburger {
        display: inline-block !important;
        font-size: 30px !important;
        border: 2px solid #fff !important;
        background: #fff !important;
    }

    .go-karting-dots {
        width: 100%;
    }

    .offcanvas.offcanvas-start {
        width: unset !important;
    }

    .party-page-mobile {
        display: none !important;
    }

    .login-left-bowling {
        display: none !important;
    }

    .login-right-car {
        display: none !important;
    }

    .user-login-card {
        width: unset;
    }

    .otp-input {
        padding: 0;
        width: 20px;
    }

    .login-input {
        width: 100% !important;
        margin: 0 auto !important;
    }
}

@media all and (max-width: 767px) {
    .owl-nav button.owl-next
    {
        display: none !important;
    }
    .owl-nav button.owl-prev
    {
        display: none !important;
    }
}

@media all and (max-width: 767px) {
    .party-page-desktop {
        display: none !important;
    }

    .party-page-mobile {
        display: block !important;
    }

    .owl-carousel .owl-item img {
        width: auto !important;
    }

    .owl-carousel .owl-item .fz-home-slider-img{
        width: auto !important;
        height: 90% !important;
    }

    #desktop-home-slider{
        display: none;
    }

    #mobile-home-slider{
        display: block;
    }
}

@media all and (max-width: 480px) {
    .go-karting-booking-fields {
        display: block !important;
    }
}

@media all and (min-width:992px) and (max-width: 1024px) {
    .login-right-car {
        transform: translate(38rem, 5rem);
    }

    .login-left-bowling {
        transform: translate(5rem, 4rem);
    }
}

@media all and (min-width:1700px) {
    .login-left-bowling {
        transform: translate(10rem, 4rem);
        width: 12%;
    }
    .login-right-car {
        transform: translate(50rem, 5rem);
        width: 12%;
    }
}