@media screen and (max-width:1700px){

  html{font-size: 50%;}
  .section-thank p{font-size: 20px;}
  .footer .mt-70{margin-top: 12.5rem;}

}



@media screen and (max-width:1500px){

  html {font-size: 45%;}

  .navbar .brand-logo{width: 8%;}
  .navbar .navlist .nav-item{font-size: 18px;}
  .navbar .brochure{font-size: 18px;}

  .sec-banner .right-box{top: 10%;right: 16rem;}
  .sec-banner .inner-contain{top: 66%;}
  
  .sec-banner .left-box .btn-box .lbox-btn p{font-size: 17px;}
  
  /* .overview-sec {padding: 25px 0 61px 0;} */
  .overview-sec .overview-circle .project{width: 22.5rem;height: 22.5rem;}
  .overview-sec .overview-circle{padding: 0 5%;}

  .amenities-sec .amenities-right .s-line{height: 20.3rem;}

  .sec-booking .inner-contain .text-box {width: 25%;}
  .sec-booking .inner-contain .booking-form {width: 75%;}
  .spec-tooltip{font-size: 18px;}

  .connectivity-section .connectivity-l-box .connectivity-inner-box:before{left: 12.5rem;width: 3px;}
  .connectivity-inner-box .acrd-row:nth-child(3) .acrd-heading:before{background-size: 53% !important;}
  .connectivity-inner-box .acrd-row:nth-child(2) .acrd-heading:before{background-size: 43% !important;}
  .slick-next {right: -1rem;}
  .gallery-sec .slick-prev {left: -6rem;}

  .sticky-box .enq-call{padding: 20px;}

  .footer .foot-grp p,.footer .foot-grp a{font-size: 13px;}
  .footer .mt-70 {margin-top: 14rem;}
  .footer{padding: 5rem 10rem;}
  .footer .foot-grp {margin-left: 5rem;}
  .footer .foot-grp .foot-heading{font-size: 15px;}

  .slick-next::after {border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid rgb(255, 255, 255);left: 13px;top: 9px;}
  .slick-prev::after {border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 6px solid rgb(255, 255, 255);left: 11px;top: 9px;}
  .section-thank p{font-size: 18px;}
  

}

@media screen and (max-width: 1350px){

  .overview-sec .overview-circle {padding: 2% 0%;}

  .footer .footer-container{grid-template-columns: 30% 25% 22% 23%;}

  /* .sticky-box{right: -9%;} */
  .sticky-box .enq-box {padding: 2.5rem 4rem;transform-origin: 3.6rem 3.6rem;}
  .sticky-box .enq-call {padding: 18px;width: 52px;}
  .sticky-box .enq-whatsapp{padding: 15px;width: 54px;}

}


