@media only screen and (max-width: 1600px) {

    .owl-carousel.sportSlider .owl-nav button.owl-next {
        right: 10%;
    }

    .owl-carousel.sportSlider .owl-nav button.owl-prev {
        right: 14%;
    }

    .applicationKitBuyArea .headerArea .partnerLogo li img {
        max-height: 45px;
    }
    /* .bannerSection .banerTxt{
    padding-bottom: 50px;
  } */
    .bannerSection {
        height: 95vh;
    }

    .menu > ul > li a {
        padding: 1em 1em;
    }

    .container {
        width: 1280px;
        max-width: 100%;
    }

    .lifestyleSection {
        padding: 50px 0 50px 9.5%;
    }

    .applicationContentArea {
        padding: 50px 20%;
    }
    /* .menu a.logo{
    width: 10%;
  } */
}

@media only screen and (max-width: 1440px) {

    .owl-carousel.sportSlider .owl-nav button.owl-next {
        right: 11%;
    }

    .owl-carousel.sportSlider .owl-nav button.owl-prev {
        right: 15%;
    }

    .lifestyleSection {
        padding: 50px 0 50px 5%;
    }

    .applicationContentArea {
        padding: 50px 15%;
    }

    .applicationKitSection .displayThumb a.applyBtn img {
        max-width: 250px;
    }
}

@media only screen and (max-width: 1366px) {

    .footerEnquirySection h4 {
        width: 8%;
        font-size: 14px;
    }

    .footerEnquirySection .formBody .form-group {
        padding-right: 5px;
    }

    .footerEnquirySection .formBody .BtnSend span {
        font-size: 11px;
    }

    .owl-carousel.mediaSlider .owl-nav button.owl-next {
        right: 22.5%;
    }

    .owl-carousel.mediaSlider .owl-nav button.owl-prev {
        left: 22.5%;
    }

    .menu a.logo img {
        max-height: 80px;
    }

    .bannerSlider .bannerContent h4,
    .bannerSlider .bannerContent p {
        max-width: 60%;
    }

    .enquiryBox .formBody {
        padding: 20px 30px;
    }

    .owl-carousel.sportSlider .owl-nav button.owl-next {
        right: 6%;
    }

    .owl-carousel.sportSlider .owl-nav button.owl-prev {
        right: 10%;
    }

    /* .enquiryBox{
    width: 450px;
  } */

    .container {
        width: 1100px;
        max-width: 100%;
    }

    .applicationKitTicketArea {
        padding: 30px 0;
    }

    .lifestyleSection {
        padding: 50px 0 50px 5%;
    }
    /* .menu a.logo{
    width: 6%;
  } */
    /* .menu > ul{
    justify-content: center;
  } */
    .locationMapArea .locatmap iframe {
        height: 490px;
    }

    .accordianBanner .bannerBox.inactive {
        width: 25%;
    }

        .accordianBanner .bannerBox.inactive.active {
            width: 50%;
        }
}

@media only screen and (max-width: 1280px) {

    .owl-carousel.mediaSlider .owl-nav button.owl-next {
        right: 15.5%;
    }

    .owl-carousel.mediaSlider .owl-nav button.owl-prev {
        left: 15.5%;
    }

    .enquiryBox {
        margin-top: -350px;
    }

    .aboutRiseSection {
        margin-top: -60px;
        padding-bottom: 40px;
    }

    .merlinspecsSection ul li .icon {
        width: 25%;
    }

    .merlinspecsSection ul li .txtarea {
        width: 75%;
    }

    .aboutRiseSection h4 span {
        font-size: inherit;
    }

    .aboutRiseSection p {
        max-width: 64%;
    }

    .merlinspecsSection ul li .txtarea h4 {
        font-size: 16px;
    }

    .applicationContentArea {
        padding: 50px 5%;
    }

    .formWizardContainer .form_card {
        width: 70%;
    }
}

