/* ============================================
   Homepage Mobile Responsive Styles
   Independent CSS - Won't conflict with default styles
   ============================================ */

/* iPad and Tablet Devices (768px - 1024px) */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* Home Banner Section - Adjust height for iPad */
  .page-wrap-home .home-banner {
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
  }

  .page-wrap-home .home-banner .banner,
  .page-wrap-home .home-banner .banner .slides,
  .page-wrap-home .home-banner .banner .slick-slider,
  .page-wrap-home .home-banner .banner .slick-list,
  .page-wrap-home .home-banner .banner .slick-track,
  .page-wrap-home .home-banner .banner .slick-slide,
  .page-wrap-home .home-banner .banner-item,
  .page-wrap-home .home-banner .banner-item picture,
  .page-wrap-home .home-banner .banner-item img {
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
  }

  /* Banner Overlay - Adjust positioning for iPad */
  .page-wrap-home .home-banner__overlay {
    width: calc(100% - 60px) !important;
    max-width: 900px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 30px !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Home Search Form - Optimize for iPad */
  .page-wrap-home .home-banner__overlay #home-search,
  .page-wrap-home #home-search {
    padding: 20px 25px !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }

  .page-wrap-home #home-search .small-12 {
    padding: 0 15px !important;
  }

  .page-wrap-home #home-search form {
    display: flex !important;
    flex-flow: row nowrap !important;
    gap: 12px !important;
    justify-content: center !important;
    align-items: stretch !important;
  }

  .page-wrap-home #home-search form > div {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  /* Date inputs - Optimize for iPad */
  .page-wrap-home #home-search .date__wrapper {
    padding: 12px 15px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .page-wrap-home #home-search .date__wrapper i.material-icons {
    font-size: 22px !important;
    flex-shrink: 0 !important;
  }

  .page-wrap-home #home-search input[type="text"] {
    font-size: 15px !important;
    padding: 10px 8px !important;
    flex: 1 !important;
    min-width: 0 !important;
  }

  /* People select - Optimize for iPad */
  .page-wrap-home #home-search .people__wrapper {
    padding: 12px 15px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .page-wrap-home #home-search .people__wrapper i.material-icons {
    font-size: 22px !important;
    flex-shrink: 0 !important;
  }

  .page-wrap-home #home-search select {
    font-size: 15px !important;
    padding: 10px 8px !important;
    flex: 1 !important;
    min-width: 0 !important;
  }

  /* Search button - Optimize for iPad */
  .page-wrap-home #home-search .search__wrapepr {
    padding: 12px 25px !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
  }

  .page-wrap-home #home-search .search__wrapepr i.material-icons {
    font-size: 22px !important;
    flex-shrink: 0 !important;
  }

  .page-wrap-home #home-search input[type="submit"] {
    font-size: 16px !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  /* Ensure form elements are properly aligned */
  .page-wrap-home #home-search .date,
  .page-wrap-home #home-search .people,
  .page-wrap-home #home-search .search {
    display: flex !important;
    align-items: stretch !important;
  }
}

