@charset "utf-8";

/*  
     ⤵︎                                         1600px >=x
*/
@media screen and (max-width:1600px) {
/*  
     ⤵︎ =============  HOMEPAGE
*/
     .feat-listing-sctn .slider .swiper {
          padding-left: 122px;
     }
     .feat-listing-sctn .slider .swiper-button-next,
     .feat-listing-sctn .slider .swiper-button-prev {
         left: 12px;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/
/*  
     ⤵︎ =============  ABOUT page
*/
     .about-pg .intro .slider .swiper {
          padding-right: 0;
     }
/*
     ⤴︎ =============  end ABOUT page
*/
}
/*
     ⤴︎
*/
/*  
     ⤵︎                                         1400px >=x
*/
@media screen and (max-width:1400px) {
/*  
     ⤵︎ =============  HOMEPAGE
*/
     .feat-listing-sctn .slider .swiper {
          padding-left: 48px;
     }
     .feat-listing-sctn .slider .swiper-button-next,
     .feat-listing-sctn .slider .swiper-button-prev {
         left: 3px;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/
/*  
     ⤵︎ =============  DETAILS page
*/
     .details-post .main-info .boxes .item {
          padding: 15px 12px;
     }
     .details-post .main-info .boxes .col {
          flex: 0 0 142px;
     }
/*  
     ⤴︎ =============  end DETAILS page
*/
/*
     ⤵︎ =============  MAKE AN OFFER page
*/
     .make_offer-info .info-box {
          margin-top: -102px;
     }
/*
     ⤴︎ =============  end MAKE AN OFFER page
*/
}
/*
     ⤴︎
*/
/*  
     ⤵︎                                         1280px >=x
*/
@media screen and (max-width:1280px) {
/*  
     ⤵︎ =============  ABOUT page
*/
     .about-pg .intro .text.col {
          width: 43%;
          padding-left: 1.5rem;
          padding-right: 84px;
     }
     .about-pg .intro .slider.col {
          width: 57%;
     }
/*  
     ⤴︎ =============  end ABOUT page
*/
}
/*
      ⤴︎
*/
/*  
     ⤵︎                                         1199px >=x
*/
@media screen and (max-width:1199px) {
/*  
     ⤵︎ =============  HEADER
*/
     #header .navbar-nav {
          --bs-navbar-nav-link-padding-x: 9px;
     }
/*  
     ⤴︎ =============  end HEADER
*/
/*  
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero h1 {
          font-size: 3.875em;
     }
     .feat-listing-sctn .slider article {
          padding: 0 12px 44px 12px;
     }
     h1.section-title,
     h2.section-title {
          font-size: 2.5em;
     }
     .feat-cta-sctn .intro .col {
          font-size: 72px;
     }
     .feat-cta-sctn .slider blockquote p {
          font-size: 1.375em;
     }
     .feat-cta-sctn .slider blockquote .stars li img {
          width: 24px;
     }
     .pgs-links a.entry .wrapper h2 {
          font-size: 2em;
     }
     .pgs-links a.entry .wrapper h2 .more {
          bottom: 0.35em;
          width: 40px;
     }
     .faq-toggles a.tgl-title h3 {
          font-size: 1.25em;
     }
     .faq-toggles a.tgl-title {
          padding: 26px 54px 26px 0;
     }
     .faq-toggles a.tgl-title .icon span {
          width: 17px;
          height: 3px;
     }
     .faq-toggles a.tgl-title .icon span:before {
          width: 3px;
          height: 17px;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/
/*  
     ⤵︎ =============  LISTINGS page
*/
     .df-hero .container-fluid {
          max-width: 684px;
     }
     .df-hero h1 {
          font-size: 3.25em;
     }
     .refine-results button.form-control {
          padding: 18px 24px;
     }
     .refine-results button.form-control .arrow {
          right: 9px;
          width: 14px;
     }
     .refine-results .box .status {
          width: 144px;
     }
     .refine-results .box .points {
          width: 132px;
     }
     .refine-results .box .year {
          width: 144px;
     }
     .refine-results .box .price-pp {
          width: 176px;
     }
     .refine-results .box .price {
          width: 130px;
     }
     #resTable thead th {
          padding: 16px 12px;
     }
     #resTable tbody td {
          padding: 18px 12px 14px;
     }
/*  
     ⤴︎ =============  end LISTINGS page
*/
/*  
     ⤵︎ =============  DETAILS page
*/
     .details-post {
          padding: 152px 0 96px;
     }
     .details-post .main-info {
          --bs-gutter-x: 1.5rem;
          padding-bottom: 60px;
          margin-bottom: 60px;
     }
     .details-post .main-info .info-row .col {
          flex: 1 0 50%;
     }
     .details-post .main-info .boxes .col {
          flex: 0 0 112px;
     }
/*  
     ⤴︎ =============  end DETAILS page
*/
/*  
     ⤵︎ =============  POINTS CHARTS page
*/
     .charts-table {
          padding: 30px 12px;
     }
     .charts-nav {
          padding: 0 12px;
     }
/*  
     ⤴︎ =============  end POINTS CHARTS page
*/
/*  
     ⤵︎ =============  FLOOR PLANS page
*/
     .floor-plans-pg.details-post .overview .col:first-child {
          flex: 0 0 55%;
     }
     .floor-plans-pg.details-post .overview .col:last-child {
          flex: 0 0 45%;
     }
     .floor-plans-pg.details-post .overview .amenities ul {
          column-gap: 1.5rem;
     }
/*  
     ⤴︎ =============  end FLOOR PLANS page
*/
/*  
     ⤵︎ =============  RESORT OVERVIEW page
*/
     .resort-overview .row {
          --bs-gutter-x: 1.5rem;
     }
     .resort-overview .info {
          --bs-gutter-x: 12px;
          padding-top: 36px;
     }
/*  
     ⤴︎ =============  end RESORT OVERVIEW page
*/
/*  
     ⤵︎ =============  FOOTER
*/
     #footer .cta {
          max-width: 668px;
     }
     #footer .cta h2 {
          font-size: 2.875em;
     }
     #footer .top.row nav.col ul {
         column-gap: 24px;
     }
/*  
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         1096px >=x
*/
@media screen and (max-width:1096px) {
/*  
     ⤵︎ =============  HEADER
*/
     #header .row {
          --h-w-col: 212px;
     }
     #header .navbar-nav {
          --bs-navbar-nav-link-padding-x: 9px;
     }
     .navbar-expand-lg .offcanvas .offcanvas-body {
          padding: 0 9px;
     }
     #header .options .outer-wrapper {
          padding: 0 9px;
     }
     #header .options a .icon {
          margin-left: 9px;
     }