@media only screen and (max-width: 1200px) {
    .amenitiesTitle h4,
    .lifestyleSection .txtArea h4,
    .amenitiesDetailsSection .titleArea h4,
    .sectionTitle h4, .pmaySection h4, .applicationKitArea .headerTitle h4 {
        font-size: 32px;
        line-height: 32px;
    }

    .lifestyleSection {
        padding: 50px 0 50px 3%;
    }

        .lifestyleSection .txtArea {
            width: 30%;
        }

        .lifestyleSection .displayArea {
            width: 70%;
        }

    .accordianBanner .bannerBox .bbContent,
    .accordianBanner .bannerBox .bbContent p {
        max-width: 90%;
        width: 90%;
        overflow: visible;
        min-width: 100%;
    }
    /* .amenitiesDetailsSection{
    margin-top: -150px;
    padding: 150px 0 50px;
  } */
    .amenitiesDetailsSection .titleArea,
    .amenitiesDetailsSection .descriptionArea {
        width: 100%;
    }

    .flatRateSection {
        padding: 0 10px;
    }

    .locationMapArea .locatimg, .locationMapArea .locatmap {
        width: 100%;
        float: left;
    }

    .pmaySection {
        width: 100%;
    }

    .emiDetailsSection {
        width: 100%;
        float: left;
        padding: 50px 0px 0 0px;
    }

    .applicationKitArea {
        padding: 30px 15px;
    }

    .applicationKitTicketArea {
        padding: 30px 0%;
    }

    .FlowChartArea ul {
        display: block;
    }

        .FlowChartArea ul li {
            width: 50%;
        }

    .callbackSection .callBackFormArea {
        width: 100%;
        float: left;
        padding-right: 0px;
    }
    /* .callbackSection .locationArea {
  width: 100%;
  float: left;
  position: relative;
}
.locationArea .siteAddressArea{
  padding: 20px 0;
  position: relative;
  width: 100%;
} */
    .footerEnquirySection .formBody .form-group.text-right {
        padding-right: 0px;
    }

    .footerEnquirySection .formBody .BtnSend {
        font-size: 10px;
    }

        .footerEnquirySection .formBody .BtnSend span {
            font-size: 12px;
        }

    .footerLogo {
        text-align: center;
    }

    .footerLink {
        text-align: left;
        padding-top: 20px;
    }

    footer .bottomSection p {
        text-align: left;
    }

    footer .bottomSection ul {
        align-items: center;
        justify-content: flex-end;
    }

    .col-6 {
        width: 100%;
    }

    .owl-carousel.customerReviewSlider .owl-nav button.owl-next, .owl-carousel.customerReviewSlider .owl-nav button.owl-prev {
        top: 0%;
    }

    .bannerSlider .bannerContent h4 {
        font-size: 50px;
    }

    .bannerSlider .bannerContent p {
        font-size: 40px;
        line-height: 30px;
    }

    .aboutRiseSection p {
        max-width: 50%;
    }
}

