@charset "UTF-8";


/*XX-Large devices (larger desktops, 1400px and down)*/
@media only screen and (max-width:1400px) {
    .content-boxtitleouter {
        width: 68%;
    }
}

/*X-Large devices (large desktops, 1200px and down)*/
@media only screen and (max-width:1280px) {
    body {
        font-size: 14px !important;
    }

    .form-control {
        font-size: 14px;
    }

    .form-select {
        font-size: 14px;
    }

    .activity-banner img {
        height: 190px;
    }

    .banner-title {
        font-size: 26px;
    }

    .services-tab {
        margin-top: -6%;
        position: relative;
        z-index: 1;
        background: #fff;
        border-radius: 25px 25px 0 0;
    }

    .services-tabnav {
        padding: 20px 20px 5px;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }

        .services-tabnav .nav-link {
            white-space: nowrap;
            padding: 0.5rem 1rem;
        }

    .content-boxtitleouter {
        width: 65%;
    }

    .content-boxtitle {
        font-size: 18px;
    }

    .service-price {
        font-size: 20px;
    }

    .service-offerprice {
        font-size: 16px;
    }

    .suggest-text {
        font-size: 12px;
    }

    .carousel-details img {
        height: 310px;
        border-radius: 15px 0 0px 15px;
    }

    .carouseldetails img {
        width: 302px;
        height: 143px;
    }

    /*old footer start*/
    .footer-outer {
        background: #252525;
        color: #fff;
        font-weight: 300;
        padding: 59px 35px 22px;
    }

    .footer-box:first-child {
        display: inline-block;
        width: 32%;
        padding-right: 4%;
    }

    .footer-box:nth-child(2) {
        display: inline-block;
        width: 18%;
    }

    .footer-box {
        display: inline-block;
        width: 25%;
        padding-right: 2%
    }

    .footer-quicklinks .li-arrow img {
        width: 28px;
        margin-right: 10px;
    }
    /*old footer end*/
}

/*Large devices (desktops, 992px and down)*/
@media only screen and (max-width:992px) {
    body {
        font-size: 14px !important;
    }

    .activity-banner img {
        height: 210px;
    }

    .services-tab {
        margin-top: -9%;
        position: relative;
        z-index: 1;
        background: #fff;
        border-radius: 25px 25px 0 0;
    }

    .services-tabnav {
        padding: 20px 20px 5px;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }

        .services-tabnav .nav-link {
            white-space: nowrap;
            padding: 0.5rem 1rem;
        }

    .content-boxtitleouter {
        width: 62%;
    }

    .content-boxtitle {
        font-size: 18px;
    }

    .service-price {
        font-size: 20px;
    }

    .service-offerprice {
        font-size: 16px;
    }

    .service-offerbadge {
        font-size: 12px;
    }

    .carousel-details img {
        height: 250px;
        border-radius: 10px 0 0px 10px;
    }

    .carouseldetails img {
        width: 302px;
        height: 113px;
    }

    .carouseldetails div:nth-child(2) img {
        border-radius: 0 10px 0px 0px;
    }

    .carouseldetails div:nth-child(4) img {
        border-radius: 0 0px 10px 0px;
    }

    .activity-formouter {
        margin-bottom: 0%;
    }

    .activity-formfooter {
        border-radius: 0;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9;
    }

    /*activity read more text start*/
    .activity-contentouter {
        margin-bottom: 20px;
    }

        .activity-contentouter .activitycontent {
            height: 160px;
            overflow: hidden;
            padding-left: 15px;
        }

            .activity-contentouter .activitycontent.active {
                height: auto;
            }

        .activity-contentouter .toggle_btn {
            margin-top: 0px;
            font-weight: 600;
            color: #2C5D9E;
            cursor: pointer;
            font-size: 14px;
            border: 0;
            padding: 15px;
        }

            .activity-contentouter .toggle_btn.active .fas {
                transform: rotate(180deg);
            }
    /*activity read more text end*/

    /*old footer start*/
    .footer-outer {
        padding: 45px 33px 30px;
    }

    .footer-box {
        display: inline-block;
        width: 100%;
        padding-right: 0%;
        margin-bottom: 30px
    }

        .footer-box:first-child {
            display: inline-block;
            width: 100%;
            padding-right: 0%;
        }

        .footer-box:nth-child(2) {
            display: inline-block;
            width: 49%;
        }

        .footer-box:nth-child(4) {
            display: inline-block;
            width: 49%;
        }

    .footer-map iframe {
        height: 94px;
        width: 100%;
        border-radius: 58px;
    }

    .copyright-text {
        text-align: left;
    }

    .social-icon .social-youtube {
        width: 28px;
    }

    .social-icon img {
        width: 22px;
    }
    /*old footer end*/

}