/*  
     ⤴︎ =============  end HEADER
*/
 /*  
      ⤵︎ =============  HOMEPAGE
 */
     #home-hero h1 {
          font-size: 3.5em;
     }
     .feat-listing-sctn .intro p {
          font-size: 1.125em;
     }
     .feat-listing-sctn .slider article a {
          width: 340px;
     }
     .feat-listing-sctn .slider article h1 {
          font-size: 1.375em;
     }
     .feat-cta-sctn .intro .col {
          font-size: 66px;
     }
     .feat-cta-sctn .intro .col p {
          font-size: 1.25rem;
     }
     .pgs-links .row {
          --bs-gutter-x: 1.5rem;
     }
     .pgs-links a.entry .wrapper {
          padding: 30px 42px 30px 12px;
     }
     .pgs-links a.entry .wrapper h2 .more {
          bottom: 0.35em;
          width: 36px;
          right: -36px;
     }
 /*  
      ⤴︎ =============  end HOMEPAGE
 */
/*  
     ⤵︎ =============  DETAILS page
*/
     .details-post .text.col .table td {
          padding: 12px 6px;
     }
     .details-post .text.col .table td[scope="row"] {
          width: 105px;
     }
/*  
     ⤴︎ =============  end DETAILS page
*/
/*  
     ⤵︎ =============  POINTS CHARTS page
*/
     .charts-table .th-1 {
          width: 284px;
          padding: 10px 6px;
     }
     .charts-table tbody th {
          padding: 6px;
          border-right: 1px solid #CED3F0;
     }
     .charts-table .table tbody .pdT-1 {
          padding-top: 16px;
     }
     .charts-table .table tbody .pdB-1 {
          padding-bottom: 16px;
     }
     .charts-table .blue-title {
          padding: 10px 6px;
     }
     .charts-table .table {
          font-size: 14px;
     }
     .charts-table .c-cell {
          padding: 6px;
     }
/*  
     ⤴︎ =============  end POINTS CHARTS page
*/
/*  
     ⤵︎ =============  RESORT OVERVIEW page
*/
     .resort-overview .row {
          padding-bottom: 0;
     }
/*  
     ⤴︎ =============  end RESORT OVERVIEW page
*/
/*  
     ⤵︎ ============= SELL STEPS page
*/
     .sell-steps .steps .box {
          padding: 58px 48px 12px 72px;
     }
/*  
     ⤴︎ ============= end SELL STEPS page
*/
/*  
     ⤵︎ ============= CONTACT page
*/
     .contact-pg form .row {
          --bs-gutter-x: 12px;
     }
     .df-form .input-wrapper {
          margin-bottom: 12px;
      }
/*  
     ⤴︎ ============= end CONTACT page
*/
/*
     ⤵︎ =============  MAKE AN OFFER page
*/
     .offer-process-info .feat-text .row {
          --bs-gutter-x: 20px;
     }
     .offer-process-info .feat-text .box {
          padding: 30px 18px;
     }
     .offer-process-info .m_text-right {
          margin-top: -16px;
     }
     .offer-process-info .m_text-right .text {
          padding-top: 7%;
     }
/*
     ⤴︎ =============  end MAKE AN OFFER page
*/
/*  
     ⤵︎ =============  ABOUT page
*/
     .about-pg .intro .text.col {
          padding-left: 0.75rem;
          padding-right: 66px;
     }
     .about-pg .intro .slider .logo {
          bottom: -6px;
          left: -62px;
          width: 120px;
          padding: 9px;
     }
     .about-pg .intro .slider {
          --abp-slide-width: 546px;
     }
     .vacation-resorts-sctn .outer-wrapper {
          padding: 48px 0;
     }
     .vacation-resorts-sctn .box {
          max-width: 550px;
          padding: 54px 36px;
     }
     .vacation-resorts-sctn .bg {
          width: 76%;
     }
     .join-info-sctn .row {
          --bs-gutter-x: 60px;
     }
/*  
     ⤴︎ =============  end ABOUT page
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         991px >=x
*/
@media screen and (max-width:991px) {
/*  
     ⤵︎ =============  HEADER
*/
     #header .col:nth-child(2) {
          flex: 1 0 0%;
          text-align: right;
     }
     #header .navbar {
          --bs-navbar-toggler-icon-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z" fill="%23000"/></svg>');
     }
     #header .navbar-toggler-icon {
          width: 1.25em;
          height: 1.25em;
      }
     #header .navbar-toggler:focus {
          box-shadow: none;
     }
     #header .offcanvas {
          --bs-offcanvas-bg: #2F53EF;
          --bs-offcanvas-width: 300px;
     }
     #header .btn-close {
          --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
          --bs-btn-close-opacity: 1;
          --bs-btn-close-focus-shadow: none;
          margin-top: 3px;
          background-size: 18px auto;
     }
     #header .navbar-nav .nav-item {
          width: 100%;
          margin: auto;
          text-align: left;
          padding: 0 0.5rem;
     }
     #header .navbar-nav {
          --bs-nav-link-padding-y: 12px;
          padding-top: 10%;
     }
     #header .dropdown-menu {
          --bs-dropdown-bg: transparent;
          --bs-dropdown-padding-y: 3px;
          --bs-dropdown-item-padding-x: 0;
          --bs-dropdown-item-padding-y: 6px;
          --bs-dropdown-link-color: #fff;
          border-radius: 0;
          box-shadow: none;
     }
     #header .dropdown-item {
          padding-left: 9px;
     }
     #header .dropdown-item:focus,
     #header .dropdown-item:hover {
         color: #fff;
         background-color: transparent;
     }
     #header .navbar-nav .nav-link {
          color: #fff !important;
     }
     #header .row {
          --h-w-col: auto;
     }
