/* Responsive Design */
@media (min-width: 768px) {
    .hero-title {
        font-size: 3.5rem;
    }
    
    .hero-description {
        font-size: 1.5rem;
    }
    .zoom_modal_content{
        max-height: 300px;
    }
    .footer_section_container .footer-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 992px) {
    .hero-title {
        font-size: 4.5rem;
        line-height: 1;
    }
}

@media (max-width: 576px) {
    .hero-title {
        font-size: 2.5rem;
    }
    
    .hero-description {
        font-size: 1.125rem;
    }
}

.floating {
    animation: floating 3s ease-in-out infinite;
}

@keyframes floating {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
}


@media (max-width: 768px) {
    .hero_bottom_container {
        padding: 2rem 0;
    }
    
    .hero_bottom_icon i {
        font-size: 1.75rem;
    }
    
    .hero_bottom_title {
        font-size: 1.125rem;
    }
    
    .hero_bottom_description {
        font-size: 0.9rem;
    }
    .floor_plans_main_title {
        font-size: 2rem;
    }
    
    .floor_plans_grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    .inner_floor_plans_grid{
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    .gallery-amenities-cards{
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    .gallery-amenities-cards.second{
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    .contact-section-grid{
        grid-template-columns: 1fr;
    }
    .cta_grid_cards{
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    .inner-amenities-cards{
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .floor_plan_title_section {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .floor_plan_size_badge {
        align-self: flex-start;
    }
    .footer_section_container .footer-bottom {
        flex-direction: row;
    }
}

@media only screen and (min-width:769px) and (max-width:1024px){
    .inner-amenities-cards{
        grid-template-columns: repeat(2, 1fr);   
    } 
    .contact-section-grid{
        grid-template-columns: 1fr;
    }
    .cta_grid_cards{
        grid-template-columns: repeat(2, 1fr);   
    }
    .gallery-amenities-cards{
        grid-template-columns: repeat(2, 1fr);
    }
    .gallery-amenities-cards.second{
        grid-template-columns: repeat(2, 1fr);
    }
    .floor-plan-image-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 1024px) {
    .amenities_cards {
        grid-template-columns: repeat(2, 1fr);
    }
   
}

@media (max-width: 640px) {
    .amenities_cards {
        grid-template-columns: 1fr;
    }
    .floor-plan-image-grid{
        grid-template-columns: 1fr;
    }
}

  /* Responsive Design */
  @media (min-width: 640px) {
    .cta_section_container .cta-buttons {
      flex-direction: row;
    }
  }
  
  @media (max-width: 768px) {
    .cta_section_container {
      padding: 3rem 0;
    }
    
    .cta_section_container h2 {
      font-size: 2rem;
    }
    
    .cta_section_container p {
      font-size: 1.125rem;
    }
    
    .cta_section_container .btn {
      font-size: 1rem;
      padding: 1.25rem 1.5rem;
    }

    
  }
  
  @media (max-width: 480px) {
    .floor_plans_container {
        padding: 2rem 0;
    }
    
    .floor_plan_specs {
        gap: 0.75rem;
    }
    .sidebar_mobile_layout{
        width: 300px;
    }
    
    .floor_plan_details {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    .cta_section_container .container {
      padding: 0 0.75rem;
    }
    
    .cta_section_container h2 {
      font-size: 1.75rem;
    }
    
    .cta_section_container p {
      font-size: 1rem;
    }
    
    .cta_section_container .btn {
      width: 100%;
      max-width: 300px;
    }
  }

  @media (max-width: 767px) {
    .footer_section_container .container {
      padding: 2rem 1rem;
    }
    
    .footer_section_container .footer-grid {
      gap: 2.5rem;
    }
    
    .footer_section_container .footer-bottom {
      text-align: center;
    }
    
    .footer_section_container .footer-links {
      justify-content: center;
      flex-wrap: wrap;
    }
  }

  @media (min-width: 992px) {
        .sidebar_mobile_layout,
        .sidebar_mobile_backdrop {
            display: none !important;
        }
    }