@media only screen and (max-width:1680px) {
  .bg-gray {
    padding-bottom: 498px
  }

  .mounTain {
    padding-top: 80px
  }

  .about-top {
    height: 641px
  }
}

@media only screen and (max-width:1440px) {
  .mounTain {
    padding: 27px 0 80px
  }

  .amenities-sec,
  .getting-sec {
    padding: 80px 0 40px
  }

  .footer {
    padding: 80px 0 20px
  }
}

@media only screen and (max-width:1300px) {
  .container-fluid {
    max-width: 1298px;
    padding: 0 15px
  }

  .discover {
    padding: 100px 0 50px
  }
}

@media only screen and (max-width:1024px) {
  .getting-sec {
    padding: 100px 0 60px
  }

  .discover {
    padding: 60px 0 0
  }

  .discover h2,
  .transpart .trapbox h2 {
    font-size: 30px;
    line-height: 45px
  }

  .discover .h2,
  .our-villas h3,
  h3 {
    font-size: 26px;
    line-height: 30px
  }

  .discover p,
  .greenhaven .h1,
  .our-villas .estateinto p,
  p {
    font-size: 16px;
    line-height: 26px
  }

  .footer .top-footer h3,
  .location .mapInfo p,
  .our-villas h4,
  .transpart .trapbox .h1,
  h5 {
    line-height: 28px;
    font-size: 18px
  }

  .our-villas {
    padding: 40px 0
  }

  .our-villas h4 {
    margin-bottom: 10px
  }

  .our-villas h5 {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 30px
  }

  .our-villas .estateinto {
    padding: 30px 20px;
    max-width: 342px;
    width: 36%
  }

  .location,
  .our-gallery {
    padding: 40px 0 20px
  }

  .testimoinial {
    padding: 60px 0 40px
  }

  .testimoinial h3 {
    line-height: 45px
  }

  .thewoodside {
    padding: 120px 0
  }

  .location .mapInfo {
    position: relative;
    top: -50px;
    max-width: 100%;
    padding: 30px 20px 0
  }

  .footer .contact-info p {
    font-size: 14px;
    line-height: 20px
  }

  .footer .sub-info .btn-subscribe,
  .footer .sub-info .form-control {
    height: 55px;
    padding: 15px 30px;
    font-size: 18px;
    border-radius: 40px
  }

  .footer {
    padding: 80px 0 70px
  }

  .greenhaven h1,
  h4 {
    font-size: 21px;
    line-height: 30px
  }

  .clubhouse .item img {
    max-width: 586px
  }

  h2 {
    font-size: 30px
  }

  h3 small {
    font-size: 20px;
    line-height: 30px
  }

  .btnVieLar,
  .readMore {
    border-radius: 30px
  }

  .gridImg .button{width: fit-content;}
}

