@media(max-width:1440px) {
    .banner-main-slider .owl-item.active.center .banner-carousel-banner video {
        height: 600px;
    }

    .banner-carousel-banner {
        height: 500px;
    }

    .banner-carousel-banner video {
        height: 250px;
    }

    .content-manga h1 {
        font-size: 50px;
    }

    .logo-main-webtoon img {
        width: 60% !important;
    }

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

    .service-concept h4 {
        font-size: 25px;
    }

    .work-experience h4 {
        font-size: 50px;
    }

    .work-step-content h2 {
        font-size: 40px;
    }

    .how-to-work {
        padding: 50px 0;
    }

    .steps-listing li h5 {
        font-size: 22px;
    }

    .steps-listing li p {
        width: 95%;
    }

    .grn-para {
        width: 45%;
    }

    .apps img {
        width: 140px;
    }

    .contact-info a {
        font-size: 12px;
    }

    .contact-info a i {
        font-size: 25px;
    }

    .footer-bottom p {
        margin-top: 60px;
    }

    footer:before {
        bottom: 100px;
    }

    .service-box-video video {
        height: 410px;
        object-fit: cover;
    }

    .Mainbanner_form {
        width: 50%;
    }
}

@media(max-width:1199px) {
    .content-manga h1 {
        font-size: 35px;
    }

    .content-manga h5 {
        font-size: 18px;
    }

    .about-us {
        padding: 50px 0;
    }

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

    .about-content h3 {
        font-size: 30px;
        margin: 0;
    }

    .work-experience h4 {
        font-size: 40px;
    }

    .work-experience h6 {
        font-size: 16px;
    }

    .box-work-content h5 {
        font-size: 16px;
    }

    .box-work-content p {
        font-size: 14px;
    }

    .pre-production-image img {
        height: 500px;
    }

    .steps-listing {
        width: 90%;
        gap: 40px;
    }

    .steps-listing li {
        width: 30%;
    }

    .grn-para p {
        font-size: 15px;
    }

    .footer-content p {
        width: 100%;
    }

    .footer-content ul {
        gap: 10px;
    }

    .footer-content ul li a {
        width: 30px;
        height: 30px;
        border-radius: 5px;
    }

    .footer-link p {
        width: 100%;
        font-size: 14px;
    }

    .apps {
        gap: 5px;
        flex-direction: column;
        align-items: self-start;
    }

    .contact-info {
        flex-direction: column;
        align-items: self-start;
        gap: 10px;
        margin: 20px 0;
    }

}

@media(max-width:1199px) {

    .service-box-video video {
        height: 250px;
    }

    .services-boxes .work-step-content h2 {
        font-size: 30px;
    }

    .work-step-content h3 {
        font-size: 20px;
    }

    .service-box-video {
        margin-top: 20px;
    }

    .service-concept h4 {
        font-size: 20px;
    }

    .service-concept p {
        font-size: 12px;
    }

    .box-work-content img {
        width: 40px;
    }

    .box-work-content p {
        font-size: 13px;
    }

    .work-step-content h2 {
        font-size: 35px;
    }

    .pre-production-image img {
        height: 350px;
    }

    .concept-content p {
        font-size: 13px;
    }

    .concept-content h3 {
        font-size: 20px;
    }

    .steps-listing li {
        width: 25%;
    }

    .faq-question {
        text-align: start;
        font-size: 13px;
    }

    .faq-answer p {
        font-size: 11px;
    }

    .contact-header h2 {
        font-size: 35px;
    }

    .footer-content h4 {
        font-size: 40px;
    }
}

@media(max-width:1199px) {

    .banner-main-slider .owl-item.active.center .banner-carousel-banner video {
        clip-path: unset;
        height: 250px;
        margin-top: 70px;
    }

    .banner-carousel-banner {
        height: unset;
    }

    .banner-content {
        flex-direction: column;
        margin-top: 50px;
    }

    .content-manga h1 {
        font-size: 30px;
        text-align: center;
    }

    .about-content {
        text-align: center;
        margin-bottom: 20px;
    }

    .service-box-video video {
        height: unset;
    }

    .service-box-video {
        text-align: center;
    }

    .service-concept {
        text-align: center;
    }

    .work-experience {
        text-align: center;
    }

    .work-step-box li {
        width: 100%;
        height: 220px;
        text-align: center;
    }

    .production-concept:before {
        display: none;
    }

    .main-concept {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .pre-production .work-step-content {
        margin-bottom: 0;
    }

    .work-step-content h2 {
        font-size: 20px;
    }

    .steps-listing li {
        width: 100%;
        text-align: center;
        margin-bottom: 50px;
    }

    .steps-listing li h2 {
        text-align: center;
        right: 0;
        left: 0;
        top: -100px;
    }

    .grn-para {
        width: 100%;
        margin-top: 0;
    }

    .faq {
        padding: 50px 0;
    }

    .contact-header h2 {
        font-size: 30px;
    }

    footer {
        padding: 50px 0;
    }

    .footer-content {
        text-align: center;
        margin-bottom: 20px;
    }

    .footer-content ul {
        justify-content: center;
    }

    .footer-link {
        text-align: center;
        margin-top: 20px;
    }

    .contact-info {
        align-items: center;
    }

    .apps {
        align-items: center;
    }

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

    .footer-bottom ul {
        justify-content: center;
    }

    .navbar {
        justify-content: center;
    }

    .Mainbanner_form {
        width: 80%;
    }

    .banner_formHead {
        font-size: 20px;
    }
}