/* iPad Pro and Large Tablets (1024px - 1366px) */
@media screen and (min-width: 1025px) and (max-width: 1366px) {
  /* Home Banner Section - Adjust for larger tablets */
  .page-wrap-home .home-banner {
    height: 650px !important;
    min-height: 650px !important;
    max-height: 650px !important;
  }

  .page-wrap-home .home-banner .banner,
  .page-wrap-home .home-banner .banner .slides,
  .page-wrap-home .home-banner .banner .slick-slider,
  .page-wrap-home .home-banner .banner .slick-list,
  .page-wrap-home .home-banner .banner .slick-track,
  .page-wrap-home .home-banner .banner .slick-slide,
  .page-wrap-home .home-banner .banner-item,
  .page-wrap-home .home-banner .banner-item picture,
  .page-wrap-home .home-banner .banner-item img {
    height: 650px !important;
    min-height: 650px !important;
    max-height: 650px !important;
  }

  /* Banner Overlay - Adjust for larger tablets */
  .page-wrap-home .home-banner__overlay {
    width: calc(100% - 80px) !important;
    max-width: 1000px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 40px !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Home Search Form - Optimize for larger tablets */
  .page-wrap-home .home-banner__overlay #home-search,
  .page-wrap-home #home-search {
    padding: 25px 30px !important;
  }

  .page-wrap-home #home-search .small-12 {
    padding: 0 20px !important;
  }

  .page-wrap-home #home-search form {
    gap: 15px !important;
  }

  /* Date inputs - Larger for iPad Pro */
  .page-wrap-home #home-search .date__wrapper {
    padding: 14px 18px !important;
  }

  .page-wrap-home #home-search .date__wrapper i.material-icons {
    font-size: 24px !important;
  }

  .page-wrap-home #home-search input[type="text"] {
    font-size: 16px !important;
    padding: 12px 10px !important;
  }

  /* People select - Larger for iPad Pro */
  .page-wrap-home #home-search .people__wrapper {
    padding: 14px 18px !important;
  }

  .page-wrap-home #home-search .people__wrapper i.material-icons {
    font-size: 24px !important;
  }

  .page-wrap-home #home-search select {
    font-size: 16px !important;
    padding: 12px 10px !important;
  }

  /* Search button - Larger for iPad Pro */
  .page-wrap-home #home-search .search__wrapepr {
    padding: 14px 30px !important;
    min-height: 55px !important;
  }

  .page-wrap-home #home-search .search__wrapepr i.material-icons {
    font-size: 24px !important;
  }

  .page-wrap-home #home-search input[type="submit"] {
    font-size: 17px !important;
  }
}

/* Desktop Displays (1367px - 1919px) */
@media screen and (min-width: 1367px) and (max-width: 1919px) {
  /* Home Banner Section - Standard desktop height */
  .page-wrap-home .home-banner {
    height: 700px !important;
    min-height: 700px !important;
    max-height: 700px !important;
  }

  .page-wrap-home .home-banner .banner,
  .page-wrap-home .home-banner .banner .slides,
  .page-wrap-home .home-banner .banner .slick-slider,
  .page-wrap-home .home-banner .banner .slick-list,
  .page-wrap-home .home-banner .banner .slick-track,
  .page-wrap-home .home-banner .banner .slick-slide,
  .page-wrap-home .home-banner .banner-item,
  .page-wrap-home .home-banner .banner-item picture,
  .page-wrap-home .home-banner .banner-item img {
    height: 700px !important;
    min-height: 700px !important;
    max-height: 700px !important;
  }

  /* Banner Overlay - Optimize for desktop */
  .page-wrap-home .home-banner__overlay {
    width: calc(100% - 100px) !important;
    max-width: 1200px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 50px !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Home Search Form - Desktop optimized */
  .page-wrap-home .home-banner__overlay #home-search,
  .page-wrap-home #home-search {
    padding: 30px 40px !important;
  }

  .page-wrap-home #home-search .small-12 {
    padding: 0 25px !important;
  }

  .page-wrap-home #home-search form {
    gap: 18px !important;
    max-width: 100% !important;
  }

  .page-wrap-home #home-search form > div {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  /* Date inputs - Desktop size */
  .page-wrap-home #home-search .date__wrapper {
    padding: 16px 20px !important;
    min-height: 60px !important;
  }

  .page-wrap-home #home-search .date__wrapper i.material-icons {
    font-size: 26px !important;
  }

  .page-wrap-home #home-search input[type="text"] {
    font-size: 17px !important;
    padding: 14px 12px !important;
    line-height: 1.5 !important;
  }

  /* People select - Desktop size */
  .page-wrap-home #home-search .people__wrapper {
    padding: 16px 20px !important;
    min-height: 60px !important;
  }

  .page-wrap-home #home-search .people__wrapper i.material-icons {
    font-size: 26px !important;
  }

  .page-wrap-home #home-search select {
    font-size: 17px !important;
    padding: 8px 12px !important;
    line-height: 1.5 !important;
  }

  /* Search button - Desktop size */
  .page-wrap-home #home-search .search__wrapepr {
    padding: 16px 35px !important;
    min-height: 60px !important;
    min-width: 180px !important;
  }

  .page-wrap-home #home-search .search__wrapepr i.material-icons {
    font-size: 26px !important;
  }

  .page-wrap-home #home-search input[type="submit"] {
    font-size: 18px !important;
    font-weight: 600 !important;
  }
}