@media screen and (max-width:1279px){
  html {font-size: 42%;}

  /* .sticky-box {
    right: -10.5%;
} */

  .navbar .navlist .nav-item {
      font-size: 16px;
  }
  .navbar .brochure {
      font-size: 16px;
  }

  .sec-banner .left-box .btn-box .lbox-btn p {font-size: 15px;}
  .connectivity-section .add-box p{font-size: 15px;}
  
  .sec-banner .left-box .btn-box .lbox-btn svg{width: 33px;}
  .sec-banner .right-box .top h3{font-size: 22px;}
  .sec-banner .right-box .bottom p {font-size: 16px;}
  .sec-banner .right-box .mid .child{margin-top: 9.5px;border-radius: 5px;padding: 7px 15px;}
  .sec-banner .right-box {top: 6%;padding: 14px 27px;}
  .sec-booking .inner-contain .text-box {width: 31%;}
  .sec-booking .inner-contain .booking-form {width: 69%;}
  
  .overview-sec .location-btn{margin-top: 10px;}

  .spec-tooltip{font-size: 16px;}
  .sec-booking .inner-contain{padding: 3.15rem 6.6rem;}
  .sec-booking .inner-contain .booking-form input{height: 40px;padding: 12px}
  .sec-booking .inner-contain .booking-form button{height: 40px;}

  .overview-sec .overview-row .overview-right{margin-right: 0;}
  .overview-sec .overview-circle .project {width: 21.5rem;height: 21.5rem;margin-left: 3.7rem;}
  .overview-sec .overview-circle .project:first-child .icon-box img{height: 43px;width: 33px;}
  .overview-sec .overview-circle .project .icon-box img{width: 35px;}

  .gallery-sec .slick-next {right: -5rem;}
  .gallery-sec .slick-prev {left: -4rem;}

  /* .spec-tooltip{width: 300px;} */
  .specification-sec .spec-row .spec-box p{font-size: 2.4rem;}
  .specification-sec {padding: 4.7rem 0 0;}
  .features-sec .features-box .font-2{font-size: 4.9rem;}
  .connectivity-section .connectivity-row .connectivity-r-box {width: 50%;}
  .connectivity-section .connectivity-l-box {width: 50%;padding-right: 0;}

  .acrd-heading:before {background-size: 4rem !important;width: 4.8rem !important;height: 4.8rem !important;left: -12rem;}
  .connectivity-section .connectivity-l-box .connectivity-inner-box{padding-left: 17rem;}
  .connectivity-section .connectivity-l-box .connectivity-inner-box:before {left: 9rem;}
  .connectivity-section .connectivity-l-box .connectivity-inner-box .acrd-row {margin-top: 8rem;}
/* .connectivity-section {
padding: 6.9rem 0 8.5rem 0;
} */
.footer {
padding: 5rem 8rem;
}
.footer .footer-container {
grid-template-columns: 25% 25% 24% 26%;
}
.footer .foot-grp p, .footer .foot-grp a {
font-size: 12px;
}
.footer .foot-grp .foot-heading {
font-size: 14px;
}
.footer .foot-logo{width: 100px;display: block;}

.section-thank p{font-size: 16px;}
.sec-banner .left-box .btn-box .lbox-btn{padding: 7px 20px;}
.sec-banner .inner-contain {top: 61%;}
.sec-banner .right-box .top p{font-size: 12px;}
.footer .mt-70 {
  margin-top: 12rem;
}


}





