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

  .owl-carousel.sportSlider .owl-nav button.owl-next,
  .owl-carousel.mediaSlider .owl-nav button.owl-next{
    right: 11%;
  }
  .owl-carousel.sportSlider .owl-nav button.owl-prev,
  .owl-carousel.mediaSlider .owl-nav button.owl-prev{
    right: 15%;
}

  .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) {

  .container {
    width: 1280px;
    width: 80%;
    max-width: 100%;
}
  .owl-carousel.sportSlider .owl-nav button.owl-next,
  .owl-carousel.mediaSlider .owl-nav button.owl-next{
    right: 11%;
  }
  .owl-carousel.sportSlider .owl-nav button.owl-prev,
  .owl-carousel.mediaSlider .owl-nav button.owl-prev{
    right: 15%;
    left: initial;
}

  .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,
  .owl-carousel.mediaSlider .owl-nav button.owl-next{
    right: 11%;
  }
  .owl-carousel.sportSlider .owl-nav button.owl-prev,
  .owl-carousel.mediaSlider .owl-nav button.owl-prev{
    right: 15%;
    left: initial;
}

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

  .container {
    width: 1100px;
    width: 80%;
    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: 11%;
}
/* .owl-carousel.mediaSlider .owl-nav button.owl-prev {
  left: 15%;
} */
  .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,
  .owl-carousel.mediaSlider .owl-nav button.owl-prev{
    right: 12%;
}
  .aboutRiseSection p {
    max-width: 70%;
}
  .container {
    width: 1000px;
    width: 90%;
    max-width: 100%;
}
.owl-carousel.sportSlider .owl-nav button.owl-next, .owl-carousel.mediaSlider .owl-nav button.owl-next {
  right: 6%;
}
.owl-carousel.sportSlider .owl-nav button.owl-prev, .owl-carousel.mediaSlider .owl-nav button.owl-prev {
  right: 11%;
}
  .locationMapArea .locatimg, .locationMapArea .locatmap {
    width: 100%;
    float: left;
}
.locationMapArea .locatimg{
  height: 700px;
  background: #e4f0f0 url(../img/locateImg.html) 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) {
  
  .enquiryBox .formSubmitButtons .BtnSend{
    margin: 0 2px;
    padding: 10px 10px;
    line-height: 18px;
  }
  .enquiryBox .formSubmitButtons .BtnSend span{
    line-height: 21px;
    font-size: 14px;
    font-weight: 800;
  }
  .planViewInner ul {
    flex-wrap: wrap;
}
.planViewInner ul li{
  margin: 0.5% 0;
  width: 100%;
  padding: 20px;
}
.amenitiesTabSection .tab-content .tab-pane{
  padding: 50px 0;
}
.gallerySection,.SpecificSection,.amenitiesSection{
  padding: 50px 0;
}
.planPricingSection{
  padding: 50px 0 100px;
}

  .locationArea .siteAddressArea{
    width: 40%;
    padding: 40px;
  }
  .successStorySection{
    padding: 100px 0 100px;
  }
  .sportSlider .bannerContent{
    padding-right: 30%;
    padding: 30px;
  }
  .container {
    width: 900px;
    width: 90%;
    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: 90px;
  }
  .navMenuSection .menu .logo span.partnerMobileView img{
    max-height: 60px;
    margin-top: 15px;
  }
  .navMenuSection.fixed .menu .logo span.partnerMobileView img {
    max-height: 61px;
    margin-top: 0px;
}
  .menu > ul{
    justify-content: center;
  }
  .flatTypeModal .modal-dialog{
    max-width: 80%;
  }


}


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

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

  .merlinspecsSection ul li .icon img {
    max-width: 100%;
}
.merlinspecsSection ul li .txtarea h4 {
  font-size: 16px;
}
.owl-carousel.sportSlider .owl-nav button.owl-next, .owl-carousel.mediaSlider .owl-nav button.owl-next {
  right: 6%;
}
.owl-carousel.sportSlider .owl-nav button.owl-prev, .owl-carousel.mediaSlider .owl-nav button.owl-prev {
  right: initial;
  left: 6%;
}
.owl-carousel.sportSlider .owl-nav button.owl-next, .owl-carousel.sportSlider .owl-nav button.owl-prev{
  top: -15%;
}
/* .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: 0px;
}
  .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: 90px;
  }
  .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: 60px;
    padding: 2px;
    margin-left: 0px !important;
    margin-top: -18px;
  }
  .navMenuSection.fixed .menu .logo span.partnerMobileView img {
    margin-top: -14px;
}
  .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: 150px;
  }
  .navMenuSection .menu .logo{
    align-items: center;
    top: 0px;
  }

  .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,
  .specificationModal .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) {
    

    .menu a.logo img {
      max-height: initial;
  }
  .navMenuSection .menu .logo img {
    max-width: 150px;
}
    .navMenuSection .topMenuSection{
      padding: 10px 0;
    }
    .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,
    .owl-carousel.mediaSlider .owl-nav button.owl-next, .owl-carousel.mediaSlider .owl-nav button.owl-prev{
      top: -60px;
    }
    .owl-carousel.sportSlider .owl-nav button.owl-next,
    .owl-carousel.mediaSlider .owl-nav button.owl-next{
      right: 30px;
  }
  .owl-carousel.sportSlider .owl-nav button.owl-prev,
  .owl-carousel.mediaSlider .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;
}
.video-background {
  position: absolute;
  background-color: #fff;
}
.video-foreground {
  width: 100%;
  left: 0;
}

  }

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

    .planBhkSection .merlinspecsSection ul li {
        width: 100%;
    }
    .planBhkSection .merlinspecsSection{
      padding: 0px;
    }
    .planViewInner ul li{
      margin: 0 0.5%;
    }
    .specificationModal .modal-header .btn-close{
      color: #000000;
      top: 0;
    }
    .specificationModal .modal-body{
      padding: 0px;
    }
    .planBhkSection .twoBhkArea, .planBhkSection .threeBhkArea{
      width: 100%;
      float: left;
      padding: 50px 30px;
      border-radius: 20px;
      margin: 1% 0;
    }
    .planBhkSection .threeBhkArea::before,
    .planBhkSection .threeBhkArea::after{
      content: initial;
    }
    .amenitiesTabSection .iconSets ul li {
      padding: 10px 10px;
      width: 50%;
  }
  .mediaActionSection .ActButtonArea ul, .ActButtonArea ul{
    flex-wrap: wrap;
  }
    .customerReviewsArea .videoPlaylist i{
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
    }
    .mediaActionSection .ActButtonArea ul li, .ActButtonArea ul li {
      padding: 10px 0px;
    width: 100%;
  }
  .comingSoonGraphics a.CTABtn, a.CTABtn{
    font-size: 14px;
    font-weight: 500;
    padding: 23px 30px 20px;
    line-height: 22px;
    display: block;
  }
  .comingSoonGraphics a.CTABtn span, a.CTABtn span {
    font-size: 18px;
    font-weight: 700;
}

    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: #fff;
      top: 10px;
      right: 15px;
  }
    .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,
  .owl-carousel.mediaSlider .owl-nav button.owl-next{
    right: 15px;
}
.owl-carousel.sportSlider .owl-nav button.owl-prev,
.owl-carousel.mediaSlider .owl-nav button.owl-prev{
  right: initial;
  left: 15px;
}

    .vidSec .videoPlaylist img {
      height: 80px;
      width: 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;
  }
  .downloadModal .enquiryBox .formBody {
    padding: 30px 30px;
}
    /* .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.webp") 50% 50% no-repeat;
  background-size: cover;
  position: absolute;
}
.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: 75px;
  }
  .navMenuSection .menu .logo span.partnerMobileView img{
    max-height: 40px;
    margin-top: -10px;
  }
  .navMenuSection a.callNowBtn.showinMobile {
    left: 230px;
    top: 8px;
}

  .menu-mobile {
    padding: 5px 5px;
    line-height: 28px;
}
.navMenuSection.fixed .menu a.logo img {
  max-height: 80px;
}
.navMenuSection.fixed .menu .logo span.partnerMobileView img {
  max-height: 40px;
  margin-top: -15px;
}
.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) {


    .navMenuSection.fixed .menu a.logo img {
      max-height: 70px;
  }
  .navMenuSection.fixed .menu .logo span.partnerMobileView img {
    max-height: 30px;
    margin-top: -10px;
}
    .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) {

    .navMenuSection a.callNowBtn.showinMobile {
      left: 190px;
      top: 8px;
  }
    .navMenuSection .menu .logo span.partnerMobileView img {
      max-height: 30px;
      margin-top: -10px;
  }
    .container, .container-sm {
      padding: 0 15px;
  }
    .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;
  }
  .menu a.logo img {
    max-height: 62px;
}
.navMenuSection a.callNowBtn.showinMobile {
  left: 190px;
  top: 8px;
}
a.callNowBtn.showinMobile .iconArea img{
  display: none;
}
  
}

@media only screen and (max-width: 360px) {
.navMenuSection.fixed .menu a.logo img {
  max-height: 60px;
}
.navMenuSection a.callNowBtn.showinMobile {
  left: 170px;
  top: 8px;
}

}