/* Responsive CSS */

/* Min Width 1400px and Max Width 1599px */
@media (min-width: 1400px) and (max-width: 1599px) {
}

/* Min Width 1200px and Max Width 1399px */
@media (min-width: 1200px) and (max-width: 1399px) {
    .hero-shape {
        position: absolute;
        bottom: 35px;
        right: -20px;
    }

    .join-us-img {
        transform: translateX(17%);
    }

    .testimonial-slide {
        max-width: 450px;
    }
}

/* Min Width 992px and Max Width 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
    .hero-content h2,
    .features-card-content h2,
    .join-us-content h2,
    .testimonial-title h2 {
        font-size: 42px;
        line-height: 53px;
    }

    .hero-shape {
        bottom: 25px;
        right: -70px;
    }

        .hero-shape img {
            max-width: 70%;
        }

    .join-us-img {
        transform: translateX(20%);
    }

    .testimonial-slide {
        max-width: 350px;
    }
}

/* Min Width 768px and Max Width 991px */
@media (min-width: 768px) and (max-width: 991px) {
    #Header {
        padding-top: 20px;
    }

    .hero-content {
        max-width: 100%;
        width: 100%;
    }

        .hero-content h2,
        .features-card-content h2,
        .join-us-content h2,
        .testimonial-title h2 {
            font-size: 36px;
            line-height: 45px;
        }

    .title-shape {
        bottom: -22px;
    }

    .hero-content-bottom-text {
        padding-top: 30px;
        padding-left: 0;
    }

    .join-us-img {
        transform: translateX(20%);
    }

    .about-us-content::after {
        right: 0;
    }

    .about-us-content h2 {
        font-size: 54px;
    }

    .testimonial-slide::after {
        display: none;
    }
}

/* Min Width 300px and Max Width 767px */
@media (min-width: 300px) and (max-width: 767px) {
    #Header {
        padding-top: 20px;
    }

    .hero-content {
        max-width: 100%;
        width: 100%;
        padding-top: 0;
    }

        .hero-content::before {
            width: 350px;
            height: 350px;
        }

        .hero-content h2,
        .features-card-content h2,
        .join-us-content h2,
        .testimonial-title h2 {
            font-size: 34px;
            line-height: 45px;
        }

    .title-shape {
        bottom: -22px;
    }

    .hero-content-bottom-text {
        padding-top: 30px;
        padding-left: 0;
    }

    .features-card-content h2 {
        font-size: 32px;
        line-height: 40px;
    }

    .features-card-content p,
    .about-us-content p,
    .download-app-content p {
        font-size: 16px;
        line-height: 24px;
    }

    .features-wrapper {
        padding-top: 0;
    }

    .features-card {
        padding-top: 60px;
    }

    .features-card-content {
        padding-top: 30px;
    }

    .emoji {
        left: -15px;
    }

        .emoji img {
            width: 60px;
        }

    .hero-content-bottom-text {
        padding-top: 30px;
        padding-left: 0;
    }

    .join-us-wrapper {
        margin: 60px 0;
    }

    .join-us-img {
        transform: translateX(4%);
    }

    .podcast-wrapper {
        margin: 60px 0 0 0;
    }

    .about-us-img img {
        max-width: 100%;
        width: 100%;
        min-height: 175px;
        max-height: 175px;
        height: 100%;
    }

    .about-us-content {
        max-width: 100%;
    }

        .about-us-content::before {
            max-width: 300px;
            width: 100%;
            top: 0px;
            left: -150px;
        }

        .about-us-content::after {
            max-width: 300px;
            width: 100%;
            top: 0px;
            right: 140px;
        }

        .about-us-content h2 {
            font-size: 45px;
        }

    .testimonial-slide::after {
        display: none;
    }

    .testimonial-title {
        padding: 20px 0 100px 70px;
    }

    .owl-prev,
    .owl-next {
        width: 50px;
        height: 50px;
    }

    .owl-prev {
        position: absolute;
        top: -90px;
        left: 0px;
    }

    .owl-next {
        position: absolute;
        top: -90px;
        left: 65px;
    }

    .download-app-container {
        background: url(../images/download-bg-mobile.png);
        background-size: cover;
        background-repeat: no-repeat;
        padding: 60px 20px;
        text-align: center;
    }

    .download-app-content h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .download-sources {
        padding-top: 30px;
    }

    .footer-menu {
        padding-bottom: 30px;
    }

    .footer-copyright {
        text-align: center;
    }

        .footer-copyright ul li {
            padding: 0 15px;
        }

    .comming-soon-container {
        padding: 100px 0;
    }

    .coming-soon-content h2 {
        font-size: 42px;
        padding-bottom: 35px;
    }

    .coming-soon-content h3 {
        font-size: 28px;
        line-height: 35px;
    }

    .form-input-filed {
        max-width: 100%;
        width: 100%;
    }

    .form-btn-filed {
        max-width: 26%;
        width: 100%;
    }
}