/*  
     ⤴︎ =============  end HEADER
*/
 /*  
      ⤵︎ =============  HOMEPAGE
 */
     #home-hero h1 {
          font-size: 3.125em;
     }
     .feat-listing-sctn .slider .swiper {
          padding-left: 30px;
     }
     .feat-listing-sctn .slider .swiper-button-next,
     .feat-listing-sctn .slider .swiper-button-prev {
         left: 3px;
         width: 36px;
         height: 36px;
         background-size: 9px auto;
     }
     .feat-listing-sctn .slider .swiper-button-next {
         margin-top: -24px;
     }
     .feat-listing-sctn .slider .swiper-button-prev {
         margin-top: 24px;
     }
     .resorts-sctn a.card .row {
          --bs-gutter-x: 9px;
     }
     .resorts-sctn a.card h3.card-title {
          font-size: 1.125em;
     }
     .feat-listing-sctn {
          padding-top: 48px;
     }
     h1.section-title,
     h2.section-title {
          font-size: 2.125em;
     }
     .feat-listing-sctn .slider article {
          padding: 0 6px 44px 6px;
     }
     .feat-listing-sctn .slider article a {
          width: 284px;
     }
     .feat-listing-sctn .slider article h1 {
          margin-bottom: 9px;
          font-size: 1.25em;
     }
     .feat-listing-sctn .slider article .info {
          padding: 12px;
          margin-bottom: 1.125rem;
     }
     .feat-listing-sctn .slider article .inner-wrapper p {
          font-size: 0.9375em;
     }
     .feat-cta-sctn .intro .col {
          flex: 0 0 25%;
          padding-bottom: 30px;
          font-size: 60px;
     }
     .feat-cta-sctn .intro .col p {
          font-size: 1.125rem;
     }
     .feat-cta-sctn .slider .swiper-slide {
          padding: 42px 96px 78px;
     }
     .feat-cta-sctn .slider blockquote .stars li img {
          width: 20px;
     }
     .feat-cta-sctn .slider blockquote .stars {
          margin-bottom: 30px;
     }
     .feat-cta-sctn .slider blockquote p {
          font-size: 1.25em;
     }
     .feat-cta-sctn .slider .swiper-button-next {
          right: 24px;
     }
     .feat-cta-sctn .slider .swiper-button-prev {
          left: 24px;
     }
     .feat-cta-sctn .slider .swiper-pagination {
          bottom: 24px;
     }
     .pgs-links .row {
          --bs-gutter-x: 12px;
     }
     .pgs-links a.entry .wrapper h2 {
          font-size: 1.875em;
     }
     .faq-sctn .title.col {
          max-width: 324px;
     }
     .faq-sctn .faq-toggles.col {
          flex: 0 0 55%;
     }
     .faq-toggles a.tgl-title {
          padding: 24px 36px 24px 0;
     }
     .faq-toggles a.tgl-title .icon {
          right: 9px;
     }
     .faq-toggles a.tgl-title .icon span {
          width: 15px;
     }
     .faq-toggles a.tgl-title .icon span:before {
          height: 15px;
     }
/*  
      ⤴︎ =============  end HOMEPAGE
*/
/*  
     ⤵︎ =============  LISTINGS page
*/
     .df-hero .container-fluid {
          max-width: 638px;
     }
     .df-hero h1 {
          font-size: 3em;
     }
     .mb-refiner button.main,
     .mb-refiner button.search {
          font-size: 14px;
     }
     .mb-refiner .modal-footer,
     .mb-refiner .modal-header {
          border: 0;
     }
     .mb-refiner button.search {
          font-size: 14px;
          --bs-btn-padding-y: 12px;
     }
     .mb-refiner .btn-close {
          --bs-btn-close-color: #000;
          --bs-btn-close-opacity: 1;
          --bs-btn-close-focus-shadow: none;
     }
     .mb-refiner .item {
          max-width: 380px;
          margin: auto auto 12px auto;
     }
     .mb-refiner a.btn-outline-primary {
          position: relative;
          display: block;
          padding: 12px 30px;
          font-size: 14px;
          --bs-btn-color: #000;
          --bs-btn-border-color: #000;
          --bs-btn-hover-bg: #CFEEC8;
          --bs-btn-hover-color: #000;
          --bs-btn-hover-border-color: #000;
          --bs-btn-active-color: #000;
          --bs-btn-active-bg: #CFEEC8;
          --bs-btn-active-border-color: #000;
          
     }
     .mb-refiner a.btn-outline-primary .arrow {
          right: 12px;
          width: 12px;
     }
     .mb-refiner .item .card {
          --bs-card-border-width: 0;
          font-size: 14px;
          font-weight: 600;
          background-color: transparent;
     }
     .mb-refiner .item .card a {
          display: inline-block;
          padding: 6px;
     }
     #resTable thead th {
          padding: 16px 12px 16px 6px;
     }
     table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order, table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order {
          right: 0;
     }
     #resTable tbody td {
          padding: 18px 6px 14px;
     }
     #resTable .lbl-cl .box {
          width: auto;
     }
     #resTable .lbl-cl .box {
          padding: 9px 3px;
     }
     table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
          position: absolute;
          right: 3px;
          top: 50%;
          margin-right: 0;
          border-top: 4px solid transparent;
          border-left: 5px solid #2F53EF;
          border-bottom: 4px solid transparent;
          border-right: 0px solid transparent;
     }
     table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>th.dtr-control:before {
          border-top: 5px solid #2F53EF;
          border-left: 4px solid transparent;
          border-bottom: 0px solid transparent;
          border-right: 4px solid transparent;
     }
     #resTable tbody tr.child td {
          background-color: #fff;
          border-bottom: 1px solid rgba(0,0,0,0.5);
          padding-bottom: 30px;
     }
     #resTable tbody tr td {
         background-color: #F8F9FF;
     }
     #resTable tbody tr:nth-child(2n+2) td {
         background-color: #fff;
     }
     table.dataTable>tbody>tr.child ul.dtr-details {
          display: block;
          list-style-type: none;
          margin: 0;
          padding: 0;
          text-align: left;
     }
     table.dataTable>tbody>tr.child ul.dtr-details>li {
          padding: 0.75em 0;
          display: flex;
          align-items: center;
     }
     table.dataTable>tbody>tr.child span.dtr-title {
          padding-right: 12px;
     }
/*  
     ⤴︎ =============  end LISTINGS page
*/
/*  
     ⤵︎ =============  DETAILS page
*/
     .details-post .container-fluid {
          max-width: 800px;
     }
     .details-post .main-info {
          flex-wrap: wrap;
     }
     .details-post .main-info .slider.col,
     .details-post .main-info .text.col {
          width: 100%;
     }
     .details-post .main-info .slider.col {
          margin-bottom: 30px;
     }
     .details-post .main-info .boxes .col {
          flex: 0 0 28%;
     }
     .details-post .main-info .info-row .col {
          flex: 0 0 25%;
     }
     .details-post .text.col .table td[scope="row"] {
          width: 166px;
     }
     .details-post .text.col .table td {
          padding: 12px 20px;
     }