@media only screen and (max-width: 1140px) {

    .owl-carousel.sportSlider .owl-nav button.owl-prev {
        right: 12%;
    }

    .aboutRiseSection p {
        max-width: 70%;
    }

    .container {
        width: 1000px;
        max-width: 100%;
    }

    .locationMapArea .locatimg, .locationMapArea .locatmap {
        width: 100%;
        float: left;
    }

    .locationMapArea .locatimg {
        height: 700px;
        background: #e4f0f0 url(../img/locateImg.jpg) 100% 0% no-repeat;
        background-size: contain;
        position: relative;
        left: initial;
        top: initial;
    }

    .locationMapArea {
        padding-left: 0;
    }

    .menu a.logo img {
        max-height: 80px;
    }

    .navMenuSection .menu .logo span.partnerMobileView img {
        max-height: 65px;
    }

    .bookingFormContainer .leftPanel {
        width: 30%;
        padding-right: 20px;
    }

    .bookingFormContainer .rightPanel {
        width: 70%;
        float: left;
    }

    .formWizardContainer .form_card {
        width: 90%;
    }

    .bookingFormContainer .leftPanel h4 {
        font-size: 26px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 1024px) {

    .locationArea .siteAddressArea {
        width: 40%;
        padding: 40px;
    }

    .successStorySection {
        padding: 100px 0 100px;
    }

    .sportSlider .bannerContent {
        padding-right: 30%;
        padding: 30px;
    }

    .container {
        width: 900px;
        max-width: 100%;
    }

    .aboutRiseSection {
        margin-top: -100px;
        padding-bottom: 40px;
    }

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

    .aboutSliderSection {
        min-height: 700px;
    }

    .merlinspecsSection ul li .icon img {
        max-width: 45px;
    }

    .merlinspecsSection ul li .txtarea h4 {
        font-size: 14px;
    }

    .navMenuSection, .menu a.logo {
        top: 0;
    }

    .BtnSend {
        font-size: 12px;
        padding: 10px 20px;
        line-height: 18px;
    }

        .BtnSend span {
            font-size: 16px;
            font-weight: 800;
        }

    .enquiryBox {
        width: 320px;
        margin-top: -300px;
    }

        .enquiryBox .formBody {
            padding: 20px 20px 5px;
        }

    .galleryCategories {
        display: block;
    }

        .galleryCategories a {
            display: inline-block;
            margin: 0 2px 4px 0;
        }

    .galleryPlatform ul li {
        width: 50%;
    }

    .r10Academy .contentArea h6 {
        font-size: 50px;
        line-height: normal;
    }

    .lifestyleSection {
        padding: 50px 50px 50px 50px;
    }

    .offerAccordArea .accordion-header .accordion-button {
        font-size: 26px;
    }

    .ronaldinhofa .banerTxt img {
        max-width: 400px;
    }

    .lifestyleSection .txtArea, .lifestyleSection .displayArea {
        width: 100%;
    }

    .sectionTitleArea {
        padding: 0 0%;
    }

        .sectionTitleArea h6 {
            font-size: 60px;
        }

        .sectionTitleArea h4 {
            font-size: 50px;
        }

    .menu a.logo img {
        max-height: 55px;
    }

    .navMenuSection.fixed .topMenuSection {
        padding: 10px 0;
    }

    .navMenuSection.fixed .menu a.logo img {
        max-height: 55px;
    }

    .navMenuSection .menu .logo span.partnerMobileView img {
        max-height: 35px;
    }

    .menu > ul {
        justify-content: center;
    }

    .flatTypeModal .modal-dialog {
        max-width: 80%;
    }
}


@media only screen and (max-width: 959px) {

    .merlinspecsSection ul li .icon img {
        max-width: 100%;
    }

    .merlinspecsSection ul li .txtarea h4 {
        font-size: 16px;
    }

    .owl-carousel.mediaSlider .owl-nav button.owl-next {
        right: 8.5%;
    }

    .owl-carousel.mediaSlider .owl-nav button.owl-prev {
        left: 8.5%;
    }

    .enquiryBox {
        width: 350px;
        margin-top: -92px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        max-width: 100%;
    }

    .enquireNowSection {
        padding: 50px 0;
    }

    .aboutRiseSection {
        margin-top: 0;
    }

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

    .merlinspecsSection ul {
        flex-wrap: wrap;
    }

        .merlinspecsSection ul li {
            width: 50%;
        }

    .bannerSlider .bannerContent h4, .bannerSlider .bannerContent p {
        max-width: 100%;
    }

    .navMenuSection.fixed .topMenuSection {
        padding: 10px 0;
        background: rgb(5 151 206 / 100%);
    }

    .navMenuSection.fixed .menu a.logo {
        top: 5px;
    }

    .showinMobile {
        display: block !important;
    }

    .navMenuSection a.callNowBtn.showinMobile {
        display: flex !important;
        position: absolute;
        left: 200px;
        top: 18px;
        padding: 0 !important;
    }

    .hideOnMobile {
        display: none !important;
    }

    .customerDashboardArea .custDashboardBody ul {
        padding: 0px 20px 20px;
    }

    .applicationProgress {
        margin: 10px 0 40px;
    }

    .bookingFormContainer .leftPanel p {
        margin: 0 0 0px 0;
    }

    .fourZerFour {
        padding: 20px 20px;
    }

        .fourZerFour .thumbnailArea span img {
            max-width: 100%;
        }

    .menu > ul > li:hover, .menu > ul > li a.active, .menu > ul > li a:hover {
        background: transparent;
        color: #fff;
    }

    .bannerRender.FirstBanner {
        padding-top: 77px;
    }

    .navMenuSection.fixed .menu a.logo img {
        max-height: 60px;
    }

    .bannerSection.innerPageBanner {
        height: 400px;
    }

    .contactViewSection .cntactViewInner {
        padding: 20px;
    }

    .contactViewSection.callbackSection .callBackFormArea {
        width: 100%;
    }

    .contactViewSection.callbackSection .locationArea {
        width: 100%;
        margin-top: 30px;
    }

    .aboutDescription .weofferSection {
        padding: 0px 0 20px;
    }

    .weofferSection .thumbsArea {
        width: 100%;
        float: left;
    }

    .weofferSection .contentArea {
        width: 100%;
        float: left;
        padding: 15px 0;
    }

    .applicationKitTicket .priceArea ul li {
        width: 100%;
    }

    .applicationKitTicket .onlineKit, .applicationKitTicket .offlineKit {
        padding: 30px 20px;
    }

    .applicationKitTicket .priceArea ul li:last-child {
        text-align: left;
    }

    .applicationKitTicket .priceArea ul li h4 {
        margin: 0px 0 15px 0;
    }

    .footerLink {
        text-align: center;
    }

    .menu a.logo img {
        max-height: 60px;
    }

    .downloadModal .modal-content {
        padding: 20px;
    }

    .navMenuSection .menu .logo span.partnerMobileView img {
        max-height: 30px;
        padding: 2px;
        margin-left: 5px !important;
    }

    .navMenuSection a.callNowBtn.showinMobile {
        left: 50%;
        top: 15px;
    }

    /* .navMenuSection .topMenuSection {
    display: none;
} */

    .applicationKitArea .headerTitle {
        width: 100%;
        float: left;
        text-align: center;
    }

    .applicationKitArea .pocession {
        padding: 20px 0;
        text-align: center;
        display: block;
        width: 100%;
    }

        .applicationKitArea .pocession p,
        .applicationKitArea .pocession h4,
        .applicationKitArea .processInstruction p,
        .applicationKitArea .processInstruction p.or {
            text-align: center;
            width: 100%;
            float: left;
        }

    .applicationKitArea .processInstruction {
        display: block;
    }

        .applicationKitArea .processInstruction p:last-child {
            text-align: center;
        }

    .sectionTitleArea h4 {
        font-size: 32px;
    }

    .sectionTitleArea {
        padding: 0;
    }

        .sectionTitleArea h6 {
            font-size: 50px;
        }

    .navMenuSection .menu > ul > li.mobileView {
        display: block;
    }

    .navMenuSection .menu .logo span.partnerMobileView {
        display: block;
    }

    .navMenuSection .menu .logo {
        width: auto;
    }

        .navMenuSection .menu .logo img {
            max-width: 100px;
        }

    .navMenuSection .menu .logo {
        align-items: center;
        top: 5px;
    }

    .custDashboardBody {
        padding: 20px;
    }

        .custDashboardBody ul {
            display: block;
        }

            .custDashboardBody ul li {
                width: 100%;
                padding: 0;
                margin-bottom: 10px;
            }

    .flatTypeModal .modal-dialog {
        max-width: 100%;
        margin: 0rem auto;
    }

    .modal-header .btn-close {
        top: 0px;
        right: 0px;
        color: #424242;
    }

    .downloadModal .modal-header .btn-close {
        color: #fff;
    }

    .receiptModal .flat_downloadPlanArea a {
        margin: 5px 5px;
    }

    .formWizardContainer .form_card {
        width: 100%;
    }

    .applicationContentArea {
        /* min-height: calc(100vh - 80px); */
        min-height: 100vh;
        height: 100%;
    }

    .otpSection {
        width: 96.5%;
    }

    .menu-container {
        width: 100%;
    }

        .menu-container .menu {
            display: inline-block;
        }

    .menu-mobile {
        display: block;
        float: right;
        padding: 10px 10px;
        line-height: 30px;
    }
    /* .navMenuSection.fixed .menu-mobile {  
      padding: 0px 10px 0;
    } */
    .menu-dropdown-icon:before {
        display: block;
    }

    .menu > ul, .navMenuSection .topMenuSection ul {
        display: none;
        width: 100%;
    }

        .menu > ul > li {
            width: 100%;
            float: none;
            display: block;
        }

            .menu > ul > li a {
                padding: 1.5em;
                width: 100%;
                display: block;
            }

            .menu > ul > li > ul {
                position: relative;
                padding: 0 40px;
            }

                .menu > ul > li > ul.normal-sub {
                    width: 100%;
                }

                .menu > ul > li > ul > li {
                    float: none;
                    width: 100%;
                    margin-top: 20px;
                }

                    .menu > ul > li > ul > li:first-child {
                        margin: 0;
                    }

                    .menu > ul > li > ul > li > ul {
                        position: relative;
                    }

                        .menu > ul > li > ul > li > ul > li {
                            float: none;
                        }

        .menu .show-on-mobile, .navMenuSection .topMenuSection ul.show-on-mobile {
            display: block;
        }

    .navMenuSection.fixed .menu .show-on-mobile {
        display: block;
        overflow: auto;
        max-height: 80vh;
    }

    .navMenuSection.fixed .menu .show-on-mobile,
    .navMenuSection .menu .show-on-mobile {
        padding-top: 30px;
    }

    .navMenuSection .topMenuSection ul li a {
        padding: 0.2em 0em;
    }

    .navMenuSection .topMenuSection ul li {
        padding: 0px 0px 10px;
    }

        .navMenuSection .topMenuSection ul li:last-child {
            padding: 0px;
        }

    .locateCenterArea .cntactViewInner {
        padding: 200px 20px 20px;
    }

    .locateCenterArea .submissionApplication h4 {
        font-size: 18px;
        font-weight: 500;
        margin: 0px 0 0px 0;
        line-height: normal;
    }

    .centerContactNo a {
        font-size: 20px;
        padding: 20px;
    }
}

@media only screen and (max-width: 840px) {

    .socialSection {
        padding: 40px 0;
    }

    .bannerSlider .bannerContent, .bannerSlider .bannerContent p {
        text-align: center;
    }

        .bannerSlider .bannerContent p {
            font-size: 28px;
            line-height: 30px;
            margin: 0 0 20px 0;
        }

        .bannerSlider .bannerContent a {
            padding: 8px 15px;
        }

    .container {
        width: 100%;
        max-width: 100%;
        padding: 0 30px;
    }

    .otpSection {
        width: 96%;
    }

    .sportSlider .bannerContent {
        padding: 20px 20px 30px;
        padding-right: 20%;
    }

        .sportSlider .bannerContent h4 {
            font-size: 26px;
        }

    .sportSlider.owl-carousel .owl-stage-outer::after {
        content: initial;
    }

    .owl-carousel.sportSlider .owl-nav button.owl-next, .owl-carousel.sportSlider .owl-nav button.owl-prev {
        top: -60px;
    }

    .owl-carousel.sportSlider .owl-nav button.owl-next {
        right: 30px;
    }

    .owl-carousel.sportSlider .owl-nav button.owl-prev {
        right: initial;
        left: 30px;
    }

    .sportsAssociationSection {
        padding: 0;
    }

    .successStorySection {
        padding: 80px 0 80px;
    }

    .customerReviewSection {
        padding: 50px 0 0;
    }

    .owl-carousel.customerReviewSlider .owl-nav button.owl-next, .owl-carousel.customerReviewSlider .owl-nav button.owl-prev {
        top: -60px;
    }

    .owl-carousel.customerReviewSlider .owl-nav button.owl-prev {
        right: initial;
        left: 0px;
    }

    .owl-carousel.customerReviewSlider .owl-nav button.owl-next {
        right: 0px;
    }

    .customerReviewSlider .bannerContent {
        padding: 30px;
    }

        .customerReviewSlider .bannerContent h4 {
            font-size: 20px;
        }

        .customerReviewSlider .bannerContent p {
            font-size: 14px;
        }

    .aboutSlider .bannerContent {
        width: 70%;
        padding: 20px;
    }

        .aboutSlider .bannerContent h4 {
            font-size: 30px;
            line-height: 25px;
        }

            .aboutSlider .bannerContent h4 span {
                font-size: 20px;
                margin: 0px 0 20px 0;
            }

        .aboutSlider .bannerContent p {
            font-size: 12px;
            line-height: 16px;
        }

    .aboutSliderSection {
        min-height: 600px;
        padding-top: 300px;
    }
}

@media only screen and (max-width: 767px) {

    a.callNowBtn .iconArea img {
        width: 32px;
    }

    .yu2fvl-close {
        width: 22px;
        height: 22px;
        top: -30px;
        right: 0px;
    }

    .navMenuSection .topMenuSection ul li {
        border-right: none;
        padding: 0px 0px 5px;
    }

        .navMenuSection .topMenuSection ul li:last-child {
            border-top: 1px solid rgb(255 255 255 / 30%);
        }

        .navMenuSection .topMenuSection ul li:first-child {
            padding: 0px;
        }

    .downloadModal .modal-header .btn-close {
        color: #000;
        top: 0px;
    }

    .flatTypeModal .modal-dialog {
        width: 100%;
    }

    .footerLink ul li {
        width: 100%;
        margin-top: 8px;
    }

    .owl-carousel.aboutSlider .owl-nav button.owl-next, .owl-carousel.aboutSlider .owl-nav button.owl-prev, .owl-carousel.sportSlider .owl-nav button.owl-next, .owl-carousel.sportSlider .owl-nav button.owl-prev, .owl-carousel.customerReviewSlider .owl-nav button.owl-next, .owl-carousel.customerReviewSlider .owl-nav button.owl-prev, .owl-carousel.mediaSlider .owl-nav button.owl-next, .owl-carousel.mediaSlider .owl-nav button.owl-prev {
        width: 30px;
        height: 30px;
    }

    .owl-carousel.aboutSlider .owl-nav button.owl-next, .owl-carousel.aboutSlider .owl-nav button.owl-prev {
        top: 40%;
        transform: translateY(-40%);
    }

    .owl-carousel.aboutSlider .owl-nav button.owl-next {
        right: 0px;
    }

    .owl-carousel.aboutSlider .owl-nav button.owl-prev {
        right: initial;
        left: 0px;
    }

    .owl-carousel.sportSlider .owl-nav button.owl-next {
        right: 15px;
    }

    .owl-carousel.sportSlider .owl-nav button.owl-prev {
        right: initial;
        left: 15px;
    }

    .vidSec .videoPlaylist img {
        height: 80px;
    }

    footer {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .hideonMobile {
        display: none !important;
    }

    .bannerSlider .bannerContent {
        top: 40%;
        transform: translateY(-40%);
    }

    .comingSoonGraphics a.CTABtn {
        padding: 15px 40px;
        font-size: 12px;
    }

        .comingSoonGraphics a.CTABtn span {
            font-size: 18px;
            font-weight: 900;
        }

    .floatedBtn {
        display: none;
    }

    .navMenuSection {
        position: relative;
    }

    .bannerSlider .bannerContent {
        padding: 0 20px;
    }

    footer .bottomSection p {
        text-align: center;
    }

    .locationArea .siteAddressArea {
        width: 100%;
        padding: 30px 0;
        position: relative;
        box-shadow: none;
    }

    .aboutSlider .bannerContent {
        width: 100%;
        padding: 25px 30px;
        position: relative;
    }

    .enquiryBox {
        width: 400px;
        margin-top: -50px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        max-width: 100%;
    }

    .enquireNowSection {
        padding: 30px 0;
    }

    .aboutSliderSection {
        min-height: 600px;
        padding-top: 150px;
    }

    .mediaSlider.owl-carousel .owl-item {
        padding-top: 0%;
        opacity: 0.5;
    }

        .mediaSlider.owl-carousel .owl-item img {
            width: 100%;
        }

    .owl-carousel.mediaSlider .owl-nav button.owl-prev {
        left: 15px;
    }

    .owl-carousel.mediaSlider .owl-nav button.owl-next {
        right: 15px;
    }

    .mediaSliderSection {
        padding: 0px 0 80px;
    }

    .comingsoonSection {
        padding: 50px 0;
    }

    .owl-carousel.customerReviewSlider .owl-item img {
        width: 100%;
        max-width: 100%;
    }

    .customerReviewSlider .bannerContent {
        padding: 20px;
        width: 100%;
        position: relative;
    }

    .owl-carousel.customerReviewSlider .owl-nav button.owl-next, .owl-carousel.customerReviewSlider .owl-nav button.owl-prev {
        top: 35%;
        transform: translateY(-35%);
    }

    .owl-carousel.customerReviewSlider .owl-nav button.owl-next {
        right: -10px;
    }

    .owl-carousel.customerReviewSlider .owl-nav button.owl-prev {
        right: initial;
        left: -10px;
    }

    .video-background {
        background: #034694 url("../img/video-bg-mobile.jpg") 50% 50% no-repeat;
        background-size: cover;
    }

    .video-foreground {
        display: none;
    }


    /*----- 25/02/22 // start-----*/
    .allotmentArea .buildingArea,
    .allotmentArea .parkingArea {
        width: 100%;
        float: left;
        margin: 0 0 10px 0;
    }

        .allotmentArea .buildingArea p, .allotmentArea .parkingArea p {
            width: 70%;
        }

    .allotmentArea {
        padding: 15px 15px 15px;
    }
    /*----- 25/02/22 // end-----*/

    .userGuideArea ul,
    .customerDashboardArea .custDashboardBody .userGuideArea ul {
        justify-content: center;
    }

        .userGuideArea ul li, .customerDashboardArea .custDashboardBody .userGuideArea ul li {
            margin: 0;
        }

    .menu > ul > li > ul.sportsArena li h4::after {
        height: 2px;
    }

    .customerDashboardArea .custDashboardBody ul,
    .custDashboardBody .downloadArea, .custDashboardBody .noteArea {
        padding: 20px 20px 20px;
    }

    .successfulApplication {
        padding: 20px 20px;
    }

        .successfulApplication h4 {
            font-size: 26px;
            line-height: normal;
        }

    .custDashboardBody ul li a img {
        width: 20%;
    }

    .custDashboardBody ul li a span {
        width: 80%;
    }

    .custDashboardBody .ThankyouMessageSection {
        padding: 50px 30px 80px;
    }

        .custDashboardBody .ThankyouMessageSection h4 {
            font-size: 80px;
        }

        .custDashboardBody .ThankyouMessageSection h6 {
            font-size: 36px;
            line-height: normal;
        }

    .modal .modal-content {
        padding: 20px;
    }

    .flatAreaDetails ul li {
        width: 100%;
        padding: 5px 0px;
    }

    a.viewDetailsBtn {
        font-size: 13px;
        padding: 0 10px 0 0;
    }

    .renderContentSection {
        padding: 30px 0;
    }

    .sportsAcademy .banerTxt img {
        max-width: 75%;
    }

    .bannerSection.sportsAcademy {
        height: 500px;
    }

    .bannerSection.ronaldinhofa {
        height: 500px;
    }

    .sectionTitleArea h6 {
        font-size: 40px;
        line-height: normal;
    }

    .r10Academy .contentArea h6 {
        font-size: 30px;
        line-height: normal;
    }

    .bannerSection.mma {
        background-position: 80% 50%;
    }

    .bannerSection.yca {
        background-position: 35% 50%;
    }

    .offerAccordArea .accordion-header .accordion-button {
        font-size: 20px;
    }

    .r10Academy .contentArea h4 {
        margin-bottom: -10px;
    }

    .weofferSection .contentArea h4 {
        font-size: 40px;
    }

    .aboutDescription .specialProgramHeader h6 {
        font-size: 32px;
        font-weight: 500;
        line-height: normal;
        text-transform: none;
    }

    .aboutSection .sectionTitleArea {
        padding: 0 15px;
    }

    .masterplanSection {
        padding: 0px 0px;
    }

    .sectionTitle h4.stripe {
        margin: 0px 0 10px 0;
        padding: 0px 0 10px 0;
        position: relative;
        text-align: center;
    }

        .sectionTitle h4.stripe::after {
            left: 50%;
            transform: translateX(-50%);
        }

    .masterplanSection {
        text-align: center;
    }

        .masterplanSection a.downloadBtn {
            display: inline-block;
            float: none;
            text-transform: uppercase;
            margin: 10px 0 20px 0;
        }

    .sectionTitleArea h4 {
        line-height: normal;
    }

    .contactViewSection .container,
    .locationListSection .container {
        width: 100%;
    }

    .locationCenterLists li {
        width: 100%;
    }

        .locationCenterLists li:nth-child(2n) {
            border-left: 1px solid #d5d5d5;
        }

    .banerTxt h4 {
        font-size: 60px;
    }

    .applicationKitTicket .FlowChartArea {
        width: 100%;
        border-radius: 0px 0px 20px 20px;
        border-left: none;
    }

    .floatedBtn a img {
        width: 35px;
    }

    .otpInputArea {
        padding: 15px 0;
    }

    .bookingFormContainer {
        padding: 20px 10px 100px;
    }

    .form_card {
        padding: 20px 20px;
    }

    .bookingFormContainer .leftPanel {
        width: 100%;
        padding-right: 0;
    }

    .bookingFormContainer .rightPanel {
        width: 100%;
    }

    .rightPanel.scroller {
        height: auto;
        overflow-y: initial;
    }

    .bookingFormContainer .submitButtonArea {
        padding: 0 20px 10px;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .choseTypeSection {
        padding: 10px 0;
        margin: 0px 0 0px;
    }

    .submitButtonArea a.submitBtn, .submitButtonArea a.prntBtn {
        display: block;
        text-align: center;
        margin-top: 15px;
        width: 50%;
        float: left;
    }


    .applicationContentArea a.submitBtn {
        display: block;
        text-align: center;
        margin-bottom: 15px;
    }

    .applicationFormArea {
        background: #fff;
        padding: 20px 20px 0;
    }

    .otpSection.open {
        padding: 20px 20px 10px;
    }

    .onlineFlowChartArea {
        background: #ebf5f9;
        border-top: 1px dashed #c5d2d7;
        padding: 20px 20px 10px;
    }

    .otpSection {
        width: 100%;
        margin: 0px;
    }

    .applicationKitBuyArea .headerArea .partnerLogo li img {
        max-height: 40px;
    }

    .applicationContentArea {
        padding: 20px 20px;
    }

    footer .bottomSection ul {
        flex-wrap: wrap;
    }

        footer .bottomSection ul li {
            width: 100%;
            text-align: center;
        }

            footer .bottomSection ul li a,
            footer .bottomSection ul li {
                font-size: 12px;
            }

    .footerLink h4 {
        font-size: 20px;
    }

    .compareTableArea, .compareTableArea .header {
        padding: 0px 0;
    }

        .compareTableArea .header li {
            padding: 15px 10px 15px 0;
        }

            .compareTableArea .header li h4 {
                font-size: 12px;
                font-weight: 500;
            }

        .compareTableArea .content ul {
            border-bottom: 1px solid #d8e5ea;
        }

        .compareTableArea .content li {
            padding: 10px 10px 10px 0;
            border: none;
        }

            .compareTableArea .content li p {
                font-size: 12px;
                font-weight: 400;
                line-height: 20px;
            }

    .emiLists ul {
        align-items: flex-start;
        flex-wrap: wrap;
    }

        .emiLists ul li {
            width: 50%;
            padding: 10px 10px 10px 0;
        }

            .emiLists ul li h4 {
                font-size: 20px;
                line-height: 20px;
            }

                .emiLists ul li h4 span {
                    font-size: 12px;
                    line-height: 16px;
                }

    .flatTypeEmi h4 {
        padding: 0 0 10px 0;
        margin: 0 0 0px 0;
        font-size: 14px;
    }

    .emiDetailsSection::after {
        height: 60px;
        bottom: 45px;
    }

    .amenitiesTitle h4, .lifestyleSection .txtArea h4, .amenitiesDetailsSection .titleArea h4, .sectionTitle h4, .pmaySection h4, .applicationKitArea .headerTitle h4 {
        font-size: 24px;
        line-height: 24px;
    }

        .sectionTitle h4 span,
        .amenitiesDetailsSection .titleArea p,
        .amenitiesTitle h4 span {
            font-size: 14px;
        }

    .flatRateTable ul li .type h4, .flatRateTable ul li .price h4 {
        font-size: 20px;
        line-height: 20px;
    }

        .flatRateTable ul li .type h4 span, .flatRateTable ul li .price h4 span {
            font-size: 12px;
        }

    .flatRateTable {
        padding: 15px;
    }

    .flatRateSection {
        padding: 0 0px;
    }

    .amenitiesDetailsSection .descriptionArea ul li h4 {
        font-size: 20px;
    }

    a.viewmoreBtnLarge {
        font-size: 14px;
    }

        a.viewmoreBtnLarge i {
            font-size: 16px;
            line-height: 22px;
        }

    .applicationKitTicket .onlineKit, .applicationKitTicket .offlineKit {
        width: 100%;
        float: left;
        padding: 30px;
        text-align: center;
    }

    .applicationKitTicket .priceArea ul li:last-child {
        text-align: center;
    }


    .applicationKitTicket::before,
    .applicationKitTicket::after {
        content: initial;
    }

    .navMenuSection .bottomMenuSection {
        background: rgb(5 151 206 / 95%);
    }

    .menu > ul > li a {
        padding: 1em 1.5em 1em 0.5em;
    }

    .menu > ul > li > ul {
        padding: 20px;
    }

        .menu > ul > li > ul.normal-sub > li {
            margin-top: 0;
        }

        .menu > ul > li > ul.township li.half {
            width: 100%;
            display: block;
            align-items: center;
            float: left;
        }

        .menu > ul > li > ul.township li .description {
            width: 60%;
            float: left;
            padding: 0px 0;
        }

        .menu > ul > li > ul.township li .list {
            width: 40%;
            float: left;
            padding: 0 20px;
        }

        .menu > ul > li > ul.sportsArena li {
            width: 50%;
            float: left;
            padding: 20px 10px 0;
        }

            .menu > ul > li > ul.township li .description h4,
            .menu > ul > li > ul.sportsArena li h4 {
                font-size: 24px;
                font-weight: 500;
                color: #2c2c2c;
                margin: 0px 0 10px 0;
                padding: 0px 0 10px 0;
                line-height: 24px;
            }

    .container, .container-sm {
        max-width: 100%;
        width: 100%;
        padding: 0 20px;
    }

    .customerLogin .applicationFormArea {
        padding: 20px 20px;
    }

    /* .navMenuSection .topMenuSection{
      display: none;
    } */
    .menu a.logo {
        width: 12%;
        top: 5px;
    }

    .lifestyleSection {
        padding: 50px 10px;
    }

        .lifestyleSection .txtArea {
            width: 100%;
            padding: 0px;
        }

        .lifestyleSection .displayArea {
            width: 100%;
        }

    .accordianBanner .bannerBox {
        height: 50vh;
    }

        .accordianBanner .bannerBox .bbContent {
            padding: 0 15px;
        }
}

@media only screen and (max-width: 640px) {
    .sw > .nav {
        flex-direction: row !important;
    }

    .bookingFormContainer .leftPanel p {
        font-size: 12px;
        line-height: 18px;
    }

    .menu a.logo img {
        max-height: 50px;
    }

    .navMenuSection a.callNowBtn.showinMobile {
        left: 180px;
        top: 8px;
    }

    .menu-mobile {
        padding: 5px 5px;
        line-height: 28px;
    }

    .navMenuSection.fixed .menu a.logo img {
        max-height: 50px;
    }

    .bannerSlider .bannerContent h4 {
        font-size: 30px;
    }

    .bannerSlider .bannerContent p {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 10px 0;
    }

    .bannerSlider .bannerContent a {
        padding: 5px 10px;
        font-size: 10px;
    }

    .enquiryBox {
        margin-top: -40px;
        width: 100%;
    }

    .owl-carousel.bannerSlider .owl-nav button.owl-next, .owl-carousel.bannerSlider .owl-nav button.owl-prev {
        width: 25px;
        height: 50px;
    }

    .aboutRiseSection h4 {
        font-size: 28px;
    }

    .merlinspecsSection ul li {
        width: 100%;
    }

        .merlinspecsSection ul li::after {
            content: initial;
        }

    .successStorySection {
        padding: 50px 0 0;
    }

    .comingSoonGraphics a.CTABtn {
        padding: 14px 30px;
        font-size: 11px;
        line-height: normal;
    }

        .comingSoonGraphics a.CTABtn span {
            font-size: 16px;
            font-weight: 700;
        }

    .sectionTitleArea h6 {
        font-size: 46px;
        line-height: normal;
    }

    .sectionTitleArea h4 {
        font-size: 22px;
    }

    .comingsoonSection .sectionTitleArea h6 {
        margin-bottom: 30px;
    }

    .vidSec {
        height: 600px;
    }

    .socialSection ul li {
        font-size: 16px;
        padding: 0px 5px;
    }

        .socialSection ul li a img {
            max-width: 30px;
        }
}

@media only screen and (max-width: 540px) {


    .userGuideArea {
        padding: 0px 0px;
    }

    .menu > ul > li > ul.sportsArena li {
        width: 100%;
        float: left;
        padding: 15px 10px 0;
    }

    .locationMapArea .locatimg {
        height: 400px;
    }

    .applicationKitSection .displayThumb a.applyBtn img {
        max-width: 200px;
    }

    .submitButtonArea a.submitBtn, .submitButtonArea a.prntBtn {
        margin-top: 5px;
        width: 100%;
    }

    .bookingFormContainer {
        padding: 20px 10px 150px;
    }

    a.downloadBtn {
        padding: 10px 15px;
        font-size: 13px;
    }

        a.downloadBtn i {
            font-size: 18px;
        }

    .menu a.logo {
        width: 20%;
        top: 5px;
    }

    .menu > ul > li > ul.township li .description h4, .menu > ul > li > ul.sportsArena li h4 {
        font-size: 20px;
    }
    /* .menu > ul > li > ul.sportsArena li p{
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
  } */
    .accordianBanner .bannerBox .bbContent strong {
        font-size: 24px;
    }

    .accordianBanner .bannerBox .bbBtn, .accordianBanner .bannerBox .bbpMoreBtn {
        width: 60px;
        height: 60px;
        padding-top: 0;
    }

        .accordianBanner .bannerBox .bbBtn i, .accordianBanner .bannerBox .bbpMoreBtn i {
            font-size: 30px;
            line-height: 60px;
        }
}

@media only screen and (max-width: 480px) {

    .applicationKitSection .displayThumb a.applyBtn img {
        max-width: 150px;
    }

    .locationMapArea .locatimg {
        height: 300px;
    }

    .accordianBanner .bannerBox .bbContent p {
        font-size: 11px;
        line-height: 18px;
    }

    .accordianBanner .bannerBox .bbContent {
        bottom: 50px;
    }

    .accordianBanner .bannerBox .bbBtn, .accordianBanner .bannerBox .bbpMoreBtn {
        width: 40px;
        height: 40px;
    }

        .accordianBanner .bannerBox .bbBtn i, .accordianBanner .bannerBox .bbpMoreBtn i {
            font-size: 24px;
            line-height: 40px;
        }

    a.savedApplicationBtn {
        display: block;
        position: relative;
        right: initial;
        top: initial;
        margin-bottom: 15px;
    }

    .form_card {
        padding: 20px 5px 10px;
    }

    .cardHeader.sticky [type="checkbox"] + span:not(.lever) {
        font-size: 0.75rem;
        padding-left: 24px;
    }

    .wizardHeaderArea li a, .sw.sw-justified > .nav .nav-link {
        padding: 0 15px;
    }

    h4.fieldTitle {
        font-size: 12px;
    }

    .cardHeader {
        margin: 10px 0;
    }
}

@media only screen and (max-width: 375px) {
    .bookingFormContainer {
        padding: 20px 0px 150px;
    }
}