/* Large Desktop Displays (1920px - 2559px) */
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  /* Home Banner Section - Large desktop height */
  .page-wrap-home .home-banner {
    height: 800px !important;
    min-height: 800px !important;
    max-height: 800px !important;
  }

  .page-wrap-home .home-banner .banner,
  .page-wrap-home .home-banner .banner .slides,
  .page-wrap-home .home-banner .banner .slick-slider,
  .page-wrap-home .home-banner .banner .slick-list,
  .page-wrap-home .home-banner .banner .slick-track,
  .page-wrap-home .home-banner .banner .slick-slide,
  .page-wrap-home .home-banner .banner-item,
  .page-wrap-home .home-banner .banner-item picture,
  .page-wrap-home .home-banner .banner-item img {
    height: 800px !important;
    min-height: 800px !important;
    max-height: 800px !important;
  }

  /* Banner Overlay - Large desktop optimized */
  .page-wrap-home .home-banner__overlay {
    width: calc(100% - 120px) !important;
    max-width: 1400px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 60px !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Home Search Form - Large desktop optimized */
  .page-wrap-home .home-banner__overlay #home-search,
  .page-wrap-home #home-search {
    padding: 35px 50px !important;
  }

  .page-wrap-home #home-search .small-12 {
    padding: 0 30px !important;
  }

  .page-wrap-home #home-search form {
    gap: 20px !important;
    max-width: 100% !important;
  }

  /* Date inputs - Large desktop size */
  .page-wrap-home #home-search .date__wrapper {
    padding: 18px 25px !important;
    min-height: 65px !important;
  }

  .page-wrap-home #home-search .date__wrapper i.material-icons {
    font-size: 28px !important;
  }

  .page-wrap-home #home-search input[type="text"] {
    font-size: 18px !important;
    padding: 16px 14px !important;
  }

  /* People select - Large desktop size */
  .page-wrap-home #home-search .people__wrapper {
    padding: 18px 25px !important;
    min-height: 65px !important;
  }

  .page-wrap-home #home-search .people__wrapper i.material-icons {
    font-size: 28px !important;
  }

  .page-wrap-home #home-search select {
    font-size: 18px !important;
    padding: 16px 14px !important;
  }

  /* Search button - Large desktop size */
  .page-wrap-home #home-search .search__wrapepr {
    padding: 18px 40px !important;
    min-height: 65px !important;
    min-width: 200px !important;
  }

  .page-wrap-home #home-search .search__wrapepr i.material-icons {
    font-size: 28px !important;
  }

  .page-wrap-home #home-search input[type="submit"] {
    font-size: 19px !important;
    font-weight: 600 !important;
  }
}