/*  
     ⤴︎ =============  end DETAILS page
*/
/*  
     ⤵︎ =============  POINTS CHARTS page
*/
     .charts-table {
          margin-bottom: 60px;
     }
/*  
     ⤴︎ =============  end POINTS CHARTS page
*/
/*  
     ⤵︎ =============  FLOOR PLANS page
*/
     .floor-plans-pg.details-post .overview .col:first-child,
     .floor-plans-pg.details-post .overview .col:last-child {
          flex: 0 0 50%;
     }
     .floor-plans-pg.details-post .overview .amenities ul {
          column-gap: 0;
          column-count: 1;
     }
/*  
     ⤴︎ =============  end FLOOR PLANS page
*/
/*
     ⤵︎ ============= SELL STEPS page
*/
     .sell-steps .steps .box {
          --sstep-num-sz: 60px;
          padding: 58px 24px 12px 30px;
     }
     .sell-steps .steps .item .list-num div {
          border: 5px solid #CFEEC8;
          font-size: 22px;
          line-height: 50px;
     }
     .sell-steps .steps .item {
          --bs-gutter-x: 40px;
          padding-bottom: 48px;
     }
     .sell-steps .steps .item .icon .btn-link {
          height: 24px;
     }
     .sell-steps .steps .item.opened {
          padding-bottom: 72px;
     }
/*
     ⤴︎ ============= end SELL STEPS page
*/
/*  
     ⤵︎ =============  FAQ page
*/
     .faq-pg .item {
          padding: 28px 84px 28px 30px;
     }
     .faq-pg .item a.title .icon {
          right: -48px;
     }
/*  
     ⤴︎ =============  end FAQ page
*/
/*
     ⤵︎ =============  MAKE AN OFFER page
*/
     .make_offer-info .info-box .wrapper {
          padding: 10px 24px;
     }
     .make_offer-info .info-box {
          padding: 18px 12px;
     }
     .make-offer.feat-cta-sctn .intro h1.section-title {
          padding-bottom: 24px;
     }
     .offer-process-info .row {
          --bs-gutter-x: 30px;
     }
     .offer-process-info .feat-text .img,
     .offer-process-info .feat-text .text {
          flex: 0 0 100%;
     }
     .offer-process-info .feat-text .img {
          padding-bottom: 24px;
     }
     .offer-process-info .m_text-right .text {
          padding-top: 0;
     }
     .offer-process-info .m_text-right {
          margin-top: 1.5rem;
     }
     .offer-process-info .feat-text, 
     .offer-process-info .img {
          flex: 0 0 45%;
     }
     .offer-process-info .text {
          flex: 0 0 55%;
     }
/*
     ⤴︎ =============  end MAKE AN OFFER page
*/
/*  
     ⤵︎ =============  ABOUT page
*/
     .about-pg .intro {
          padding-top: 96px;
     }
     .about-pg .intro .text.col {
          width: 100%;
          max-width: 496px;
          margin: auto auto 36px auto;
          padding-right: 0.75rem;
          text-align: center;
     }
     .about-pg .intro h2.title,
     .vacation-resorts-sctn h1,
     .join-info-sctn h1 {
          font-size: 2.5em;
     }
     .about-pg .intro p {
          max-width: inherit;
     }
     .about-pg .intro .slider.col {
          width: 100%;
          padding-left: 36px;
     }
     .about-pg .intro .slider .logo {
          left: 0;
     }
     .about-pg .intro .slider .logo {
          bottom: -6px;
          width: 102px;
          padding: 6px;
     }
     .about-pg .intro .slider .swiper-slide:after {
          left: -32px;
          width: 36px;
          height: 36px;
     }
     .vacation-resorts-sctn .box {
          max-width: 480px;
          padding: 36px 18px;
     }
     .vacation-resorts-sctn .bg {
          width: 60%;
     }
     .join-info-sctn {
          padding: 84px 0 112px;
     }
     .join-info-sctn .row {
          --bs-gutter-x: 48px;
     }
     .join-info-sctn .img.col,
     .join-info-sctn .text.col {
          flex: 0 0 50%;
     }
/*  
     ⤴︎ =============  end ABOUT page
*/
/*  
     ⤵︎ =============  FOOTER
*/
     #footer .cta {
          max-width: 588px;
     }
     #footer .cta h2 {
          font-size: 2.5em;
     }
     #footer .bottom.row ul {
          margin-bottom: 0;
          column-gap: 18px;
     }
