@media (max-width: 1024px) {
    .hero-container, .about-container {
        flex-direction: column;
    }

    .testimonial-cards {
        flex-direction: column;
    }

    .nav-middle, .nav-end {
        display: none;
    }

    .nav-links.active {
        display: flex;
    }

    .hamburger {
        display: block !important;
        line-height: 0;
    }

    .about-content {
        padding: clamp(10px, calc(6vw - 30px), 30px);
    }

    .resource-container .cta .between {
        flex-direction: column;
    }

    .resource-container .cta .between .under {
        width: 100%;
    }

    .grid-masonry {
        column-count: 2;
        column-gap: 1rem;
    }

    .testimonial-wall {
        padding: 10px 30px;
    }

    .testimonial-wall-header button {
        font-size: 16px;
    }

    .pop-up-content {
        width: 400px;
    }
    
    .testimonial-image {
    height: calc(16vw - 38px);
    width: calc(16vw - 38px);
    }
}

@media (max-width: 768px) {
    .resource-info p, 
    .product-info p {
        font-size: clamp(0.8rem, calc(0.6rem + 1vw), 1rem);
    }

    .hero-title {
        font-size: clamp(1.5rem, calc(5vw + 0.6rem), 3rem);
    }

    .cta-headline {
        font-size: clamp(1.2rem, calc(2vw + 0.8rem), 1.7rem);
    }

    .hero-text {
        font-size: clamp(0.9rem, calc(1vw + 0.7rem), 1.2rem)
    }

    p {
        font-size: 0.9rem;
    }

    .section-title {
        font-size: clamp(1.4rem, calc(2vw + 1rem), 2rem);
    }

    .footer-links {
        display: none;
    }

    .about-content h3 {
        margin-top: 0rem;
        
    }

    .see-all-resources .resource-card,
    .see-all-products .product-card {
        width: 50%;
    }

    .resource-container {
        flex-direction: column;
        align-items: center;
        padding: 0;
    }

    .resource-container .left {
        width: 70%;
    }

    .resource-container .right {
        width: 90%;
    }

    .resource-container .cta {
        width: 90%;
        margin: 30px 0 30px 0;
    }

    .resource-container .cta form {
        width: 100%;
    }

    .resource-container .cta .between {
        flex-direction: row;
        justify-content: space-between;

    }

    .resource-container .cta .between .under {
        width: 49%;
    }

    .carousel-arrow {
        width: 30px;
        height: 30px;
    }

}

@media (max-width: 650px) {
    .grid-masonry {
        column-count: 1;
    }
    .testimonial-wall {
        padding: 5px 15px;
    }

    .testimonial-wall-header button {
        font-size: 14px;
    }

    .pop-up-content {
        width: 300px;
    }

    .pop-up-title-container,
    .pop-up-book-extra-info {
        padding: 16px 24px;
    }

    .pop-up-book-container,
    .pop-up-bottom {
        padding: 0 16px;    

    }

    .pop-up-title {
        font-size: 18px;
    }

    
    .review-page {
        padding: calc(10vw - 30px) calc(20vw - 60px);
    }

    .testimonial-image {
        height: calc(10vw + 40px);
        width: calc(10vw + 40px);
    }
}

@media (max-width: 400px) {
    .nav-links {
        top: 60px;
    }

    .see-all-resources .resource-card,
    .see-all-products .product-card {
        width: 100%;
    }

    .logo {
        font-size: 1.1rem;
    }

    .header-container {
        padding: 0 1.4rem;
    }

    .resource-container .cta .between {
        flex-direction: column;
    }

    .resource-container .cta .between .under {
        width: 100%;
    }

    .carousel-arrow {
        width: 20px;
        height: 20px;
    }

    .image-form p {
        max-width: 100px;
    }
}