@media only screen and (max-width:991px) {
  .amenities-sec {
    padding: 60px 0 20px
  }

  .getting-sec {
    padding: 60px 0 30px
  }

  .getting-sec .location-map .map-info {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    max-width: 100%;
    padding: 30px 0
  }

  .getting-sec .btn-view {
    margin-top: 10px
  }

  .footer {
    padding: 30px 0 20px
  }

  .estamg,
  .our-villas .h1 {
    margin-bottom: 24px
  }

  .mounTain {
    padding: 0 0 40px
  }

  .mounTain h5 {
    font-size: 22px;
    line-height: 30px
  }

  .mounTain p br {
    display: none
  }

  .clubHouse2 {
    padding-top: 40px
  }

  .cpy-rght p {
    font-size: 14px;
    line-height: 24px
  }

  header {
    top: 0 !important;
    padding: 10px 0
  }

  .video-containeryt {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 10px
  }

  .video-containeryt iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }

  .clubhouse .item img {
    max-width: 435px
  }

  .our-villas .estateinto {
    width: 55%
  }
}

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

  .amenities-sec .head-sec p,
  .testimonial-sec .head-sec h2 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 40px
  }

  .getting-sec .head-sec h2 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 30px
  }

  .amenities-sec .head-sec h4,
  .getting-sec .head-sec h4,
  .testimonial-sec .head-sec h4 {
    margin-bottom: 12px
  }

  .testimonial-sec {
    padding: 60px 0 0
  }

  .estaoverview h4,
  .getting-sec .location-map .map-info p {
    font-size: 18px;
    line-height: 30px
  }

  .clubHouse h4,
  .ourVillas h4 {
    font-size: 22px;
    line-height: 32px
  }

  .getting-sec .btn-view {
    font-size: 16px;
    padding: 0 0 18px;
    margin-top: 20px;
    height: 20px
  }

  .aboutall,
  .contactus .card {
    margin-top: -90px
  }

  .footer .sub-info .btn-subscribe {
    font-size: 16px;
    padding: 18px 32px;
    height: 50px
  }

  .footer .sub-info .form-control {
    height: 50px;
    padding: 18px 32px
  }

  .deploybtn {
    font-size: 16px;
    padding: 16px 24px;
    margin-right: 12px
  }

  .clubHouse h4 {
    margin-bottom: 32px
  }

  .clubhouse .item .clubhosebox h1 {
    font-size: 20px;
    line-height: 30px
  }

  .mounTain,
  .ourVillas {
    padding-bottom: 60px
  }

  .ourVillas .card p {
    margin-bottom: 30px
  }

  .ourVillas h2 {
    font-size: 28px;
    line-height: 32px;
    margin: 20px 0
  }

  .ourVillas a.booknow {
    padding: 12px 24px
  }

  .aboutall .submenu,
  .aboutall.refpolcy .card,
  .aboutall.termuse .card {
    padding: 44px 10px 0
  }

  .aboutall.refpolcy .card p,
  .aboutall.termuse .card p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px
  }

  .aboutall.refpolcy .card ul li,
  .aboutall.termuse .card ul li {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px
  }

  .aboutall.refpolcy .card h2,
  .aboutall.termuse .card h2 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 8px;
    margin-top: 15px
  }

  .about-top .about-hed h1 {
    font-size: 44px
  }

  #loadpg,
  .container2,
  .desktop_ver,
  .gridImg .button .knowMore,
  .gridImg .title .small span,
  .our-Amenites .ameties-details .title h4 br,
  .our-villas .estateinto a.knowMore,
  .our-villas .estateinto p span,
  .transpart .trapbox p br,
  .villasfas .ameties-details .title h4 br {
    display: none
  }

  .mob_ver {
    display: block;
    position: relative;
    margin-bottom: 0
  }
