/* Gallery Responsive Breakpoints */
@media (min-width: 768px) {
    .gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .gallery {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1440px) {
    .gallery {
        grid-template-columns: repeat(6, 1fr);
    }
}

/* Tablet and Desktop Responsive */
@media (max-width: 1024px) {
    .faq-container {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .faq-image-section {
        position: relative;
        top: 0;
    }

    .faq-content {
        padding-left: 0;
    }

    .current-question {
        font-size: 36px;
    }

    .testimonial-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .text-content {
        padding-left: 40px;
        padding-right: 40px;
    }

    .image-content {
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* Mobile Tablet Responsive */
@media (max-width: 768px) {
    .hero-section {
        flex-direction: column;
        padding: 2rem;
  
  /* Show floating text us button on mobile */
  .text-us-bt {
    display: block;
  }
}

/* Hide floating button on desktop */
@media (min-width: 769px) {
  .text-us-bt {
    display: none;
  }
        text-align: center;
        justify-content: center;
        gap: 3rem;
    }

    .hero-content {
        padding-right: 0;
        order: 2;
    }

    .hero-image {
        order: 1;
    }

    .tilt-card {
    width: 24rem;
    height: 36rem;
  }

    .about-content {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 2rem;
    }

    .about-image {
        transform: translateX(0);
        order: 1;
    }

    .about-image img {
        object-fit: cover;
        object-position: center;
    }

    .about-text {
        order: 2;
    }

    .celebrate-section {
        padding: 2rem 1rem;
        order: 3;
    }

    .portfolio-section {
        padding: 2rem 1rem;
    }

    .partners-grid {
        justify-content: center;
        gap: 30px;
    }

    .partner-logo {
        height: 50px;
    }

    .faq-section {
        padding: 60px 0;
    }

    .faq-container {
        padding: 0 20px;
        gap: 40px;
    }

    .current-question {
        font-size: 28px;
    }

    .faq-hero-image {
        height: 400px;
    }

    .faq-hero-image {
        height: 400px;
    }

    .testimonial-section {
        padding: 60px 40px;
    }

    .quote {
        font-size: 32px;
    }

    .testimonial-image-frame {
        height: 480px;
        max-width: 100%;
    }

    .testimonial-nav-arrow {
        width: 40px;
        height: 40px;
    }

    .testimonial-nav-arrow.testimonial-prev {
        left: 10px;
    }

    .testimonial-nav-arrow.testimonial-next {
        right: 10px;
    }

    .testimonial-nav-arrow svg {
        width: 16px;
        height: 16px;
    }

    .footer-hero-section {
        padding: 80px 20px;
    }
    
    .tagline {
        font-size: 1.8rem;
    }

    .portfolio-strip {
        flex-wrap: wrap;
        gap: 8px;
    }

    .portfolio-image {
        width: 120px;
        height: 90px;
    }

    .footer-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .photographer-intro {
        flex-direction: column;
        text-align: center;
    }

    .brand-script {
        font-size: 3rem;
    }

    .contact-form {
        padding: 1.5rem;
    }

    .form-title {
        font-size: 1.6rem;
    }

    .checkbox-grid {
        grid-template-columns: 1fr;
    }

    .main-footer {
        padding: 60px 20px 40px;
    }
}

/* Mobile Small Screen Responsive */
@media (max-width: 480px) {
    .hero-section {
        padding: 1rem;
    }

   .tilt-card {
    width: 20rem;
    height: 30rem;
  }

    .inquiry-section {
        padding: 2rem 1rem;
    }

    .contact-form {
        padding: 1rem;
    }
}

/* Responsive checkbox grid for larger screens */
@media (min-width: 540px) {
    .checkbox-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}