/* ========================================
   LARGE SCREEN RESPONSIVE FIXES
   For screens 1600px and above
   ======================================== */

/* Container max-width for ultra-wide screens */
@media (min-width: 1920px) {
    .container {
        max-width: 1600px;
    }

    .container-fluid {
        max-width: 1800px;
        margin: 0 auto;
    }
}

@media (min-width: 2560px) {
    .container {
        max-width: 1920px;
    }

    .container-fluid {
        max-width: 2200px;
        margin: 0 auto;
    }
}

/* Header fixes for large screens */
@media (min-width: 1600px) {
    .header-1 .container-fluid {
        padding: 0 100px;
    }

    .header-top-section .container-fluid {
        padding: 0 100px;
    }

    /* Ensure header content doesn't stretch too much */
    .header-main {
        max-width: 100%;
    }

    /* Menu spacing */
    .header-main .main-menu ul li {
        margin-inline-end: 50px;
    }
}

/* Hero Section responsive for large screens */
@media (min-width: 1600px) {
    .ed-hero-section .container {
        max-width: 1600px;
    }

    .ed-hero-content h1 {
        font-size: 80px;
        line-height: 1.2;
    }

    .ed-hero-content p {
        font-size: 20px;
        line-height: 36px;
    }

    /* Hero images proper sizing */
    .ed-right-items {
        max-width: 100%;
    }

    .client-counter-box {
        max-width: 280px;
    }

    .counter-box {
        max-width: 200px;
    }
}

@media (min-width: 1920px) {
    .ed-hero-content h1 {
        font-size: 90px;
    }

    .ed-hero-content p {
        font-size: 22px;
        line-height: 38px;
    }
}

/* About Section */
@media (min-width: 1600px) {
    .ed-about-section .container {
        max-width: 1600px;
    }

    .ed-about-image {
        max-width: 100%;
    }

    .ed-about-content {
        padding-left: 40px;
    }

    .ed-counter-area {
        gap: 40px;
    }
}

/* Courses Section */
@media (min-width: 1600px) {
    .ed-courses-section .container {
        max-width: 1600px;
    }

    /* Course cards proper sizing */
    .ed-courses-box-items {
        max-width: 100%;
    }

    .ed-courses-image img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}

/* Why Choose Us Section */
@media (min-width: 1600px) {
    .ed-why-choose-us-section .container {
        max-width: 1600px;
    }

    .ed-choose-image {
        max-width: 100%;
    }

    .ed-icon-items {
        padding: 25px;
    }
}

/* Testimonial Section */
@media (min-width: 1600px) {
    .ed-testimonial-section .container {
        max-width: 1600px;
    }

    .ed-testimonial-box-items {
        padding: 50px;
    }

    .ed-testimonial-box-items h4 {
        font-size: 22px;
        line-height: 38px;
    }
}

/* Blog/News Section */
@media (min-width: 1600px) {
    .ed-news-section1 .container {
        max-width: 1600px;
    }

    .ed-news-box-items {
        max-width: 100%;
    }
}

/* Footer */
@media (min-width: 1600px) {
    .footer-section .container {
        max-width: 1600px;
    }

    .footer-widgets-wrapper {
        gap: 60px;
    }
}

/* Discount/CTA Section */
@media (min-width: 1600px) {
    .ed-discount-section .container {
        max-width: 1600px;
    }

    .discount-box-items {
        padding: 80px 100px;
    }

    .discount-box-items h2 {
        font-size: 60px;
    }
}

/* Gallery Page */
@media (min-width: 1600px) {
    .gallery-section .container {
        max-width: 1600px;
    }
}

/* Contact Page */
@media (min-width: 1600px) {
    .contact-section .container {
        max-width: 1600px;
    }
}

/* Course Detail Page */
@media (min-width: 1600px) {
    .course-detail-section .container {
        max-width: 1600px;
    }
}

/* Blog Page */
@media (min-width: 1600px) {
    .blog-section .container {
        max-width: 1600px;
    }
}

/* ========================================
   PREVENT LAYOUT BREAKING ON LARGE SCREENS
   ======================================== */

/* Ensure images don't exceed container */
@media (min-width: 1600px) {
    img {
        max-width: 100%;
        height: auto;
    }

    /* Prevent content from stretching too wide */
    .row {
        max-width: 100%;
    }

    /* Maintain proper spacing */
    .section-padding {
        padding: 120px 0;
    }

    /* Button sizing */
    .theme-btn {
        font-size: 18px;
        padding: 8px 8px 8px 36px;
    }

    .theme-btn i {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
}

/* ========================================
   ULTRA WIDE SCREENS (2560px+)
   ======================================== */

@media (min-width: 2560px) {

    /* Scale up typography slightly */
    body {
        font-size: 20px;
        line-height: 36px;
    }

    h1 {
        font-size: 100px;
    }

    h2 {
        font-size: 60px;
    }

    h3 {
        font-size: 28px;
    }

    /* Increase section padding */
    .section-padding {
        padding: 150px 0;
    }

    /* Larger buttons */
    .theme-btn {
        font-size: 20px;
        padding: 10px 10px 10px 40px;
    }

    .theme-btn i {
        width: 56px;
        height: 56px;
        line-height: 56px;
    }
}

/* ========================================
   FIX SPECIFIC LAYOUT ISSUES
   ======================================== */

/* Prevent hero shapes from going off-screen */
@media (min-width: 1600px) {

    .hero-shape-1,
    .hero-shape-2,
    .hero-shape-3,
    .hero-shape-4,
    .hero-shape-5 {
        max-width: 150px;
    }
}

/* Ensure floating elements stay in bounds */
@media (min-width: 1600px) {

    .float-bob-x,
    .float-bob-y {
        max-width: 100%;
    }
}

/* Fix course grid layout */
@media (min-width: 1600px) {
    .ed-courses-section .row {
        margin: 0 -15px;
    }

    .ed-courses-section [class*="col-"] {
        padding: 0 15px;
    }
}

/* Ensure proper image aspect ratios */
@media (min-width: 1600px) {
    .ed-courses-image {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
    }

    .ed-courses-image img {
        width: 100%;
        height: 280px;
        object-fit: cover;
    }
}

/* Fix testimonial slider on large screens */
@media (min-width: 1600px) {
    .ed-testimonial-slider .swiper-slide {
        width: auto;
        max-width: 600px;
    }
}

/* Ensure proper spacing in grid layouts */
@media (min-width: 1600px) {
    .g-4 {
        --bs-gutter-x: 2rem;
        --bs-gutter-y: 2rem;
    }
}

/* Fix header logo sizing */
@media (min-width: 1600px) {
    .logo img {
        max-height: 70px;
        width: auto;
    }
}

/* Prevent overflow in containers */
@media (min-width: 1600px) {

    .container,
    .container-fluid {
        overflow: hidden;
    }
}