@media only screen and (max-width: 575px) {
    .banner_image img {
        height: 300px;
        object-fit: cover;
    }

    .case-study {
        padding: 50px 0 0 0;
    }

    .phone-img {
        max-width: 250px;
    }

    .case-subtitle, .case-title, .smart_tech h2 {
        font-size: 22px;
    }

    .case-desc, .case_content li {
        font-size: 12px;
    }

    .bg_dark, .bg_light, .bg_dark_light, .bg_primary {
        width: 110px;
        height: 110px;
        border-radius: 14px;
    }

    .font-section h2, .project_title h2, .product-content h2 {
        font-size: 26px;
    }

    .font-section h2::after {
        width: 25px;
        height: 25px;
    }

    .app-showcase img, .app-screens img {
        width: 100%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 991px) {
    .case-study-section-one::before, .case-subtitle::before, .case-study-section-two::before {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .case-study-section-one::before {
        right: -33%;
    }

    .case-subtitle, .case-title, .smart_tech h2, .project_title h2 {
        font-size: 36px;
    }

    .case-subtitle::before {
        height: 54px;
    }

    .bg_dark, .bg_light, .bg_dark_light, .bg_primary {
        width: 200px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .case-subtitle, .case-title, .smart_tech h2, .project_title h2 {
        font-size: 25px;
    }

    .case-desc {
        font-size: 14px;
    }

    .bg_dark, .bg_light, .bg_dark_light, .bg_primary {
        width: 110px;
        height: 110px;
    }

    .font-section h2 {
        font-size: 40px;
    }

    .app-showcase img, .app-screens img {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .case-subtitle, .case-title, .smart_tech h2, .project_title h2 {
        font-size: 25px;
    }

    .case-desc {
        font-size: 14px;
    }

    .bg_dark, .bg_light, .bg_dark_light, .bg_primary {
        width: 150px;
        height: 150px;
    }

    .font-section h2 {
        font-size: 48px;
    }
}