/*  
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         767px >=x
*/
@media screen and (max-width:767px) {
/*  
     ⤵︎ =============  HOMEPAGE
*/
     .df-hero .container-fluid {
          max-width: 600px;
     }
     .df-hero h1 {
          font-size: 2.875em;
     }
     .hero-search .group {
          --bs-gutter-x: 6px;
     }
     .hero-search .nav {
          --bs-nav-link-padding-x: 12px;
     }
     .hero-search button.form-control span {
          padding-right: 24px;
     }
     .hero-search button.form-control .arrow {
          right: 0;
     }
     .hero-search button.search.btn {
          right: 6px;
          width: 48px;
          height: 48px;
     }
     .hero-search button.search.btn img {
          width: 25px;
     }
     .hero-search button.form-control {
          padding: 18px 12px 18px 42px;
     }
     .hero-search button.form-control .icon {
          left: 12px;
          width: 20px;
     }
     .hero-search .group {
          padding: 12px 60px 12px 0;
     }
     .hero-search .dropdown-menu {
          --bs-dropdown-item-padding-x: 6px;
     }
     .resorts-sctn a.card .row .col:nth-child(1),
     .resorts-sctn a.card .row .col:nth-child(2) {
          flex: 0 0 100%;
          text-align: center;
     }
     .resorts-sctn a.card .row .col:nth-child(1) {
          max-width: 140px;
          margin: auto auto 1rem auto;
     }
     .feat-cta-sctn .intro {
          padding-top: 72px;
     }
     .feat-cta-sctn .intro .col {
          font-size: 44px;
     }
     .feat-cta-sctn .intro .col p {
          padding-top: 6px;
          font-size: 1rem;
     }
     .feat-cta-sctn .slider .swiper-slide {
          padding: 42px 36px 78px;
     }
     .feat-cta-sctn .slider .swiper-button-next {
          right: 0;
     }
     .feat-cta-sctn .slider .swiper-button-prev {
          left: 0;
     }
     .feat-cta-sctn .slider blockquote p {
          font-size: 1.125em;
     }
     .feat-cta-sctn .slider blockquote footer {
          padding-top: 12px;
     }
     .pgs-links a.entry {
          padding-top: 20%;
     }
     .pgs-links a.entry .wrapper h2 {
          font-size: 1.5em;
     }
     .pgs-links a.entry .wrapper h2 .more {
          position: static;
          display: block;
          margin-top: 12px;
          width: 30px;
     }
     .pgs-links a.entry .wrapper {
          padding: 30px 12px;
     }
     .faq-toggles .card {
          font-size: 1em;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/
/*  
     ⤵︎ =============  LISTINGS page
*/
     .results-table {
          padding-bottom: 96px;
     }
     #resTable .nm-cl,
     #resTable .nm-cl,
     #resTable .lbl-cl,
     #resTable .price-cl {
         width: auto;
     }
     .results-table ul.pagination li {
          padding: 0;
     }
     .results-table ul.pagination .page-link {
          width: 36px;
          height: 36px;
          line-height: 36px;
     }
     .results-table ul.pagination .page-link.previous {
         margin-right: 0;
     }
     .results-table ul.pagination .page-link.next {
         margin-left: 0;
     }
/*  
     ⤴︎ =============  end LISTINGS page
*/
/*  
     ⤵︎ =============  DETAILS page
*/
     .details-post .overview .col:first-child,
     .details-post .overview .col:last-child {
          flex: 0 0 100%;
          max-width: none;
     }
     .details-post .overview .col:last-child {
          padding-top: 36px;
     }
/*  
     ⤴︎ =============  end DETAILS page
*/
/*  
     ⤵︎ =============  FLOOR PLANS page
*/
     .floor-plans-pg.details-post .overview .col:first-child,
     .floor-plans-pg.details-post .overview .col:last-child {
          flex: 0 0 100%;
     }
     .floor-plans-pg.details-post .overview .col:last-child {
          max-width: none;
          padding-top: 30px;
     }
     .floor-plans-pg.details-post .overview .amenities ul {
          column-gap: 1.5rem;
          column-count: 2;
     }
/*  
     ⤴︎ =============  end FLOOR PLANS page
*/
/*  
     ⤵︎ =============  RESORT OVERVIEW page
*/
     .resort-overview .container-fluid {
          max-width: 548px;
     }
     .resort-overview .row {
          justify-content: center;
          flex-wrap: wrap;
     }
     .resort-overview .text.col,
     .resort-overview .slider.col {
          width: 100%;
     }
     .resort-overview .slider.col {
          padding-top: 3rem;
     }
     .resort-overview h2.title {
          margin-bottom: 1.875rem;
          font-size: 1.0625em;
          font-weight: 700;
          color: #000;
     }
/*  
     ⤴︎ =============  end RESORT OVERVIEW page
*/
/*
     ⤵︎ ============= SELL STEPS page
*/
     .sell-steps .steps {
          background-image: url(../images/bg-curve-up-bluebg-2-mb.svg);
     }
     .sell-steps .steps .box {
          padding: 58px 12px 12px 12px;
     }
     .sell-steps .steps .item {
          --bs-gutter-x: 24px;
          padding-bottom: 48px;
     }
     .sell-steps .steps .icon.col {
          flex: 0 0 70px;
     }
     .df-form fieldset.checkboxes fieldset .row {
          --bs-gutter-x: 24px;
     }
     
/*
     ⤴︎ ============= end SELL STEPS page
*/
/*  
     ⤵︎ ============= CONTACT page
*/
     .contact-pg.container-fluid {
          padding-bottom: 96px;
     }
     .contact-pg .row {
          --bs-gutter-x: 18px;
     }
     .contact-pg form {
          padding: 24px 12px;
     }
/*  
     ⤴︎ ============= end CONTACT page
*/
/*
     ⤵︎ =============  MAKE AN OFFER page
*/
     .make_offer-info {
          background-image: url(../images/bg-curve-up-bluebg-2-mb.svg);
     }
     .make_offer-info .info-box {
          padding: 12px 0;
     }
     .make_offer-info .info-box .row {
          --bs-gutter-x: 12px;
     }
     .make_offer-info .info-box .col {
          flex: 0 0 50% !important;
          margin-top: 6px;
          margin-bottom: 6px;
     }
     .make_offer-info .info-box .col:nth-child(2),
     .make_offer-info .info-box .col:nth-child(3) {
          display: block;
     }
     .make_offer-info .info-box .col:nth-child(2) {
          border-right: 0;
     }
     .make_offer-info .info-box .wrapper {
          max-width: 200px;
          margin: auto;
     }
     .offer-form {
          max-width: 480px;
          margin: auto;
          padding: 30px 18px 24px 18px;
     }
     .offer-form .row .total {
          flex: 0 0 100%;
          border-right: 0;
     }
     .offer-form .row .note {
          flex: 0 0 100%;
     }
     .offer-form .row:last-child .col {
          padding-top: 6px;
          padding-bottom: 6px;
     }
     .offer-process-info .note-box {
          padding: 48px 36px;
     }
     .make-offer.feat-cta-sctn .intro h1.section-title {
          padding-bottom: 48px;
     }
/*
     ⤴︎ =============  end MAKE AN OFFER page
*/
/*  
     ⤵︎ =============  ABOUT page
*/
     .about-pg .intro .slider {
          --abp-slide-width: 482px;
     }
     .vacation-resorts-sctn .box {
          top: 60px;
          max-width: 548px;
          padding: 36px 24px;
          text-align: center;
          width: 90%;
     }
     .vacation-resorts-sctn .outer-wrapper {
          padding: 220px 0 0 0;
          margin-bottom: 102px;
     }
     .vacation-resorts-sctn .bg {
          width: 100%;
     }
     .join-info-sctn .row {
          --bs-gutter-x: 1.5rem;
     }
     .join-info-sctn .img.col,
     .join-info-sctn .text.col {
          flex: 0 0 100%;
     }
     .join-info-sctn .img.col {
          max-width: 528px;
          margin: auto;
     }
     .join-info-sctn .text.col {
          padding-bottom: 48px;
          text-align: center;
     }
     .join-info-sctn h1 {
          margin-bottom: 30px;
     }
/*  
     ⤴︎ =============  end ABOUT page
*/
/*  
     ⤵︎ =============  FOOTER
*/
     #footer .cta {
          max-width: 480px;
          margin-bottom: 72px;
     }
     #footer .cta h2 {
          font-size: 2.125em;
     }
     #footer .bottom.row .col {
          flex: 0 0 50%;
     }
     #footer .bottom.row ul,
     #footer .top.row nav.col ul {
          column-gap: 12px;
     }
     #footer .top.row .f-social ul {
          column-gap: 16px;
     }
     #footer .top.row {
          --f-col-width: 130px;
     }
