@media (max-width: 991.98px) {
    .harvest-navbar {
        min-height: auto;
    }

    .harvest-banner-section-content {
        padding: 50px 30px !important;
    }

    .harvest-banner-section-image {
        height: 450px;
    }

    .harvest-banner-section-title {
        font-size: 52px;
    }

    .harvest-gallery-large {
        height: 350px;
    }

    .harvest-section-title,
    .harvest-benefits-title {
        font-size: 34px;
    }

    .harvest-benefit-card {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        padding-bottom: 20px;
    }
}

@media (max-width: 575.98px) {
    .harvest-topbar .container {
        text-align: center;
    }

    .harvest-topbar{
        display: none;
    }

    .harvest-banner-section-content {
        padding: 40px 20px !important;
    }
.harvest-banner-section-badge{
    left: 0 !important;
}
    .harvest-banner-section h1 {
    font-size: 4rem !important;
}
.harvest-benefits-title{
    font-size:5rem !important;}

.harvest-section-title, .harvest-benefits-title {
    font-size: 4rem !important;
}
    .harvest-banner-section-image {
        height: 350px;
    }

    .harvest-banner-section-badge {
        width: 80px;
        height: 80px;
        font-size: 9px;
        border-width: 5px;
    }
    .harvest-about-content h2 {
    font-size: 4rem !important;
}

    .harvest-gallery-image,
    .harvest-gallery-large,
    .harvest-gallery-bottom {
        height: 220px;
    }
    .harvest-cta-section h2 {
    font-size: 4rem !important;
 }
 .about-page-content h2{
    font-size: 4rem;
 }
}

@media (max-width: 767px) {

    .harvest-gallery-section .col-lg-5 .harvest-gallery-image {
        min-height: 250px;
    }

    .harvest-title,
    .harvest-cta-title {
        font-size: 28px;
    }

    .harvest-footer {
        text-align: left;
    }

    .harvest-about-section {
        padding: 50px 0;
    }

    .harvest-about-image-wrap {
        width: 90%;
        margin: 0 auto 40px;
    }

    .harvest-about-title,
    .harvest-products-title {
        font-size: 32px;
    }

    .harvest-about-stats {
        margin-top: 25px !important;
    }

    .harvest-products-section {
        padding: 50px 0;
    }

    .harvest-products-intro {
        margin-top: 20px;
    }
}