@media (max-width: 1025px) {
  header #nav > ul > li {
    padding: 0 18px;
  }
  .sec_cta .contain .inner1 .image {
    width: 10%;
    margin-right: 0;
  }
  .sec_cta .contain .content {
    width: 90%;
    padding-left: 31px;
  }
  .testimonials .sec_content {
    display: none !important;
  }
  footer .contain .flexRow .col {
    width: calc(100% / 2);
    flex: unset;
  }
  footer .contain .flexRow {
    flex-wrap: wrap;
  }
  footer .contain .footer-logo {
    width: 49%;
  }
  .mansion_sec .contain .image_slider .item {
    padding-bottom: 108%;
  }
  .sec_location .contain .inner {
    flex-wrap: wrap;
  }
  .sec_location .contain .inner .content {
    
  }
  .key_benefits .contain .col .inner .photo {
    width: 36%;
  }
}

@media (max-width: 991px) {
  header nav ul > li {
    padding: 0 12px;
  }

  header .toggle {
    display: flex;
  }

  [nav].active {
    opacity: 1;
    visibility: visible;
  }

  [nav] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-content: space-between;
    flex-flow: column;
    width: auto;
    background: #fff;
    margin: 0;
    border-radius: 0;
    padding: 2rem 5rem;
    border-top: 0.2rem solid #eee;
    visibility: hidden;
    opacity: 0;
    overflow: auto;
    z-index: 3;
    height: 100%;
  }
  header .contain .logo {
    z-index: 134;
  }
  header [nav] ul {
    width: 100%;
    flex-flow: wrap;
    margin: auto 0;
  }

  header [nav] ul li {
    width: 100%;
    padding: 10px 0;
    text-align: center;
  }

  header [nav] ul li a {
    color: #000 !important;
  }

  .listing_property .propert_list .col {
    width: calc(100% / 2);
    flex: unset;
  }
  .listing_property .propert_list .col .inner {
    height: 100%;
  }

  .listing_property .propert_list .flex {
    justify-content: center;
  }
  .about_sec .contain .cols {
    width: 100%;
  }
  .about_sec .contain .col1 {
    padding-right: 0;
  }
  .about_sec .contain .col2 {
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
  }
  .about_sec .contain .col2 .image {
    padding-bottom: 74%;
  }
  .sec_cta .contain .col1 {
    width: 100%;
  }
  .sec_cta .contain .col2 {
    width: 100%;
    padding-left: 0;
  }
  .sec_cta .contain .inner1 {
    flex-wrap: wrap;
  }
  .sec_cta .contain .inner1 .image {
    width: 16%;
    margin-right: 0;
    margin: 0 auto;
  }
  .sec_cta .contain .content {
    width: 100%;
    padding-left: 0;
    padding-top: 22px;
    padding-bottom: 22px;
    text-align: center;
  }
  .sec_cta .contain .inside {
    justify-content: center;
  }
  .sec_help .contain .cols {
    width: calc(100% / 2);
  }
  .testimonials .contain .sec_heading {
    width: 64%;
    padding-right: 0;
  }
  .cmnForm .contain .colL {
    width: 100%;
    padding-right: 0;
  }
  .cmnForm .contain .colR {
    width: 100%;
    padding-left: 0;
  }
  #detailProduct #payment-form .flexRow > .col1 {
    width: 100%;
    flex: unset;
  }
  #sec_faq .faqLst {
    padding: 0px;
  }
  .key_benefits .contain .col {
    width: calc(100% / 2);
  }
  .key_benefits .contain .flex {
    justify-content: center;
  }
  .sec_team .contain .col {
    flex: unset;
    width: calc(100% / 2);
  }
  #brands .contain .col {
    width: 100%;
    padding-right: 0;
    align-self: center;
    flex: unset;
  }
  #brands .contain .colr {
    width: 100%;
    margin-top: 20px;
  }
  .sec_overall .contain .flex {
    flex-direction: column-reverse;
  }
  .sec_overall .contain .col {
    width: 100%;
  }
  .sec_overall .contain .col2 {
    padding-left: 0;
    padding-bottom: 26px;
  }
  .mansion_sec .contain .image_slider .item {
    padding-bottom: 69%;
  }
  .mansion_sec .contain .inner {
    padding: 56px 29px;
  }
  .sec_facilities .contain .col {
    width: 100%;
  }
  .sec_facilities .contain .flex:nth-child(even) .col2 {
    padding-left: 0;
  }
  .sec_facilities .contain .image {
    padding-bottom: 63%;
  }
  .sec_facilities .contain .flex:nth-child(odd) .col2 {
    padding-right: 0;
  }
  .sec_facilities .flex .cta {
    margin-top: 6px;
    justify-content: flex-start;
  }
  .sec_facilities .contain .flex:nth-child(odd) .col2 .inner {
    padding-left: 0px;
    padding-right: 0;
    padding-bottom: 30px;
  }
  .sec_facilities .contain .flex:nth-child(even) .col2 .num {
    margin-left: auto;
    border-right: none;
    border-left: 1px solid #80c33b;
    padding-left: 6px;
    padding-right: 0;
  }
  .sec_facilities .contain .flex:nth-child(even) .col2 .inner {
    padding-left: 0px;
    padding-right: 0;
    padding-bottom: 30px;
  }
  body .property_detail_gallery .ui-datepicker {
    display: block !important;
  }
  .property_detail_gallery .flex .col1 {
    width: 100%;
    padding-right: 0;
  }
  .property_detail_gallery .flex .col2 {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  body .top_header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: 15px;
    gap: 10px;
  }
  body .top_header .info_list li {
    margin-bottom: 5px;
    margin-top: 18px;
    margin-left: 29px;
    /* margin-right: 23px; */
  }
  header .info_list {
    display: flex;
  }
  body header {
    height: 20rem;
  }
  .property_detail_gallery .contain .t-datepicker-day {
    right: unset;
  }
  .property_detail_gallery .contain .t-check-out .t-datepicker-day {
    left: -101%;
  }
  .sec_project_detail .contain .flex_gal {
    flex-direction: column-reverse;
  }
  .sec_project_detail .main_detail_work .left_info {
    width: 80%;
  }
  .main_detail_work li {
    padding-bottom: 25px;
  }
}