/*  
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
/* 
/*  
     ⤵︎                                         640px >=x
*/
@media screen and (max-width:640px) {
     
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         575px >=x
*/
@media screen and (max-width:575px) {
     body {
          --bs-body-font-size: .938rem;
     }
/*  
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero h1 {
          font-size: 2.875em;
     }
     .hero-search .tab-content .col.resort,
     .hero-search .tab-content .col.year {
          flex: 0 0 100%;
     }
     .hero-search .group .col:first-child {
          border-right: none;
          border-bottom: 1px solid #D1D1D1;
     }

     .hero-search .tab-content .sell_form .col.resort {
          border-bottom: none;
     }

     .hero-search button.form-control {
          padding: 18px 12px 18px 54px;
     }
     .hero-search button.form-control .icon {
          left: 22px;
          width: 19px;
     }
     .hero-search .year button.form-control span {
          max-width: none;
     }
     .feat-listing-sctn .slider article a {
          width: 236px;
     }
     .feat-listing-sctn .slider article a .bg-img {
          padding-top: 76%;
     }
     .feat-cta-sctn .intro .col {
          flex: 0 0 50%;
          max-width: 196px;
          font-size: 51px;
     }
     .pgs-links .row {
          --bs-gutter-x: 6px;
     }
     .faq-sctn .title.col {
          flex: 1 1 100%;
          max-width: none;
          text-align: center;
          padding-bottom: 2.25rem;
     }
     .faq-sctn .faq-toggles.col {
          flex: 0 0 100%;
     }
     .faq-toggles a.tgl-title h3 {
          font-size: 1.125em;
     }
     h1.section-title,
     h2.section-title {
          font-size: 2em;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/
/*  
     ⤵︎ =============  HOMEPAGE
*/
     .df-hero {
          min-height: 418px;
     }
     .df-hero .container-fluid {
          max-width: 496px;
          padding: 196px 0 96px;
     }
     .df-hero h1 {
          font-size: 2.5em;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/
/*  
     ⤵︎ =============  DETAILS page
*/
     .details-post .main-info .slider .swiper-button-next {
          right: 0;
     }
     .details-post .main-info .slider .swiper-button-prev {
          left: 0;
     }
/*  
     ⤴︎ =============  end DETAILS page
*/
/*  
     ⤵︎ =============  RESORT OVERVIEW page
*/
     .resort-overview .info {
          --bs-gutter-x: 12px;
          padding-top: 12px;
     }
     .resort-overview .info .col {
          flex: 0 0 50% !important;
          padding-top: 24px;
          padding-bottom: 0;
     }
/*  
     ⤴︎ =============  end RESORT OVERVIEW page
*/
/*
     ⤵︎ ============= SELL STEPS page
*/
     .request-sale-sctn {
          padding-bottom: 84px;
     }
     .sell-steps .intro h2.section-title,
     .request-sale-sctn h1.section-title {
          font-size: 2em;
     }
     .sell-steps .steps .item {
          --bs-gutter-x: 18px;
     }
     .sell-steps .steps .icon.col {
          flex: 0 0 54px;
     }
     .sell-steps .steps .box {
          --sstep-num-sz: 48px;
     }
     .sell-steps .steps .item .list-num div {
          font-size: 20px;
          line-height: 38px;
     }
     .sell-steps .steps h3.title {
          margin-bottom: 12px;
          font-size: 1.375em;
     }
     .df-form .row {
          --bs-gutter-x: 6px;
     }
     .df-form .input-wrapper, .df-form button.form-control {
          padding: 10px 12px;
          margin-bottom: 12px;
     }
     .df-form .dropdown-item {
         padding-left: 0;
         padding-right: 0;
     }
/*
     ⤴︎ ============= end SELL STEPS page
*/
/*  
     ⤵︎ =============  FAQ page
*/
     .faq-pg .item {
          margin-bottom: 9px;
          padding: 28px 60px 28px 18px;
     }
     .faq-pg .item:has(> a.title[aria-expanded="true"]) {
          margin-bottom: 30px;
     }
/*  
     ⤴︎ =============  end FAQ page
*/
/*  
     ⤵︎ ============= CONTACT page
*/
     .contact-pg.container-fluid {
          max-width: 460px;
          text-align: center;
     }
     .contact-pg .info {
          padding-bottom: 42px;
     }
/*  
     ⤴︎ ============= end CONTACT page
*/
/*
     ⤵︎ =============  MAKE AN OFFER page
*/
     .offer-info-form {
          padding-bottom: 72px;
     }
     .offer-process-info .container-fluid {
          padding-top: 0;
     }
     .offer-process-info .text {
          flex: 0 0 100%;
     }
     .offer-process-info .feat-text,
     .offer-process-info .img {
          flex: 0 0 100%;
     }
     .offer-process-info .img {
          padding-bottom: 24px;
     }
     .offer-process-info .note-box {
          margin-top: 30px;
          padding: 36px 18px;
     }
/*
     ⤴︎ =============  end MAKE AN OFFER page
*/
/*  
     ⤵︎ =============  ABOUT page
*/
     .about-pg .intro {
          padding-top: 84px;
     }
     .about-pg .intro h2.title,
     .vacation-resorts-sctn h1,
     .join-info-sctn h1 {
          font-size: 2.25em;
     }
     .about-pg .intro h2.title {
          max-width: 396px;
          margin-left: auto;
          margin-right: auto;
     }
     .about-pg .intro .slider {
          --abp-slide-width: 422px;
     }
     .about-pg .intro .slider.col {
          padding-left: 24px;
     }
     .about-pg .intro .slider .logo {
          width: 78px;
     }
     .about-pg .intro .text.col {
          max-width: 466px;
     }
     .about-pg .intro .slider .swiper-pagination-bullet {
          width: 30px;
     }
     .about-pg .intro .slider .swiper-slide:after {
          left: -20px;
          width: 24px;
          height: 24px;
     }
     .vacation-resorts-sctn .outer-wrapper:before {
          left: -228px;
          top: -154px;
          width: 480px;
          height: 480px;
          display: none;
     }
     .vacation-resorts-sctn .box {
          padding: 36px 12px;
          width: 95%;
     }
     .vacation-resorts-sctn .outer-wrapper:after {
          right: -60px;
          bottom: -80px;
          width: 148px;
          height: 148px;
          display: none;
     }
     .vacation-resorts-sctn .outer-wrapper {
          padding: 220px 0 0 0;
          margin-bottom: 102px;
     }
     .join-info-sctn {
          padding: 54px 0 102px;
     }
/*
     ⤴︎ =============  end ABOUT page
*/
/*  
     ⤵︎ =============  FOOTER
*/
     #footer .cta {
          max-width: 428px;
          margin-bottom: 60px;
     }
     #footer .cta h2 {
          font-size: 2em;
     }
     #footer .top.row .logo,
     #footer .top.row .f-social {
          flex: 0 0 100%;
          text-align: center;
     }
     #footer .top.row nav.col {
          flex: 0 0 100%;
          width: auto;
          font-weight: 500;
     }
     #footer .top.row .logo {
          padding-bottom: 1.5rem;
     }
     #footer .top.row nav.col ul li {
          padding: 6px 0;
     }
     #footer .top.row .f-social {
          padding-top: 1.5rem;
     }
     #footer .bottom.row .col {
          flex: 0 0 100%;
          text-align: center;
     }
     #footer .bottom.row nav.col {
          padding-top: 1.125rem;
          padding-bottom: 1.125rem;
          text-align: center;
     }