@media screen and (max-width:1023px){

html {
font-size: 38%;
}

.s-container{width: 90%;}
.register-form .section-form .input-box input{font-size: 16px;line-height: 16px;}
.connectivity-section .add-box p{font-size: 13px;}


.navbar .navlist{display: none;}
.menu-btn {
position: fixed;
right: 4%;
top: 6%;
width: 27px;
transform: translateY(-46%);
background: none;
border: none;
border-bottom: solid 2px #57341E;
cursor: pointer;
display: block;
z-index: 999;
}
.menu-btn:before, .menu-btn:after {
content: '';
display: block;
width: 100%;
height: 2px;
background: #57341E;
margin: 5px 0;
transform-origin: 8px 1px;
transition: ease .3s all;
}
.menu-btn.active {
border-bottom: none;
}
.menu-btn.active:before {
transform: rotate(45deg);
width: 26px;
background: #fff;
}
.menu-btn.active:after {
transform: rotate(-45deg);
width: 26px;
background: #fff;
}
.navlist.active {
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
padding: 5%;
background: #57341E;
}

.navbar .brand-logo {
width: 12%;
}
.navbar .brochure {
font-size: 14px;margin-right: 8rem;
}
.navbar .navlist .nav-item {
font-size: 20px;
  padding: 16px;
  display: block;
  color: #fff;    border-bottom: 1px solid #fff6;
}
.sec-banner .left-box .btn-box .lbox-btn{    padding: 7px 9px;column-gap: 2rem;}
.sec-banner .left-box .btn-box .lbox-btn svg {
width: 20px;
}
.sec-banner{margin-top: 9%;}
.sec-banner .left-box .btn-box .lbox-btn p {
font-size: 14px;
}
.features-sec .features-box .font-2{font-size: 4.6rem;}
.features-sec .features-box{grid-column-gap: 1.5rem;}
.spec-tooltip{font-size: 14px;    padding: 15px 5px;}
/* .sec-banner .inner-contain{top: -11%;
left: 5%;} */
.sec-booking{margin-top: 4rem;}
.sec-banner .right-box{top: 5%;right: 6rem;padding: 10px 15px;}
.sec-booking .inner-contain .text-box p{font-size: 14px;}
.sec-booking .inner-contain .text-box h4{font-size: 20px;}
.sec-booking .inner-contain {display: block;}
.sec-booking .inner-contain .text-box{width: 100%;}
.sec-booking .inner-contain .booking-form{width: 100%;margin-top: 20px;padding-left: 0;}
.sec-booking .inner-contain .booking-form button{padding: 1.2rem 10rem;}
.overview-sec .overview-circle .project {
width: 18.5rem;
height: 18.5rem;padding: 3rem 2rem;margin-left: 0;}
.sticky-box .enq-box {
  padding: 3.5rem 4rem;
  transform-origin: 4.6rem 4.6rem;
}
.plan-sec .plan-slider .tab-img{padding-left: 0 ;}
.plan-sec .plan-slider .tab-img{margin-left: 2rem;}
.sec-booking .inner-contain {
padding: 5rem;
}
.banner-slider .slick-dots{bottom: -17px;}
.sec-banner .right-box .bottom p{font-size: 14px;}
.sec-banner .right-box .mid .child{margin-top: 9px;padding: 5px 15px;}
/* .sticky-box {
right: -11.5%;
} */
.slider-section .orange-box{padding-left: 5rem;}
.slider-section .slider-row{margin-left: 2.3rem;margin-top: -16%;}
.slider-section .s-container {width: 85%;}
.amenities-sec .amenities-right .s-line {
height: 30.3rem;width: 3.5rem;
}
.amenities-sec .amenities-right{padding-left: 5.3rem;}


.gallery-sec .tab-container{padding: 0 6%;}
.specification-sec .spec-row .spec-box i{width: 28px;}

.connectivity-section .connectivity-row{flex-direction: column-reverse;}
.connectivity-section .connectivity-row .connectivity-r-box{width: 100%;}
.connectivity-section .connectivity-l-box{width: 100%;margin-bottom: 10rem;}

.sticky-box .enq-whatsapp {
padding: 12px 8px;
width: 37px;
}
.sticky-box .enq-call {
padding: 15px 11px;
width: 40px;
}
.sticky-box .enq-box {
padding: 2rem 3rem;
transform-origin: 3rem 3rem;
}

.footer .footer-container {
grid-template-columns: 1fr 1fr;grid-column-gap: 30px;
}
.footer .foot-grp{margin-left: 0;margin-top: 0rem;}
.footer .foot-grp:nth-child(2){margin-top: 13rem !important;}
.footer .mt-70 {margin-top: 7rem !important;}
.footer .copyright-box p, .footer .copyright-box a{font-size: 12px;color: #fff;}

/* .fancybox__container{width: 90%;} */
.connectivity-r-box iframe{height: 400px;}

}





@media screen and (max-width:767px){

html {
  font-size: 30%;
}
.heading02{font-size: 6rem;padding-left: 0;}


.navbar .brand-logo {
  width: 20%;
}
.sec-banner{margin-top: 21%;}
.navbar{padding: 2rem 0;}
.navbar .brochure{padding: 7px 12px;}
.sec-banner .right-box{position: static;margin: 0 auto;margin-top: 10rem;}
.sec-banner .left-box .text-box {
  width: auto;
}
.sec-banner .left-box .text-box .banner-head span:first-child{padding-left: 0;}
.sec-banner .left-box .text-box .banner-head span{font-size: 7rem;letter-spacing: 5px;}
.sec-banner .left-box .text-box .banner-head .leaf-text{padding-left: 0;}
.sec-banner{padding-bottom: 10%;}
.sec-banner .left-box .btn-box .lbox-btn {
padding: 5px 14px;
}





.sec-banner .left-box .text-box .banner-head .leaf{width: 35px;}
.sec-banner .left-box .text-box .subtext p{font-size: 3.4rem;}

.sec-banner .left-box .btn-box .lbox-btn p{font-size: 13px}
.sec-banner .left-box .btn-box .lbox-btn {padding: 2px 6px;}
.sec-banner .inner-contain {
justify-content: center;
padding: 5px 0;
top: 12%;
left: 38%;
}
.sec-banner .left-box .btn-box .lbox-btn svg {width: 17px;}

/* .sec-banner .left-box .btn-box{margin-top: 1rem;} */
.overview-sec .overview-circle{grid-template-columns: 1fr 1fr;padding: 0;}

.features-sec .features-row{grid-template-columns: 1fr 1fr;
  margin-top: 3rem;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;}
  .spec-tooltip{top: 100%;left: 0;}
  .spec-tooltip:before {
    top: -2px;
    transform: translateY(-50%) rotate(207deg);
    left: 25%;
}

.connectivity-r-box iframe{height: 300px;}
.specification-sec .spec-row .spec-box:nth-child(3n) .spec-tooltip{left: 0; right: auto;}
.specification-sec .spec-row .spec-box:nth-child(3n) .spec-tooltip:before {
  left: 25%;
  right: auto;   
  transform: translateY(-50%) rotate(338deg);}
  .specification-sec .spec-row .spec-box:nth-child(2n) .spec-tooltip{left: auto;right: 0;}
  .specification-sec .spec-row .spec-box:nth-child(2n) .spec-tooltip:before{left: auto;
    right: 25%;}
  

  .sec-booking .inner-contain .booking-form{display: block;}
  .sec-booking .inner-contain .booking-form .frm-grp{margin-left: 0;margin-top: 2.5rem;}
  .specification-sec .spec-row{grid-template-columns: 1fr 1fr;}
  .features-sec .features-box .font-2{font-size: 6rem;}

  .overview-sec .overview-row{display: block;}
  .overview-sec .overview-row .overview-left{width: 100%;}
  .overview-sec .overview-row .overview-right{width: 100%;margin-top: 3rem;}

  .overview-sec .overview-circle .project {
    width: 24.5rem;
    height: 24.5rem;
    padding: 3rem 2rem;
    margin: 1rem auto;
}
.overview-sec .overview-circle .project p{font-size: 3rem;}
.overview-sec .overview-right iframe {width: 100%;height: 180px;}
.overview-sec .overview-row .overview-left .overview-btn{display: flex;align-items: center;gap: 10px;}

.overview-sec {
  padding: 35px 0;
}
.slider-section .orange-box p{font-size: 3.2rem;}
.slider-section .orange-box{width: auto;padding: 6rem;}
.slider-section .slider-row{background: #ECB659;margin-left: 0;margin-top: -2%;padding-bottom: 7rem;border-bottom-left-radius: 1.9rem;border-bottom-right-radius: 1.9rem;padding-right: 2.7rem;}  
.slick-arrow{top: 30%;transform: translateY(-30%);}
.slick-prev {
left: 0rem;
}
.slick-next {
right: 0rem;
}

.plan-slider .slick-next{right: -1rem;}

.amenities-sec .amenities-row{display: block;}
.amenities-sec .amenities-left{width: 100%;}
.amenities-sec .amenities-right{width: 100%;padding-left: 0;padding-top: 6rem;}
.amenities-sec .amenities-right .s-line{display: none;}
.amenities-sec .amenities-right .amenities-points p{font-size: 3rem;}
.amenities-sec .amenities-left .sub-heading{font-size: 3rem;}
.amenities-sec .amenities-right{grid-template-columns: 1fr;}

.gallery-sec .tab-header p{padding: 12px 3.3rem;}
.gallery-sec .slick-arrow {top: 50%;transform: translateY(-50%);}


.plan-sec .text-center{padding: 3rem 2rem;}

.plan-sec .tab-header p{font-size: 14px;}
.plan-sec .tab-container{padding: 6rem 0;}

.connectivity-section .connectivity-l-box .acrd-row .toggle-box p{font-size: 2.8rem;}
.connectivity-section .connectivity-l-box .connectivity-inner-box {
padding-left: 12rem;
}


.connectivity-section .connectivity-l-box .connectivity-inner-box:before {
left: 4rem;
}
.connectivity-section .connectivity-l-box .acrd-row .acrd-heading{font-size: 3.5rem;}

.footer {padding: 5rem;}
.footer .footer-container{grid-template-columns: 1fr;}
.footer .foot-grp:nth-child(2) {
margin-top: 8rem !important;
}
.footer .foot-grp .foot-heading{margin-bottom: 10px;}
.footer .mt-50 {
margin-top: 30px;
}
.footer .copyright-box a{margin-top: 10px;}



.features-sec .features-box{justify-content: flex-start;}
.banner-slider .desktop-banner{display: none;}
.banner-slider .mob-banner{display: block;}

  .sticky-box {
    /* right: -17.5%; */
    right: -13rem;
    top: 30%;
}
.sticky-box .enq-box {
  padding: 3rem 3rem;
  transform-origin: 4rem 4rem;
}
  .sticky-box .enq-call {
    padding: 11px 11px;
    width: 36px;
}
.register-form {width: 88%;}
.section-thank{margin-top: -8rem;} 
.social-icon{top:65%}
.section-thank  .container02 {margin: 0 auto; max-width: 90%;}
.connectivity-section .add-box{width: auto;}

}