/* Ultra-Wide Displays (2560px and above) */
@media screen and (min-width: 2560px) {
  /* Home Banner Section - Ultra-wide height */
  .page-wrap-home .home-banner {
    height: 900px !important;
    min-height: 900px !important;
    max-height: 900px !important;
  }

  .page-wrap-home .home-banner .banner,
  .page-wrap-home .home-banner .banner .slides,
  .page-wrap-home .home-banner .banner .slick-slider,
  .page-wrap-home .home-banner .banner .slick-list,
  .page-wrap-home .home-banner .banner .slick-track,
  .page-wrap-home .home-banner .banner .slick-slide,
  .page-wrap-home .home-banner .banner-item,
  .page-wrap-home .home-banner .banner-item picture,
  .page-wrap-home .home-banner .banner-item img {
    height: 900px !important;
    min-height: 900px !important;
    max-height: 900px !important;
  }

  /* Banner Overlay - Ultra-wide optimized with max-width constraint */
  .page-wrap-home .home-banner__overlay {
    width: calc(100% - 160px) !important;
    max-width: 1600px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 70px !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Home Search Form - Ultra-wide optimized */
  .page-wrap-home .home-banner__overlay #home-search,
  .page-wrap-home #home-search {
    padding: 40px 60px !important;
  }

  .page-wrap-home #home-search .small-12 {
    padding: 0 40px !important;
  }

  .page-wrap-home #home-search form {
    gap: 25px !important;
    max-width: 100% !important;
  }

  /* Date inputs - Ultra-wide size */
  .page-wrap-home #home-search .date__wrapper {
    padding: 20px 30px !important;
    min-height: 70px !important;
  }

  .page-wrap-home #home-search .date__wrapper i.material-icons {
    font-size: 30px !important;
  }

  .page-wrap-home #home-search input[type="text"] {
    font-size: 19px !important;
    padding: 18px 16px !important;
  }

  /* People select - Ultra-wide size */
  .page-wrap-home #home-search .people__wrapper {
    padding: 20px 30px !important;
    min-height: 70px !important;
  }

  .page-wrap-home #home-search .people__wrapper i.material-icons {
    font-size: 30px !important;
  }

  .page-wrap-home #home-search select {
    font-size: 19px !important;
    padding: 18px 16px !important;
  }

  /* Search button - Ultra-wide size */
  .page-wrap-home #home-search .search__wrapepr {
    padding: 20px 45px !important;
    min-height: 70px !important;
    min-width: 220px !important;
  }

  .page-wrap-home #home-search .search__wrapepr i.material-icons {
    font-size: 30px !important;
  }

  .page-wrap-home #home-search input[type="submit"] {
    font-size: 20px !important;
    font-weight: 600 !important;
  }
}