@media (max-width: 769px) {
  #banner .contain .item .image:before {
    background: linear-gradient(
      to bottom,
      transparent 0%,
      transparent 43%,
      rgb(255 255 255 / 110%) 94%,
      rgb(119 192 51 / 60%) 125%
    );
  }
}

@media (max-width: 512px) {
  .cmnForm .contain form {
    padding: 20px;
  }
  body h2 {
    font-size: 35px;
  }
  footer .contain .flexRow .col {
    width: 100%;
  }
  .sq-field {
    margin-bottom: 50px;
    position: relative;
  }
  #detailProduct .sq-field .total {
    top: unset;
    right: 32%;
    bottom: -51px;
  }
  #sec_faq .faqLst > .faqBlk h5 {
    font-size: 22px;
  }
  .about_sec .contain .col2 .image {
    padding-bottom: 100%;
  }
  .about_sec .contain .col2 {
    width: 95%;
  }
  .key_benefits .contain .sec_heading {
    width: 100%;
  }
  .key_benefits .contain .col {
    width: 100%;
    padding: 10px 0;
  }
  .key_benefits .contain .col .inner .photo {
    width: 32%;
  }
  #brands .contain .colr .block {
    padding: 10px;
    width: calc(100% / 2);
  }
  #brands .contain .colr .block .inner {
    padding: 36px;
  }
  .sec_team .contain .col {
    width: 100%;
  }
  .sec_location .contain .cols {
    width: 100%;
  }
  .sec_location .contain .inner .image {
    height:100px;
  }
  .sec_location .contain .inner .photo {
    background: #f4fcfb;
  }
  .amenities_detail_work li {
    width: 100% !important;
  }
  .mansion_sec .contain .inner {
    padding: 56px 18px;
  }
  .sec_project_detail .contain .masonry .grid {
    padding: 10px 0;
    width: 100%;
  }
  .listing_property .propert_list .col {
    width: 100%;
  }
  .sec_help .contain .cols {
    width: 100%;
    padding: 10px 0;
  }
  #video {
    height: unset !important;
  }
  .testimonials .contain .inner .cntnt {
    padding: 50px 31px 35px;
  }
  .testimonials .contain .sec_heading {
    width: 100%;
  }
  .tab-class {
    max-width: 1000%;
    overflow: auto;
  }
  .tab-class .tabs {
    width: 200%;
  }
  #banner .owl-nav {
    display: none !important;
  }
  #banner h1 {
    font-size: 33px;
  }
  #banner .contain .item .cntnt {
    left: 1%;
    width: 100%;
  }
  body .view_propert_detail .view_flex .property_heading {
    flex: unset;
    margin-right: 0;
    margin-bottom: 12px;
    align-self: center;
    width: 100%;
  }
  header .contain .logo {
    max-width: 19rem;
    height: 8rem;
  }
  header .info_list {
    display: none;
  }
  header .social {
    display: none;
  }
  body header {
    height: 10rem;
  }
  body .top_header {
    justify-content: start;
  }
  .top_header {
    width: 78%;
  }
  header .toggle {
    display: flex;
    top: 69px;
  }
}

@media (max-width: 393px) {
}