/*Medium devices (tablets, 768px and down)*/
@media only screen and (max-width:768px) {
    body {
        font-size: 14px !important;
    }

    .activity-banner img {
        height: 210px;
    }

    .services-tab {
        margin-top: -9%;
        position: relative;
        z-index: 1;
        background: #fff;
        border-radius: 25px 25px 0 0;
    }

    .services-tabnav {
        padding: 20px 20px 5px;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }

        .services-tabnav .nav-link {
            white-space: nowrap;
            padding: 0.5rem 1rem;
        }

    .content-boxtitleouter {
        width: 55%;
    }

    .content-boxtitle {
        font-size: 18px;
    }
}

/*Medium devices (tablets, 600px and down)*/
@media only screen and (max-width:640px) {
    body {
        font-size: 14px !important;
    }

    .topbar-nav .btn {
        font-size: 14px !important;
    }

    .section-space {
        margin: 25px 0;
    }

    .activity-banner img {
        height: 145px;
    }

    .banner-title {
        font-size: 20px;
        font-weight: 600;
    }

    .banner-subtitle {
        font-size: 12px;
        font-weight: 500;
    }

    .services-tab {
        margin-top: -9%;
        position: relative;
        z-index: 1;
        background: #fff;
        border-radius: 20px 20px 0 0;
    }

    .services-tabnav {
        padding: 10px 10px 5px;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }

        .services-tabnav .nav-link {
            white-space: nowrap;
            padding: 0.5rem;
        }
    .content-boxtitleouter {
        width: 49%;
    }
    .content-boxtitle {
        font-size: 16px;
    }

    .service-price {
        font-size: 18px;
    }

    .service-offerprice {
        font-size: 14px;
    }

    .suggest-text {
        font-size: 12px;
    }

    .inclusions-box {
        font-size: 12px;
    }

    .services-tabnav .nav-link.active {
        color: var(--black);
        background: none;
        border-bottom: 2px solid var(--black);
        border-radius: 0;
        font-size: 14px;
        font-weight: 500;
    }

    .activity-contentouter .activitycontent {
        height: 200px;
        overflow: hidden;
        padding-left: 15px;
    }

    /*old footer start*/
    .footer-outer {
        padding: 45px 0px 30px;
    }

    .footer-box {
        display: inline-block;
        width: 100%;
        padding-right: 0%;
        margin-bottom: 30px
    }

        .footer-box:first-child {
            display: inline-block;
            width: 100%;
            padding-right: 0%;
        }

        .footer-box:nth-child(2) {
            display: inline-block;
            width: 49%;
        }

        .footer-box:nth-child(4) {
            display: inline-block;
            width: 49%;
        }

    .footer-boxtitle {
        color: #ffc107;
        font-size: 1rem;
        margin-bottom: 1.5rem !important;
    }

    .footer-quicklinks .li-arrow img {
        width: 22px;
        margin-right: 10px;
    }

    .footer-map iframe {
        height: 94px;
        width: 100%;
        border-radius: 58px;
    }

    .copyright-text {
        text-align: center;
    }

    .social-icon .social-youtube {
        width: 28px;
    }

    .social-icon img {
        width: 22px;
    }
    /*old footer end*/
}

/*Small devices (landscape phones, 576px and down)*/
@media only screen and (max-width:576px) {
    body {
        font-size: 14px !important;
    }

    .activity-banner img {
        height: 165px;
    }

    .services-tab {
        margin-top: -16%;
    }

    .carousel-details img {
        height: 260px;
        border-radius: 10px;
    }

    .activity-formouter {
        margin-bottom: 16%;
    }
}

@media only screen and (max-width:480px) {
    .width-auto {
        width: auto;
    }

    .content-boxtitleouter {
        width: 56%;
    }

    .confirm-addpay img {
        width: 30px;
    }

    .btn-addbalance {
        font-size: 13px !important;
        padding: 7px 10px;
    }

    .carousel-details img {
        height: 200px;
        border-radius: 10px;
    }

    .activity-formouter {
        margin-bottom: 0%;
    }

    .footer-outer {
        padding: 45px 0px 30px;
    }

    .footer-newUI {
        padding: 45px 0px 110px;
    }
}

@media only screen and (max-width:320px) {
    body {
        font-size: 14px !important;
    }

    .btn-addbalance {
        font-size: 13px !important;
        padding: 7px 10px;
    }

    .width-100per {
        width: 100%;
    }

    .banner-title {
        font-size: 18px;
        font-weight: 600;
    }

    .activity-banner img {
        height: 165px;
    }

    .services-tab {
        margin-top: -19%;
    }

    .content-boxtitleouter {
        width: 50%;
    }

    .service-offerprice {
        justify-content: flex-end;
    }

    .service-offerbadge {
        padding: 2px 10px;
    }

    .service-priceouter {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .carousel-details img {
        height: 190px;
        border-radius: 10px;
    }

    .activity-formouter {
        margin-bottom: 0%;
    }

    .activity-contentouter .activitycontent {
        height: 217px;
        overflow: hidden;
        padding-left: 15px;
    }
}