/* Small Mobile Devices (max-width: 480px) */
@media screen and (max-width: 480px) {
  /* Home Banner Section - Reduce height and spacing */
  .page-wrap-home .home-banner {
    height: 550px !important;
    min-height: 550px !important;
    max-height: 550px !important;
    margin-bottom: 20px !important;
    padding-bottom: 15px !important;
  }

  .page-wrap-home .home-banner .banner {
    height: 550px !important;
    min-height: 550px !important;
    max-height: 550px !important;
  }

  .page-wrap-home .home-banner .banner .slides,
  .page-wrap-home .home-banner .banner .slick-slider {
    height: 550px !important;
    min-height: 550px !important;
    max-height: 550px !important;
  }

  .page-wrap-home .home-banner .banner .slick-list,
  .page-wrap-home .home-banner .banner .slick-track {
    height: 550px !important;
    min-height: 550px !important;
    max-height: 550px !important;
  }

  .page-wrap-home .home-banner .banner .slick-slide {
    height: 550px !important;
    min-height: 550px !important;
    max-height: 550px !important;
  }

  .page-wrap-home .home-banner .banner-item {
    height: 550px !important;
    min-height: 550px !important;
    max-height: 550px !important;
  }

  .page-wrap-home .home-banner .banner-item picture {
    height: 550px !important;
    min-height: 550px !important;
    max-height: 550px !important;
  }

  .page-wrap-home .home-banner .banner-item img {
    height: 550px !important;
    min-height: 550px !important;
    max-height: 550px !important;
  }

  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted {
    height: 550px !important;
    min-height: 550px !important;
    max-height: 550px !important;
  }

  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    .slick-list,
  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    .slick-track,
  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    .slick-slide {
    height: 550px !important;
    min-height: 550px !important;
    max-height: 550px !important;
  }

  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    .banner-item,
  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    .banner-item
    img,
  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    picture,
  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    picture
    img {
    height: 550px !important;
    min-height: 550px !important;
    max-height: 550px !important;
  }

  /* Banner Overlay Heading - Move down */
  .page-wrap-home .banner-item .banner-overlay {
    bottom: 40px !important;
  }

  .page-wrap-home .home-banner__overlay {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    bottom: -130px !important;
    transform: translateX(-50%) translateY(-110px) !important;
    width: calc(100% - 20px) !important;
    left: 50% !important;
    right: auto !important;
  }

  /* Home Search Form - Reduce padding and spacing */
  .page-wrap-home .home-banner__overlay #home-search,
  .page-wrap-home #home-search {
    padding: 15px 10px !important;
    margin-bottom: 15px !important;
    margin-top: 0px !important;
  }

  .page-wrap-home #home-search .small-12 {
    padding: 0 10px !important;
  }

  .page-wrap-home #home-search form {
    gap: 8px !important;
  }

  .page-wrap-home #home-search form > div {
    margin-bottom: 0 !important;
  }

  /* Date inputs - Smaller on mobile */
  .page-wrap-home #home-search .date__wrapper {
    padding: 8px 10px !important;
  }

  .page-wrap-home #home-search .date__wrapper i.material-icons {
    font-size: 20px !important;
  }

  .page-wrap-home #home-search input[type="text"] {
    font-size: 13px !important;
    padding: 8px 5px !important;
  }

  /* People select - Smaller on mobile */
  .page-wrap-home #home-search .people__wrapper {
    padding: 8px 10px !important;
  }

  .page-wrap-home #home-search .people__wrapper i.material-icons {
    font-size: 20px !important;
  }

  .page-wrap-home #home-search select {
    font-size: 13px !important;
    padding: 8px 5px !important;
  }

  /* Search button - Smaller on mobile */
  .page-wrap-home #home-search .search__wrapepr {
    padding: 8px 15px !important;
    min-height: 44px !important;
  }

  .page-wrap-home #home-search .search__wrapepr i.material-icons {
    font-size: 20px !important;
  }

  .page-wrap-home #home-search input[type="submit"] {
    font-size: 14px !important;
    padding: 8px 10px !important;
  }

  /* Icons Section - Reduce spacing */
  .page-wrap-home #icons {
    padding: 30px 15px !important;
    margin: 20px 0 !important;
  }

  .page-wrap-home #icons .icon-desktop {
    margin-bottom: 20px !important;
    padding: 15px !important;
  }

  .page-wrap-home #icons .icon-number-wrapper {
    margin-bottom: 10px !important;
  }

  .page-wrap-home #icons .icon-number-wrapper i.material-icons {
    font-size: 32px !important;
  }

  .page-wrap-home #icons h3 {
    font-size: 24px !important;
    margin: 5px 0 !important;
  }

  .page-wrap-home #icons p {
    font-size: 14px !important;
    margin: 5px 0 !important;
  }

  /* Inspiration Section - Reduce spacing */
  .page-wrap-home #inspiration {
    padding: 30px 15px !important;
    margin: 20px 0 !important;
  }

  .page-wrap-home #inspiration .title {
    margin-bottom: 20px !important;
    padding: 15px 0 !important;
  }

  .page-wrap-home #inspiration .title i.material-icons {
    font-size: 32px !important;
  }

  .page-wrap-home #inspiration .title h2 {
    font-size: 22px !important;
    margin: 10px 0 !important;
  }

  .page-wrap-home #inspiration .holidays {
    margin-bottom: 20px !important;
  }

  .page-wrap-home #inspiration .hol-title {
    padding: 15px !important;
  }

  .page-wrap-home #inspiration .hol-title h2 {
    font-size: 20px !important;
  }

  /* Properties Section - Reduce spacing */
  .page-wrap-home #properties {
    padding: 30px 15px !important;
    margin: 20px 0 !important;
  }

  .page-wrap-home #properties .title {
    margin-bottom: 20px !important;
    padding: 15px 0 !important;
    font-size: 22px !important;
  }

  .page-wrap-home #properties .property {
    margin-bottom: 20px !important;
  }

  .page-wrap-home #properties .property .details {
    padding: 15px !important;
  }

  .page-wrap-home #properties .property .details h3 {
    font-size: 18px !important;
    margin: 10px 0 !important;
  }

  .page-wrap-home #properties .property .details .location {
    margin: 8px 0 !important;
  }

  .page-wrap-home #properties .property .details .price {
    font-size: 16px !important;
    margin: 8px 0 !important;
  }

  /* Things Section - Reduce spacing */
  .page-wrap-home #things {
    padding: 30px 15px !important;
    margin: 20px 0 !important;
  }

  .page-wrap-home #things .title {
    margin-bottom: 20px !important;
    padding: 15px 0 !important;
  }

  .page-wrap-home #things .title i.material-icons {
    font-size: 32px !important;
  }

  .page-wrap-home #things .title h2 {
    font-size: 22px !important;
    margin: 10px 0 !important;
  }

  .page-wrap-home #things .main-img {
    margin-bottom: 15px !important;
  }

  .page-wrap-home #things .cell.small-6 {
    margin-bottom: 15px !important;
  }

  .page-wrap-home #things .title-overlay {
    padding: 15px !important;
  }

  .page-wrap-home #things .title-overlay h2 {
    font-size: 18px !important;
  }

  .page-wrap-home #things .title-overlay p {
    font-size: 14px !important;
  }

  /* Blog Section - Reduce spacing */
  .page-wrap-home #blog {
    padding: 30px 15px !important;
    margin: 20px 0 !important;
  }

  .page-wrap-home #blog .title {
    margin-bottom: 20px !important;
    padding: 15px 0 !important;
  }

  .page-wrap-home #blog .title h2 {
    font-size: 22px !important;
    margin: 10px 0 !important;
  }

  .page-wrap-home #blog .title p {
    font-size: 14px !important;
    margin: 5px 0 !important;
  }

  .page-wrap-home #blog .blog-section {
    margin-bottom: 20px !important;
  }

  .page-wrap-home #blog .blog-text {
    padding: 15px !important;
  }

  .page-wrap-home #blog .blog-text h3 {
    font-size: 14px !important;
    margin: 5px 0 !important;
  }

  .page-wrap-home #blog .blog-text h2 {
    font-size: 18px !important;
    margin: 10px 0 !important;
  }

  .page-wrap-home #blog .blog-text .dates {
    margin: 10px 0 !important;
    font-size: 12px !important;
  }

  /* Testimonials Section - Reduce spacing */
  .page-wrap-home #testimonials {
    padding: 30px 15px !important;
    margin: 20px 0 !important;
  }

  .page-wrap-home #testimonials .title {
    margin-bottom: 20px !important;
    padding: 15px 0 !important;
  }

  .page-wrap-home #testimonials .title i.material-icons {
    font-size: 32px !important;
  }

  .page-wrap-home #testimonials .title h2 {
    font-size: 22px !important;
    margin: 10px 0 !important;
  }

  .page-wrap-home #testimonials .reviews {
    margin-bottom: 20px !important;
    padding: 15px !important;
  }

  .page-wrap-home #testimonials .review-text {
    font-size: 14px !important;
    margin: 10px 0 !important;
    line-height: 1.5 !important;
  }

  .page-wrap-home #testimonials .review-author {
    font-size: 13px !important;
    margin-top: 10px !important;
  }
}