/*  
     ⤴︎ =============  end FOOTER
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         480px >=x
*/
@media screen and (max-width:480px) {
/*  
     ⤵︎ =============  HEADER
*/
     #header.shrink .outer-wrapper .btn {
          --bs-btn-padding-y: 9px;
     }
     #header.shrink .options .outer-wrapper {
          padding: 3px;
     }
     #header.shrink .options a.tel {
          padding: 0;
      }
     #header .options a.tel .num {
          display: none;
     }
     #header .options a .icon {
          margin-left: 0;
     }
/*  
     ⤴︎ =============  end HEADER
*/
/*  
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero h1 {
          font-size: 2.25em;
     }
     .hero-search .nav {
          --bs-nav-link-padding-x: 9px;
          font-size: 0.95em;
     }
     .hero-search {
          padding-left: 6px;
          padding-right: 6px;
     }
     .hero-search button.form-control {
          padding: 18px 0 18px 54px;
     }
     .hero-search .tab-content .outer-wrapper {
          padding: 0 3px 24px 3px;
     }
     .hero-search button.form-control .arrow {
          width: 12px;
     }
     .resorts-sctn .container-fluid .row {
          justify-content: center !important;
     }
     .resorts-sctn .col {
          flex: 0 0 50%;
     }
     .pgs-links .row .col {
          flex: 1 0 100% !important;
     }
     .pgs-links a.entry .wrapper h2 {
          text-align: center;
     }
     .pgs-links a.entry .wrapper h2 .more {
          margin: 12px auto auto auto;
     }
     .faq-sctn {
          padding: 60px 0 72px;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/
/*
     ⤵︎ =============  DETAILS page
*/
     .details-post .top.row .col:last-child {
          flex: 0 0 50px;
     }
     .details-post .main-info .offer-box {
          padding: 9px;
     }
     .details-post .main-info .boxes .col {
          flex: 0 0 30%;
     }
     .details-post .main-info .boxes .item {
          padding: 12px 6px;
     }
     .details-post .main-info .boxes.row {
          --bs-gutter-x: 6px;
     }
     .details-post .main-info {
          padding-bottom: 48px;
          margin-bottom: 48px;
     }
     .details-post .main-info .info-row .col {
          flex: 0 0 50%;
     }
     .details-post .main-info .info-row .label {
          padding-bottom: 6px;
     }
     .details-post .text.col .table,
     .details-post .text.col .table tr,
     .details-post .text.col .table td {
          display: block;
     }
     .details-post .text.col .table td {
          padding: 12px 6px;
     }
     .details-post .text.col .table td[scope="row"] {
          width: auto;
          padding-bottom: 0;
          font-weight: 700;
     }
     .details-post .text.col .table td[scope="row"] .icon {
          right: -16px !important;
     }
     .floor-plans .select button.btn {
          padding: 16px 30px 16px 12px;
     }
     .floor-plans .select button.btn.dropdown-toggle:after {
          right: 9px;
     }
     .floor-plans .content {
          padding: 30px 0;
     }
     .details-post .overview .amenities ul {
          column-count: 1;
     }
     a.btn-lg {
          --bs-btn-font-size: 1.125em;
     }
/*
     ⤴︎ =============  end DETAILS page
*/
/*
     ⤵︎ ============= SELL STEPS page
*/
     .request-sale-sctn form {
          padding-top: 30px;
     }
     .sell-steps .steps .box {
          padding: 42px 3px 12px 3px;
     }
     .sell-steps .steps .item {
          --bs-gutter-x: 12px;
     }
     .sell-steps .steps .item .icon .btn-link {
          width: 24px;
          background-size: 18px auto;
     }
     .sell-steps .steps .icon.col {
          flex: 0 0 36px;
     }
     .sell-steps .steps .item.opened .wrapper {
          font-size: 14px;
     }
     .df-form .row .col {
          width: 100% !important;
     }
     .df-form .checkboxes.row .col {
          width: auto !important;
     }
     .sell-steps .steps h3.title {
          font-size: 1.25em;
     }
/*
     ⤴︎ ============= end SELL STEPS page
*/
/*  
     ⤵︎ =============  FAQ page
*/
     .faq-pg .item {
          padding: 28px 48px 28px 12px;
     }
     .faq-pg .item a.title .icon {
          right: -40px;
          width: 28px;
          height: 28px;
     }
/*  
     ⤴︎ =============  end FAQ page
*/
/*
     ⤵︎ =============  MAKE AN OFFER page
*/
     .offer-info-form form h2 {
          margin-bottom: 1.875rem;
          font-size: 1.75em;
     }
     .make_offer-info .descr h2 {
          font-size: 1.375em;
     }
     .offer-form .row .total {
          font-size: 1.5em;
     }
     .offer-process-info .feat-text h2 {
          font-size: 1.375em;
     }
/*
     ⤴︎ =============  end MAKE AN OFFER page
*/
/*  
     ⤵︎ =============  ABOUT page
*/
     .about-pg .intro {
          padding-top: 66px;
          padding-bottom: 62px;
     }

     .about-pg .texts .intro:not(:first-child) {
          padding-top: 0;
          padding-bottom: 62px;
     }

     .about-pg .intro h2.title,
     .vacation-resorts-sctn h1,
     .join-info-sctn h1 {
          font-size: 2em;
     }
     .about-pg .intro .slider.col {
          padding-left: 12px;
     }
     .about-pg .intro .slider .logo {
          width: 60px;
     }
     .about-pg .intro .slider {
          --abp-slide-width: 88vw;
     }