.our-gallery .mob_ver img{max-width: 100%;}

  .aboutall .card {
    padding: 0 10px
  }

  .floatleft {
    float: initial
  }

  .aboutall {
    padding-bottom: 40px
  }

  .our-Amenites,
  .villasfas {
    padding: 40px 0 20px
  }

  .estaoverview .card {
    padding: 20px 10px
  }

  .estaoverview .border-right {
    border: 0
  }

  .estaoverview .ps-5 {
    padding-left: 15px !important
  }

  .estaoverview .spccation .mb-4 {
    margin-bottom: 10px !important
  }

  .our-Amenites {
    margin-bottom: 40px
  }

  .instagramvideos h5,
  .photogaller h5 {
    margin-bottom: 20px;
    text-align: center
  }

  .instagramvideos {
    padding: 40px 0;
    margin-bottom: 60px
  }

  .contactus .card,
  .location-blue {
    padding: 20px 15px
  }

  .estateslider .position-relative .villasbook h1 {
    font-size: 44px;
    line-height: 55px
  }

  .estateslider .position-relative .villasbook .booknow {
    font-size: 16px;
    padding: 0 28px;
    line-height: 46px
  }

  .estaoverview h5 {
    margin-bottom: 0;
    margin-top: 10px
  }

  .villasfas h5 {
    margin-bottom: 20px
  }

  #contactFormmain .mb-4,
  .aboutall .card p,
  .gallery h4 {
    margin-bottom: 15px
  }

  .our-Amenites .ameties-details .icon,
  .villasfas .ameties-details .icon {
    width: 54px;
    height: 54px;
    margin: 0 auto 5px
  }

  .our-Amenites .ameties-details .icon img,
  .villasfas .ameties-details .icon img {
    width: 20px
  }

  .aboutall .card p {
    font-size: 14px;
    line-height: 26px
  }

  .location-blue h3 {
    font-size: 20px;
    line-height: 26px
  }

  .gallerysec {
    padding-top: 88px
  }

  .gallery {
    padding: 30px 0
  }

  .gallery h4 {
    font-size: 22px;
    line-height: 32px
  }

  .headlink2 h6,
  .headlink2 p {
    line-height: 20px
  }

  .gallery h5 {
    font-size: 18px
  }

  .headlink2 h6,
  .headlink2 p,
  .headlink2 p a {
    font-size: 16px
  }

  #contactFormmain .form-control {
    font-size: 14px;
    line-height: 33px
  }

  .reviscard .revstop {
    margin-top: 20px
  }

  .reviscard .chekoutform {
    padding: 15px 13px
  }

  .headlink2 p {
    margin-bottom: 10px
  }

  .getting-sec.contbg {
    padding: 40px 0;
    margin-bottom: 30px
  }

  .clubhouse .item,
  .provisy h1 {
    margin-bottom: 16px
  }

  .provisy h1 {
    font-size: 26px
  }

  .headlink {
    bottom: -140px
  }

  .clubHouse a.btn-facilities {
    margin-top: 0
  }

  .greenhaven {
    padding: 50px 0 20px
  }

  .transpart .pin-spacer {
    padding-bottom: 0 !important
  }

  .hills-slider {
    padding: 0 0 40px
  }

  .greenhaven .greenh {
    text-align: left !important
  }

  .transpart .trapbox {
    position: relative;
    bottom: 0;
    padding: 20px
  }

  .retreat .transpart .trapbox.retreatbox {
    right: 0;
    bottom: 0
  }

  .testimoinial .owl-nav {
    top: -117px
  }

  .clubhouse .item img {
    max-width: 100%
  }

  .retreat {
    padding-bottom: 40px;
    margin-top: 30px;
    padding-top: 40px
  }

  .gridImg .title .small {
    font-size: 14px;
    line-height: 20px
  }

  .gridImg .title .small,
  .our-villas .estateinto p {
    display: flex !important;
    align-items: center
  }

  .our-villas .estateinto .mob_ver {
    margin-left: 1px
  }

  .our-villas .estateinto a {
    font-size: 14px;
    text-transform: lowercase
  }

  .gridImg .title .small a {
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
    text-transform: lowercase;
    font-style: italic;
    font-weight: 400;
    line-height: 30px
  }

  .our-villas .estateinto a.bookbtn {
    position: absolute;
    bottom: 20px;
    transition: opacity .35s;
    padding: 0 36px;
    line-height: 36px
  }
}

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

  .banner .item,
  .bannertop {
    height: auto
  }

  .amenities-sec,
  .testimoinial {
    padding: 40px 0
  }

  .amenities-sec .ameties-details .title h4 br,
  .clubhouse .item .clubhosebox h1 br,
  .clubhouse3 .item .clubhosebox h1 br,
  .our-villas .estateinto p br,
  .ourVillas .estate5-img .estateinto p br,
  .ourVillas h4 br {
    display: none
  }

  .slidr.owl-carousel .owl-nav {
    position: relative;
    top: 0;
    right: 0;
    margin: 20px 0;
    left: 0
  }

  .discover,
  .testimonial-sec {
    padding: 40px 0 0
  }

  .clubHouse h4,
  .clubHouse h5,
  .footer .top-footer .sub-info,
  .getting-sec .location-map .map-info p,
  .ourVillas .topsec,
  .pag4con,
  .testimonial-sec .head-sec,
  .testimonial-sec .item .guest-details h3,
  .thankYou .thankCont {
    text-align: center
  }

  .testimonial-sec .item .guest-details p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 12px;
    text-align: center
  }

  .testimonial-sec .item .guest-details p::before {
    left: 0;
    top: -40px;
    width: 30px;
    height: 37px;
    background-size: 30px
  }

  .testimonial-sec .item {
    padding: 80px 30px 40px
  }

  .testimonial-sec .head-sec h2,
  .video-containeryt.mob_ver {
    margin-bottom: 30px
  }

  .getting-sec {
    padding: 40px 0 20px
  }

  .getting-sec .location-map .map-info span.get-txt {
    text-align: center;
    display: block;
    margin-bottom: 12px
  }

  .getting-sec .location-map .map-info h3 {
    text-align: center;
    margin-bottom: 30px
  }

  .bookbutn,
  .getting-sec .btn-view {
    display: block
  }

  .footer .top-footer .contact-info {
    text-align: center;
    padding-bottom: 0
  }

  .footer .sub-info .user_details {
    position: relative;
    display: flex;
    width: 100%
  }

  .footer .sub-info .btn-subscribe {
    border: 0
  }

  .footer .top-footer hr {
    margin: 30px 0 10px
  }

  .btm-footer .socail-info {
    text-align: center;
    margin-bottom: 24px
  }

  .btm-footer .footer-logo {
    display: flex;
    justify-content: center
  }

  .deploybtn {
    font-size: 14px;
    padding: 9px 22px
  }

  .site-mobile-menu .close-btn,
  header .menu-btn {
    width: 40px
  }

  .clubhouse.owl-theme .owl-nav,
  .clubhouse3.owl-theme .owl-nav {
    position: relative;
    top: 0;
    right: 0;
    margin: 20px 0 0;
    left: 0
  }

  .clubhouse .item .clubhosebox,
  .clubhouse3 .item .clubhosebox {
    max-width: 100%;
    right: 0;
    text-align: center
  }

  .clubHouse h5 {
    margin-bottom: 5px
  }

  .mounTain,
  .ourVillas {
    padding-bottom: 40px
  }

  .top-bottom {
    justify-content: center
  }

  .ourVillas h5 {
    margin-bottom: 12px
  }

  .heroBanner h1 {
    font-size: 30px;
    line-height: 40px
  }

  .heroBanner .bannertop h2,
  .heroBanner h2 {
    font-size: 24px;
    line-height: 34px
  }

  .clubHouse3 h4,
  .ourVillas h2 {
    font-size: 22px;
    line-height: 32px
  }

  .btngroup {
    padding: 20px 0 0
  }

  .bg-gray {
    padding-bottom: 380px
  }

  .top-space {
    padding-top: 113px
  }

  .ourVillas h2 {
    margin: 18px 0 15px
  }

  .heroBanner .bannertop h1 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 0
  }

  .bannertop {
    padding: 100px 0 86px
  }

  .clubHouse3 h4 {
    margin-bottom: 32px
  }

  .provisy p,
  .provisy ul li,
  .sublinkfo {
    margin-bottom: 15px
  }

  .clubhouse3 .item .clubhosebox h1 {
    font-size: 20px;
    line-height: 30px
  }

  .termuse {
    padding-top: 87px
  }

  .provisy p {
    font-size: 14px;
    line-height: 24px
  }

  .amenities-sec .head-sec p,
  .provisy h2 {
    font-size: 18px;
    line-height: 28px
  }

  .provisy ul li {
    font-size: 14px;
    line-height: 22px
  }

  .provisy h2 {
    margin-bottom: 8px;
    margin-top: 15px
  }

  .provisy {
    padding: 29px 0 40px
  }

  .socail-info {
    margin: 20px 0;
    text-align: center
  }

  .ourVillas .estate5-img .estateinto p {
    line-height: 22px;
    padding-bottom: 0
  }

  .ourVillas .estate5-img .estateinto h2 {
    font-size: 28px;
    line-height: 30px;
    padding: 0 0 9px;
    margin-top: 10px
  }

  .bookbutn a.bookbtn {
    margin-bottom: 10px;
    display: block;
    width: fit-content
  }

  .estate5-img .estateinto,
  .estate5-img .estateinto.pb2sm {
    padding: 10px
  }

  .mounTain h5 {
    font-size: 20px;
    line-height: 30px;
    padding: 12px 0 10px
  }

  .mounTain a {
    padding: 0 0 20px
  }

  .footer .contact-info p {
    margin-bottom: 0
  }

  .footer .top-footer h3,
  .our-villas h4 {
    margin-bottom: 10px
  }

  .lositeplan .lobooknow {
    font-size: 16px;
    padding: 0 28px;
    line-height: 44px;
    margin-top: 20px
  }

  .lositeplan {
    padding: 60px 0 40px
  }

  .discover h2 {
    font-size: 24px;
    line-height: 36px
  }

  .discover .h2,
  h3 {
    font-size: 22px;
    line-height: 30px
  }

  .discover p,
  .footer .contact-info p,
  .our-villas .estateinto p,
  .transpart .trapbox p,
  p {
    font-size: 14px;
    line-height: 20px
  }

  .our-villas h4 {
    font-size: 16px;
    line-height: 22px
  }

  .our-villas h3 {
    font-size: 22px
  }

  .greenhaven h1,
  .our-villas h5,
  .pag4con h5 {
    font-size: 18px
  }

  .our-villas .estateinto p {
    margin-bottom: 15px
  }

  .footer .socail-info,
  .gridImg .title p,
  .instagramvideos,
  .lositeplan h5,
  .our-villas .h1 {
    margin-bottom: 20px
  }

  .footer .sub-info,
  .our-villas .estateinto a.bookbtn {
    margin-top: 20px
  }

  .testimoinial h3 {
    line-height: 40px
  }

  .thewoodside {
    padding: 60px 0;
    background-image: url("../images/the-woodside2.jpg")
  }

  .location .mapInfo {
    position: relative;
    top: 20px;
    max-width: 100%;
    padding: 0;
    left: 0
  }

  .footer .top-footer h3,
  .location .mapInfo p,
  h5 {
    font-size: 16px;
    line-height: 22px
  }

  .greenhaven .h1,
  h4 {
    line-height: 26px
  }

  .footer .sub-info .btn-subscribe,
  .footer .sub-info .form-control {
    height: 50px;
    padding: 15px 30px;
    font-size: 16px
  }

  .footer {
    background-position: center right;
    padding: 30px 0 40px;
    text-align: center
  }

  .greenhaven h1 {
    line-height: 30px
  }

  .greenhaven .h1,
  .pag4con p,
  .readMore {
    font-size: 14px
  }

  .testimoinial .owl-nav {
    width: calc(100% - 30px)
  }

  .thewoodside .thewo_bg {
    padding: 26px 20px
  }

  .footer .sub-info .form-control {
    border: 0;
    margin-right: 0;
    border-radius: 30px 0 0 30px
  }

  .footer .sub-info .btn-subscribe {
    border-radius: 0 30px 30px 0;
    padding: 8px 20px;
    font-size: 15px;
    line-height: 48px
  }

  .sublinkfo a,
  h3 small {
    line-height: 24px
  }

  .testimoinial .card-body {
    padding: 0 1.2rem 1rem
  }

  .panel,
  .panel2,
  .panel3,
  .panel5 {
    top: 30px
  }

  .hills-slider {
    padding: 40px 0 10px
  }

  .transpart .trapbox h2 {
    font-size: 22px;
    line-height: 30px
  }

  .transpart .trapbox .h1 {
    font-size: 15px;
    line-height: 24px
  }

  .transpart .trapbox {
    left: 0
  }

  .readMore {
    padding: 0 36px;
    line-height: 36px
  }

  .our-villas .estateinto {
    width: 100%;
    margin-top: 0;
    max-width: 100%
  }

  .our-villas .h1 {
    font-size: 24px;
    line-height: 30px
  }

  .greenhaven {
    padding: 30px 0 10px
  }

  h2 {
    font-size: 26px
  }

  h3 small,
  h4 {
    font-size: 18px
  }

  .footer-logo {
    width: 100%
  }

  .footer-logo img {
    width: 100%;
    max-width: 120px;
    height: auto
  }

  .our-villas {
    padding: 20px 0 30px
  }

  .our-gallery {
    padding: 20px 0
  }

  .btnVieLar,
  .estateslider .position-relative .villasbook .booknow {
    padding: 0 34px;
    line-height: 36px;
    font-size: 14px
  }

  .reviscard {
    margin-top: 30px
  }

  .about-top {
    height: 300px
  }

  .getting-sec .location-map .map-info ul {
    padding-left: 15px
  }

  .contactus .mirelink {
    padding-top: 20px
  }

  .contactus .mirelink h6 {
    font-weight: 600
  }

  .contactus .card {
    padding: 20px 0;
    margin-top: 0
  }

  .aboutall .submenu {
    padding: 30px 10px 0
  }

  .aboutall {
    margin-top: 0
  }

  .aboutall .submenu ul {
    display: flex;
    justify-content: space-between
  }

  .aboutall .submenu ul li a {
    font-size: 12px;
    padding-bottom: 0
  }

  .lositeplan .card {
    padding: 20px
  }

  .lositeplan h5 {
    text-align: center
  }

  .lositeplan .text-right {
    text-align: left;
    justify-content: center;
    margin-left: -10px
  }

  .thankYou {
    padding-bottom: 20px;
    padding-top: 10px
  }

  .pag4con p {
    line-height: 22px
  }

  .erroms span {
    font-size: 12px;
    line-height: 18px
  }

  .our-Amenites .ameties-details .title {
    padding-right: 20px
  }

  .our-Amenites .tooltip3,
  .villasfas .tooltip2 {
    right: -20px
  }

  .gridImg .button .knowMore,
  .gridImg .title .small {
    opacity: 1
  }

  .gridImg .overlay {
    display: block;
    background: rgba(3, 12, 23, .45)
  }

  .maxIndu {
    max-width: 100%;
  }

  header .site-logo img {
    max-width: 100%;
    height: auto;
    width: auto;
  }

  .video-containeryt {
    padding-bottom: 3.25%;
  }

  .sublinkfo a {
    font-size: 15px
  }

  
  .transpart .trapbox .hislic {
    padding: 8px 0 10px 57px
  }
  .location .ratio{margin-top:10px;}