/* Extra Small Mobile Devices (max-width: 375px) - iPhone SE and smaller */
@media screen and (max-width: 375px) {
  /* Home Banner Section - Further reduce height and spacing */
  .page-wrap-home .home-banner {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
  }

  .page-wrap-home .home-banner .banner {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
  }

  .page-wrap-home .home-banner .banner .slides,
  .page-wrap-home .home-banner .banner .slick-slider {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
  }

  .page-wrap-home .home-banner .banner .slick-list,
  .page-wrap-home .home-banner .banner .slick-track {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
  }

  .page-wrap-home .home-banner .banner .slick-slide {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
  }

  .page-wrap-home .home-banner .banner-item {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
  }

  .page-wrap-home .home-banner .banner-item picture {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
  }

  .page-wrap-home .home-banner .banner-item img {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
  }

  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
  }

  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    .slick-list,
  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    .slick-track,
  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    .slick-slide {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
  }

  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    .banner-item,
  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    .banner-item
    img,
  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    picture,
  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    picture
    img {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
  }

  /* Banner Overlay Heading - Move down */
  .page-wrap-home .banner-item .banner-overlay {
    bottom: 30px !important;
  }

  .page-wrap-home .home-banner__overlay {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    bottom: -130px !important;
    transform: translateX(-50%) translateY(-110px) !important;
    width: calc(100% - 16px) !important;
    left: 50% !important;
    right: auto !important;
  }

  /* Home Search Form - Even smaller padding */
  .page-wrap-home .home-banner__overlay #home-search,
  .page-wrap-home #home-search {
    padding: 12px 8px !important;
    margin-bottom: 12px !important;
    margin-top: 0px !important;
  }

  .page-wrap-home #home-search .small-12 {
    padding: 0 8px !important;
  }

  .page-wrap-home #home-search form {
    gap: 6px !important;
  }

  /* Date inputs - Extra small */
  .page-wrap-home #home-search .date__wrapper {
    padding: 6px 8px !important;
  }

  .page-wrap-home #home-search .date__wrapper i.material-icons {
    font-size: 18px !important;
  }

  .page-wrap-home #home-search input[type="text"] {
    font-size: 12px !important;
    padding: 6px 4px !important;
  }

  /* People select - Extra small */
  .page-wrap-home #home-search .people__wrapper {
    padding: 6px 8px !important;
  }

  .page-wrap-home #home-search .people__wrapper i.material-icons {
    font-size: 18px !important;
  }

  .page-wrap-home #home-search select {
    font-size: 12px !important;
    padding: 6px 4px !important;
  }

  /* Search button - Extra small */
  .page-wrap-home #home-search .search__wrapepr {
    padding: 6px 12px !important;
    min-height: 40px !important;
  }

  .page-wrap-home #home-search .search__wrapepr i.material-icons {
    font-size: 18px !important;
  }

  .page-wrap-home #home-search input[type="submit"] {
    font-size: 13px !important;
    padding: 6px 8px !important;
  }

  /* Icons Section - Further reduce spacing */
  .page-wrap-home #icons {
    padding: 20px 10px !important;
    margin: 15px 0 !important;
  }

  .page-wrap-home #icons .icon-desktop {
    margin-bottom: 15px !important;
    padding: 12px !important;
  }

  .page-wrap-home #icons .icon-number-wrapper i.material-icons {
    font-size: 28px !important;
  }

  .page-wrap-home #icons h3 {
    font-size: 22px !important;
  }

  .page-wrap-home #icons p {
    font-size: 13px !important;
  }

  /* Inspiration Section - Further reduce spacing */
  .page-wrap-home #inspiration {
    padding: 20px 10px !important;
    margin: 15px 0 !important;
  }

  .page-wrap-home #inspiration .title {
    margin-bottom: 15px !important;
    padding: 12px 0 !important;
  }

  .page-wrap-home #inspiration .title i.material-icons {
    font-size: 28px !important;
  }

  .page-wrap-home #inspiration .title h2 {
    font-size: 20px !important;
  }

  .page-wrap-home #inspiration .holidays {
    margin-bottom: 15px !important;
  }

  .page-wrap-home #inspiration .hol-title {
    padding: 12px !important;
  }

  .page-wrap-home #inspiration .hol-title h2 {
    font-size: 18px !important;
  }

  /* Properties Section - Further reduce spacing */
  .page-wrap-home #properties {
    padding: 20px 10px !important;
    margin: 15px 0 !important;
  }

  .page-wrap-home #properties .title {
    margin-bottom: 15px !important;
    padding: 12px 0 !important;
    font-size: 20px !important;
  }

  .page-wrap-home #properties .property {
    margin-bottom: 15px !important;
  }

  .page-wrap-home #properties .property .details {
    padding: 12px !important;
  }

  .page-wrap-home #properties .property .details h3 {
    font-size: 16px !important;
  }

  /* Things Section - Further reduce spacing */
  .page-wrap-home #things {
    padding: 20px 10px !important;
    margin: 15px 0 !important;
  }

  .page-wrap-home #things .title {
    margin-bottom: 15px !important;
    padding: 12px 0 !important;
  }

  .page-wrap-home #things .title i.material-icons {
    font-size: 28px !important;
  }

  .page-wrap-home #things .title h2 {
    font-size: 20px !important;
  }

  .page-wrap-home #things .main-img {
    margin-bottom: 12px !important;
  }

  .page-wrap-home #things .cell.small-6 {
    margin-bottom: 12px !important;
  }

  .page-wrap-home #things .title-overlay {
    padding: 12px !important;
  }

  .page-wrap-home #things .title-overlay h2 {
    font-size: 16px !important;
  }

  /* Blog Section - Further reduce spacing */
  .page-wrap-home #blog {
    padding: 20px 10px !important;
    margin: 15px 0 !important;
  }

  .page-wrap-home #blog .title {
    margin-bottom: 15px !important;
    padding: 12px 0 !important;
  }

  .page-wrap-home #blog .title h2 {
    font-size: 20px !important;
  }

  .page-wrap-home #blog .blog-section {
    margin-bottom: 15px !important;
  }

  .page-wrap-home #blog .blog-text {
    padding: 12px !important;
  }

  .page-wrap-home #blog .blog-text h2 {
    font-size: 16px !important;
  }

  /* Testimonials Section - Further reduce spacing */
  .page-wrap-home #testimonials {
    padding: 20px 10px !important;
    margin: 15px 0 !important;
  }

  .page-wrap-home #testimonials .title {
    margin-bottom: 15px !important;
    padding: 12px 0 !important;
  }

  .page-wrap-home #testimonials .title i.material-icons {
    font-size: 28px !important;
  }

  .page-wrap-home #testimonials .title h2 {
    font-size: 20px !important;
  }

  .page-wrap-home #testimonials .reviews {
    margin-bottom: 15px !important;
    padding: 12px !important;
  }

  .page-wrap-home #testimonials .review-text {
    font-size: 13px !important;
  }
}

