/* =====================================================
   BLOG + NEWSLETTER RESPONSIVE
===================================================== */

/* ---------- 1366px & Below (Small Laptop) ---------- */
@media (max-width: 1366px) {

    .blog-tabs-section .featured-card img {
        height: 380px;
    }

    .newsletter-cta .cta-box {
        padding: 35px 25px;
    }
}


/* ---------- 1024px (Tablet Landscape) ---------- */
@media (max-width: 1024px) {

    .blog-tabs-section {
        padding: 50px 0;
    }

    .blog-tabs-section .blog-tabs {
        flex-wrap: wrap;
        justify-content: center;
        border-radius: 30px;
    }

    .blog-tabs-section .featured-card img {
        height: 340px;
    }

    .blog-image-card img {
        height: 210px;
    }

    .newsletter-cta .cta-box {
        padding: 30px 20px;
    }
}


/* ---------- 980px (Tablet Medium) ---------- */
@media (max-width: 980px) {

    .blog-tabs-section .blog-tabs {
        gap: 8px;
    }

    .blog-tabs-section .nav-pills .nav-link {
        padding: 8px 18px;
        font-size: 13px;
    }

    .blog-tabs-section .featured-card img {
        height: 300px;
    }
}


/* ---------- 768px (Tablet Portrait) ---------- */
@media (max-width: 768px) {

    .blog-tabs-section {
        padding: 40px 0;
    }

    .blog-tabs-section .blog-tabs {
        flex-direction: column;
        align-items: stretch;
        border-radius: 20px;
    }

    .blog-tabs-section .nav-pills .nav-link {
        width: 100%;
        text-align: center;
    }

    .blog-tabs-section .featured-card img {
        height: 260px;
    }

    .blog-image-card img {
        height: 200px;
    }

    .newsletter-cta {
        padding: 20px 12px 60px;
    }

    .newsletter-cta .cta-form {
        flex-direction: column;
        align-items: center;
    }

    .newsletter-cta input {
        width: 100%;
        max-width: 320px;
    }

    .newsletter-cta button {
        width: 100%;
        max-width: 200px;
    }
}


/* ---------- 540px (Large Mobile) ---------- */
@media (max-width: 540px) {

    .blog-tabs-section .featured-card img {
        height: 220px;
    }

    .blog-tabs-section .featured-card .content {
        padding: 20px;
    }

    .blog-image-card img {
        height: 180px;
    }

    .blog-image-card h4 {
        font-size: 16px;
    }

    .newsletter-cta h3 {
        font-size: 20px;
    }

    .newsletter-cta p {
        font-size: 13px;
    }
}


/* ---------- 375px (Mobile Standard) ---------- */
@media (max-width: 375px) {

    .blog-tabs-section {
        padding: 30px 0;
    }

    .blog-tabs-section .nav-pills .nav-link {
        font-size: 12px;
        padding: 7px 14px;
    }

    .blog-tabs-section .featured-card img {
        height: 200px;
    }

    .blog-image-card img {
        height: 160px;
    }

    .blog-image-card .card-content {
        padding: 15px;
    }

    .newsletter-cta .cta-box {
        padding: 25px 15px;
    }
}


/* ---------- 320px (Small Mobile) ---------- */
@media (max-width: 320px) {

    .blog-tabs-section .featured-card img {
        height: 180px;
    }

    .blog-image-card img {
        height: 150px;
    }

    .blog-image-card h4 {
        font-size: 15px;
    }

    .blog-image-card p {
        font-size: 13px;
    }

    .newsletter-cta h3 {
        font-size: 18px;
    }

    .newsletter-cta input {
        height: 40px;
        font-size: 13px;
    }

    .newsletter-cta button {
        height: 40px;
        font-size: 13px;
    }
}