/*
     ⤴︎ =============  end ABOUT page
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         380px >=x
*/
@media screen and (max-width:380px) {
/*  
     ⤵︎ =============  HEADER
*/
     #header .col.logo {
          flex: 0 0 108px;
     }
     #header .outer-wrapper .btn {
          --bs-btn-padding-x: 6px;
     }
     #header .outer-wrapper {
          background-color: transparent !important;
     }
     #header .navbar-toggler-icon {
          width: 1.5em;
          height: 1.5em;
          background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z" fill="%23fff"/></svg>');
     }
     #header.light-bg.shrink .navbar-toggler-icon {
          background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z" fill="%23000"/></svg>');
     }
     #header .options a .icon {
          width: 48px;
          height: 48px;
     }
/*  
     ⤴︎ =============  end HEADER
*/
/*  
     ⤵︎ =============  HOMEPAGE
*/
     #home-hero h1 {
          font-size: 2.125em;
     }
     .feat-cta-sctn .intro .col {
          font-size: 48px;
     }
     .feat-cta-sctn .slider .swiper-slide {
          padding: 36px 30px 78px;
     }
     .feat-cta-sctn .slider .swiper-button-next,
     .feat-cta-sctn .slider .swiper-button-prev {
          width: 24px;
          height: 24px;
          background-size: 11px auto;
     }
     .hero-search button.search.btn img {
          width: 22px;
     }
     .hero-search button.search.btn {
          right: 3px;
          width: 42px;
          height: 42px;
     }
     .hero-search .group {
          padding: 12px 45px 12px 0;
     }
     h1.section-title,
     h2.section-title {
          font-size: 1.875em;
     }
     .feat-listing-sctn .intro p {
          font-size: 1em;
     }
     .feat-listing-sctn .slider {
          padding-top: 36px;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/
/*  
     ⤵︎ =============  LISTINGS page
*/
     .results-table {
          padding-bottom: 84px;
     }
     .results-table ul.pagination {
          --bs-pagination-font-size: 13px;
     }
     .results-table ul.pagination .page-link {
          width: 24px;
          height: 24px;
          line-height: 24px;
     }
/*  
     ⤴︎ =============  end LISTINGS page
*/
/*
     ⤵︎ ============= SELL STEPS page
*/
     .request-sale-sctn {
          padding-bottom: 76px;
     }
     .sell-steps .intro h2.section-title,
     .request-sale-sctn h1.section-title {
          font-size: 1.875em;
     }
     .df-form button.form-control .value {
          padding-right: 36px;
     }
     .df-form button.form-control .arrow {
          right: 6px;
          width: 18px;
     }
     .df-form .form-control, .df-form button.form-control .value {
          font-size: 14px;
          line-height: 18px;
     }
     .df-form .form-check-label {
          font-size: 14px;
          line-height: 18px;
     }
     .df-form .form-check-input {
          top: 0;
     }
/*
     ⤴︎ ============= end SELL STEPS page
*/
/*  
     ⤵︎ =============  FAQ page
*/
     .faq-pg .item {
          padding: 28px 12px;
     }
     .faq-pg .item a.title {
          padding-right: 32px;
     }
     .faq-pg .item a.title .icon {
          right: 0;
     }
     .faq-pg .item .card {
          padding: 24px 0 0;
     }
/*  
⤴︎ =============  end FAQ page
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         360px >=x
*/
@media screen and (max-width:360px) {
/*  
     ⤵︎ =============  HOMEPAGE
*/
     .feat-cta-sctn .slider blockquote p {
          font-size: 1em;
     }
/*  
     ⤴︎ =============  end HOMEPAGE
*/
/*
     ⤵︎ =============  DETAILS page
*/
     .details-post .main-info .boxes.row {
          flex-wrap: wrap;
     }
     .details-post .main-info .boxes .col {
          flex: 0 0 100% !important;
          margin-bottom: 3px;
     }
/*
     ⤴︎ =============  end DETAILS page
*/
/*  
     ⤵︎ =============  FLOOR PLANS page
*/
     .floor-plans-pg.details-post .overview .amenities ul {
          column-gap: 0;
          column-count: 1;
     }
/*  
     ⤴︎ =============  end FLOOR PLANS page
*/
/*
     ⤵︎ =============  MAKE AN OFFER page
*/
     .offer-info-form form h2 {
          margin-bottom: 1.875rem;
          font-size: 1.875em;
     }
     .make_offer-info .info-box .col {
          flex: 0 0 100% !important;
          border: 0;
          margin-top: 0;
          margin-bottom: 0;
     }
     .make_offer-info .info-box .col:not(:last-child) .wrapper {
          border-bottom: 1px solid #D1D1D1;
     }
     .make_offer-info .info-box .col .wrapper {
          padding: 12px 24px;
     }
/*
     ⤴︎ =============  end MAKE AN OFFER page
*/
/*  
     ⤵︎ =============  ABOUT page
*/
     .about-pg .intro h2.title,
     .vacation-resorts-sctn h1,
     .join-info-sctn h1 {
          font-size: 1.875em;
     }
/*
     ⤴︎ =============  end ABOUT page
*/
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         320px >=x
*/
@media screen and (max-width:320px) {
     #header .col.logo {
          flex: 0 0 96px;
     }
     #header .options .outer-wrapper {
          padding: 6px;
     }
     #header .options a.tel {
          padding: 0;
     }
/*
     ⤵︎ =============  DETAILS page
*/
     .details-post {
          padding: 120px 0 78px;
     }
     .details-post .main-info .info-row .col {
          flex: 0 0 100%;
     }
/*
     ⤴︎ =============  end DETAILS page
*/
/*
     ⤵︎ ============= SELL STEPS page
*/
     .sell-steps .steps .box {
          --sstep-num-sz: 36px;
     }
     .sell-steps .steps .item .list-num div {
          font-size: 18px;
          line-height: 30px;
          border-width: 3px;
     }
     .sell-steps .steps h3.title {
          font-size: 1.125em;
     }
     .sell-steps .steps .icon.col {
          flex: 0 0 30px;
     }
     .sell-steps .steps .item .icon .btn-link {
          width: 18px;
          height: 18px;
          background-size: 16px auto;
     }
/*
     ⤴︎ ============= end SELL STEPS page
*/
}
/* 
     ⤴︎
*/