/* Very Small Mobile Devices (max-width: 320px) - Smallest phones */
@media screen and (max-width: 320px) {
  /* Home Banner Section - Minimal height and spacing */
  .page-wrap-home .home-banner {
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
  }

  .page-wrap-home .home-banner .banner {
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
  }

  .page-wrap-home .home-banner .banner .slides,
  .page-wrap-home .home-banner .banner .slick-slider {
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
  }

  .page-wrap-home .home-banner .banner .slick-list,
  .page-wrap-home .home-banner .banner .slick-track {
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
  }

  .page-wrap-home .home-banner .banner .slick-slide {
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
  }

  .page-wrap-home .home-banner .banner-item {
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
  }

  .page-wrap-home .home-banner .banner-item picture {
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
  }

  .page-wrap-home .home-banner .banner-item img {
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
  }

  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted {
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
  }

  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    .slick-list,
  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    .slick-track,
  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    .slick-slide {
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
  }

  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    .banner-item,
  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    .banner-item
    img,
  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    picture,
  .page-wrap-home
    .home-banner
    .slides.slick-slider.slick-initialized.slick-dotted
    picture
    img {
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
  }

  /* Banner Overlay Heading - Move down */
  .page-wrap-home .banner-item .banner-overlay {
    bottom: 25px !important;
  }

  .page-wrap-home .home-banner__overlay {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    bottom: -130px !important;
    transform: translateX(-50%) translateY(-110px) !important;
    width: calc(100% - 12px) !important;
    left: 50% !important;
    right: auto !important;
  }

  /* Home Search Form - Minimal padding */
  .page-wrap-home .home-banner__overlay #home-search,
  .page-wrap-home #home-search {
    padding: 10px 6px !important;
    margin-bottom: 10px !important;
    margin-top: 0px !important;
  }

  .page-wrap-home #home-search .small-12 {
    padding: 0 6px !important;
  }

  .page-wrap-home #home-search form {
    gap: 5px !important;
  }

  /* All sections - Minimal spacing */
  .page-wrap-home #icons,
  .page-wrap-home #inspiration,
  .page-wrap-home #properties,
  .page-wrap-home #things,
  .page-wrap-home #blog,
  .page-wrap-home #testimonials {
    padding: 15px 8px !important;
    margin: 10px 0 !important;
  }

  /* Reduce font sizes further */
  .page-wrap-home #icons h3,
  .page-wrap-home #inspiration .title h2,
  .page-wrap-home #properties .title,
  .page-wrap-home #things .title h2,
  .page-wrap-home #blog .title h2,
  .page-wrap-home #testimonials .title h2 {
    font-size: 18px !important;
  }
}