@media screen and (max-width: 768px), screen and (max-aspect-ratio: 9/16) {


  
  /*=============================================================================================================
    SECTION 1: INFO-ROW
  ===============================================================================================================*/                          
  
  
  .info-row {
      display: none;
    }
  
/*=============================================================================================================
SECTION 2: LOCATION
===============================================================================================================*/
  
  .register-interest-laptop {
      display: none;
    }

/*=============================================================================================================
SECTION  GALLERY
===============================================================================================================*/ 

.slider-container {
margin-bottom: 0;
}
  
/*=============================================================================================================
INVESTMENT SECTION
===============================================================================================================*/ 

  .benefits-section-laptop {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column; /* Stack cards vertically */
    
    height: auto; /* Allow height to adjust based on content */
    padding: 40px 0; /* Optionally adjust padding for mobile */
    }
    
    .benefits-section-laptop .card {
      width: 90%;       /* Increase width to fill most of the mobile screen */
      max-width: 90%;   /* Remove the desktop constraint */
      margin: 10px auto; /* Center each card and add vertical spacing */
    }
    
    
    /* Optionally adjust font sizes for mobile readability */
    .benefits-section-laptop .audio-header {
      font-size: 16px;
    }

  /*=============================================================================================================
    SECTION VIDEO
  ===============================================================================================================*/

  .video-laptop {
    display: none;
  }
  .video-mobile {
    display: block;
    margin-top: 50px;
    margin-bottom: 0;
  }
/*=============================================================================================================
SECTION 7: PAYMENT PLAN
===============================================================================================================*/
  
  .payment-plan {
      display: none;
    }
  
    .payment-plan-phone {
      margin-top: 0;
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0;
      display: flex;
      flex-direction: column;
      width: 100%;
      height: auto;
      padding: 20px;
      background-color: #9D2235 !important;

      align-items: center;
    }

    .payment-plan-phone .payment-container {
      /* background-color: white; */
      border: none;
    }
  
    .payment-plan-phone .payment-grid {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: #9D2235;
      border: none;
      width: calc(208 / 430 * 100vw);
    }
    .payment-plan-phone .payment-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: #9D2235;
      border: none;
      width: 100%;
    }

    .payment-plan-phone .payment-item::after {
      content: "";
      display: block;
      width: 100%;            /* Line width */
      height: 2px;            /* Line thickness */
      background-color: #FFF; /* Line color */
      margin: 40px auto 0;    /* Centers the line and adds top spacing */
    }
  
     /* Payment percentage */
     .payment-plan-phone .payment-item h3 {
      color: #FFF;
      font-family: Inter;
      font-size: 46px;
      font-style: italic;
      font-weight: 400;
      line-height: normal;
    }
  
    /* Payment title */
    .payment-plan-phone h2 {
      margin-top: 50px;
    }
  
    /* Payment description */
    .payment-plan-phone .payment-item p {
      color: #FFF;
      font-family: Inter;
      font-size: 26px;
      font-style: italic;
      font-weight: 400;
      line-height: normal;
    }
  
/*=============================================================================================================
    SECTION 9: PRICING
===============================================================================================================*/


  
  
/*=============================================================================================================
SECTION FLOOR PLANS
===============================================================================================================*/

.section-layouts {
margin-top: 0;
margin-bottom: 0;
width: 90vw;
}

.section-layouts h2 {
margin-top: calc(50 / 1040 * 100vh);
}


/* Hide the zoom controls on mobile */


  .zoom-controls {
    display: none;
  }

  /* Enable pinch-and-pan smoothly */
  #layout-image {
    transform-origin: center center;
    touch-action: none;
  }
   
  
  }

/*=============================================================================================================
SECTION STANDALONE FORM
===============================================================================================================*/

.standalone-form-overlay {
margin-bottom: 0;
}

/*=============================================================================================================
SECTION STANDALONE FORM
===============================================================================================================*/


/*=============================================================================================================
SECTION DEVELOPER
===============================================================================================================*/

.developer-section {
font-family: Arial, sans-serif;
margin-top: 0;
padding: 0;
}

.developer-section .exchange {
margin-bottom: 50px;
}

/*=============================================================================================================
SECTION STANDALONE FORM PHONE - see styles.css
===============================================================================================================*/