.loader.done .mobilimg  {
  opacity: 1;
}
  
.smclitview.owl-carousel .owl-nav button.owl-next span,.smclitview.owl-carousel .owl-nav button.owl-prev span {display: none;}
.smclitview.owl-theme .owl-dots {margin-top: -55px;z-index: 999;position: absolute;bottom: 4px;left: 0px;right: 0px;}
.smclitview.owl-theme .owl-dots .owl-dot.active span,.smclitview.owl-theme .owl-dots .owl-dot:hover span {background: #747e4fe6;}
.smclitview.owl-theme .owl-dots .owl-dot span {background-color: #ffffff;}
.smclitview.owl-theme .owl-nav {display: none;}






.mapshow {
  display:block;
}
.maphide{display: none;}


 .slidhide {display: none!important;  }
 .mobilimg{display: block;}

.clientreview.owl-theme .owl-dots,
.clientreview2.owl-theme .owl-dots,
.clientreview3.owl-theme .owl-dots,
clientreview4.owl-theme .owl-dots {
  display: block
}

.clientreviewmain.owl-carousel.owl-loaded,
.clientreviewmain.owl-carousel.owl-loaded,
.clientreviewmain.owl-carousel.owl-loaded,
.clientreviewmain.owl-carousel.owl-loaded {
  display: none;
}

.smclitview.owl-carousel.owl-loaded {
  display:block;
}
.loader{top: 75px;}
}