@media screen and (max-width: 1650px) {

    .hero__title span,
    .ft-content .ft-txt span {
        font-size: 380px;
        line-height: 325px;
    }

    .story__video .story__content h4,
    .cta__wrap .cta__content h4 {
        font-size: 50px;
        line-height: 50px;
    }

    .story__video .story__content h4,
    .cta__wrap .cta__content h4,
    .animation-about h3,
    .animation__tabs h4,
    .animation__tabs__body h3,
    .animation__services .title h4,
    .process .title h4 {
        font-size: 60px;
    }

    .two-d-design h3,
    .two-d-design h3 span {
        font-size: 150px;
        line-height: 150px;
    }

    section.about-who-section {
        padding: 0px 0px 0 30px;
        height: 560px;
    }

    .who-img-box img {
        width: 100%;
    }

    section.banner__wrap {
        height: 740px;
    }

    .use__ful span {
        font-size: 35px;
    }

    .use__ful ul li a,
    .use__ful a {
        font-size: 16px;
    }

    .use__ful p {
        font-size: 16px;
    }

}

@media screen and (max-width: 1649px) {
    .inner__banner .inner__content h3 {
        font-size: 140px;
        line-height: 150px;
    }

    .hero__title span,
    .ft-content .ft-txt span {
        font-size: 265px;
        line-height: 235px;
    }

    .info__wrap .left__content h4,
    .story__video .story__content h3 {
        font-size: 100px;
        line-height: 110px;
    }

    section.banner__wrap {
        height: 695px;
    }


}



@media screen and (max-width: 1367px) {

    .hero__title span,
    .ft-content .ft-txt span {
        font-size: 220px;
        line-height: 190px;
    }

    section.testi__wrap {
        padding: 50px 0;
    }

    .process__box span {
        font-size: 20px;
    }

    section.banner__wrap {
        /* height: 900px; */
    }

    .about__content h3,
    .portfolio__wrap h3,
    .platform__wrap h3 {
        font-size: 60px;
        line-height: 60px;
    }

    .info__wrap .left__content h4,
    .story__video .story__content h3 {
        font-size: 95px;
    }

    .faq__wrap ul li h3 {
        font-size: 120px;
        line-height: 130px;
    }

    .faq__wrap ul li p {
        max-width: 600px;
    }

    .info__wrap .left__content p,
    .story__video .story__content p,
    .cta__wrap .cta__content p {
        line-height: 22px;
        font-size: 16px;
    }

    .testi__slider p,
    .award__wrap h4 {
        font-size: 40px;
        line-height: 40px;
    }

    .round__btn {
        width: 80%;
    }

    .inner__banner .inner__content h3 {
        font-size: 115px;
        line-height: 115px;
    }

    .story__video .story__content h4,
    .cta__wrap .cta__content h4,
    .animation-about h3,
    .animation__tabs h4,
    .animation__tabs__body h3,
    .animation__services .title h4,
    .process .title h4 {
        font-size: 50px;
        line-height: 60px;
    }

    .animation-about {
        padding-top: 40px;
    }

    .two-d-design h3,
    .two-d-design h3 span {
        font-size: 100px;
        line-height: 100px;
    }

    section.header__wrap {
        padding: 0;
    }

    .query__btn {
        font-size: 20px;
    }

    .signup__btn {
        font-size: 20px;
    }

    .header__wrap .navbar-nav .nav-link {
        font-size: 16px;
    }

    a.navbar-brand img {
        width: 185px;
    }

    .inner__content p br {
        display: none;
    }

    img.my-lg-5.my-3.m-auto.d-block.review {}

    section.about-who-section {
        height: 450px;
    }

    .who-img-box img {
        width: 100%;
    }

    section.about-who-section H3 {
        font-size: 200px;
    }

    section.about-who-section P {
        font-size: 16px;
    }

    section.about-company-section p br {
        display: none;
    }

    .about-Process-section img {
        min-height: 125px !important;
        width: 125px;
    }

    .about-choose-section .choose__title h3 {
        font-size: 120px !important;
    }

    .contact__info span,
    .choose__box span {
        font-size: 35px;
        line-height: 40px;
    }

    .use__ful span {
        font-size: 30px;
    }


    .use__ful ul li a,
    .use__ful a {
        font-size: 15px;
    }

    .use__ful p {
        font-size: 15px;
    }
}

@media screen and (max-width: 992px) {

    .choose__box,
    .industries__box {
        max-width: 100%;
        margin: 0 15px;
    }

    .two-d-design h3,
    .two-d-design h3 span {
        font-size: 80px;
        line-height: 100px;
        display: inline;
        text-align: center;
    }

    .two-d-design .black.info__video,
    .cta-img {
        display: none;
    }

    .animation__cta h3,
    .industries__box span,
    .animation__cta p {
        text-align: center;
    }

    .tab-img {
        position: relative;
    }

    .animation__services .nav-tabs {
        flex-direction: inherit;
    }

    .animation__services .nav-link,
    .animation__services .nav-link span {
        margin: 0 15px;
    }

    .process__box img {
        display: block;
        margin: auto;
    }

}


@media screen and (max-width: 768px) {
    .njs-sticky-side {
        display: none;
    }

    section.banner__wrap {
        height: 230px;
    }

    .banner__wrap video {
        height: auto;
    }

    .header__wrap {
        padding: 0 10px;
        z-index: 9;
    }

    .navbar-brand img {
        max-width: 60%;
    }

    .navbar-toggler-icon {
        filter: brightness(0) saturate(100%) invert(99%) sepia(41%) saturate(2%) hue-rotate(162deg) brightness(105%) contrast(100%);
    }

    .header__wrap .navbar-nav .nav-link {
        font-size: 17px;
        padding: 0;
    }

    .navbar-nav {
        padding-top: 15px;
    }

    .query__btn,
    .signup__btn {
        padding: 10px 18px;
        font-size: 18px;
        display: block;
        margin: auto;
    }

    .header__wrap .navbar-nav .nav-link::before {
        display: none;
    }

    .hero__title {
        position: relative;
        gap: 15px;
        top: 167%;
    }

    .hero__title span,
    .ft-content .ft-txt span {
        font-size: 80px;
        line-height: 80px;
        letter-spacing: 0;
    }

    .njs-sticky-side.image_button_cover a {
        font-size: 15px;
    }

    .njs-sticky-side.image_button_cover.placement-right a {
        -webkit-transform-origin: 68% 361%;
    }

    .about__content h3,
    .portfolio__wrap h3,
    .platform__wrap h3,
    .info__wrap .left__content h4,
    .story__video .story__content h3,
    .info__wrap .left__content h3,
    .story__video .story__content h4,
    .cta__wrap .cta__content h4,
    .ft-content h4,
    .contact__info span,
    .use__ful span {
        font-size: 35px;
        line-height: 40px;
        letter-spacing: 0;
        text-align: center;
    }

    section {
        padding: 40px 0;
    }

    .info__wrap .info__content {
        flex-direction: column;
    }

    .info__wrap .info__content .left__content,
    .info__wrap .info__content .right__content {
        width: 100%;
    }

    .info__wrap .left__content p,
    .story__video .story__content p,
    .cta__wrap .cta__content p,
    .platform__wrap .platform__content p,
    .faq__wrap ul li p,
    .ft-content p,
    .use__ful p {
        line-height: 19px;
        font-size: 13px;
        text-align: center;
        max-width: 100%;
        width: 100%;
    }

    .info__wrap,
    .story__content,
    .cta__content {
        padding: 30px 20px
    }

    .info__wrap .info__content .right__content {
        margin-top: 20px;
    }

    .portfolio__content p {
        font-size: 25px;
        line-height: 26px;
    }

    .video-play-button:before,
    .video-play-button:after,
    #play-video span img,
    .portfolio__list .before-txt,
    .round__btn {
        display: none;
    }

    .story__video {
        padding-top: 0;
    }

    .story__video .signup__btn {
        display: block;
        margin: auto;
    }

    .platform__slider img {
        max-width: 60%;
    }

    .faq__wrap ul li h3::before {
        height: 50px;
        left: 0;
        width: 50px;
        top: -12px;
        font-size: 30px;
    }

    .faq__wrap ul li {
        flex-direction: column;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .faq__wrap ul li h3 {
        font-size: 70px;
        line-height: 110px;
        letter-spacing: 0;
    }

    .cta__wrap {
        background: url(../images/cta-bg.webp) center left / cover no-repeat;
    }

    .cta__video {
        padding-right: 0;
    }

    section.testi__wrap {
        padding: 50px 20px;
    }

    .testi__slider p,
    .award__wrap h4 {
        font-size: 25px;
        line-height: 30px;
    }

    .social__wrap li a {
        width: 40px;
        height: 40px;
    }

    .social__wrap li svg {
        font-size: 20px;
    }

    .row.ft-form {
        padding: 15px 10px;
    }

    .contact__info a {
        text-align: center;
    }

    form.query__form input,
    form.query__form textarea {
        width: 100%;
        height: 45px;
        font-size: 15px;
    }

    form.query__form textarea {
        height: 80px;
    }

    .query__form {
        margin-top: 20px;
    }

    .useful__links span {
        text-align: left;
        padding-top: 20px;
        margin-bottom: 0;
    }

    .use__ful ul li a,
    .use__ful a {
        font-size: 14px;
        font-family: 'Poppins';
        color: #ffffffcf;
        font-weight: 300;
        line-height: 20px;
    }

    .use__ful span {
        text-align: left;
    }

    .copy__right p,
    .why-choose .choose__title p,
    .industries .title p,
    .process .title p,
    .animation__cta p,
    .choose__box p {
        font-size: 14px;
        line-height: 20px;
    }

    .inner__banner .inner__content h3,
    .about__content h3,
    .portfolio__wrap h3,
    .platform__wrap h3,
    .why-choose .choose__title h3,
    .industries .title h4,
    .two-d-design h3,
    .two-d-design h3 span,
    .animation__cta h3,
    .industries__box span,
    .story__video .story__content h4,
    .cta__wrap .cta__content h4,
    .animation-about h3,
    .animation__tabs h4,
    .animation__tabs__body h3,
    .animation__services .title h4,
    .process .title h4,
    .contact__info span,
    .choose__box span,
    .animation__tabs .nav-tabs .nav-link {
        font-size: 30px;
        letter-spacing: 0;
        line-height: 35px;
        font-family: BebasNeueLight;
        text-align: center;
    }

    .inner__banner {
        padding: 0 20px;
        height: 70vh;
        background-position: left;
    }

    .info__wrap .left__content p,
    .story__video .story__content p,
    .cta__wrap .cta__content p,
    .inner__banner .inner__content p,
    .animation-about p,
    .two-d-design p,
    .animation__tabs__body p,
    .ser__content p {
        font-size: 14px;
        line-height: 20px;
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }

    .query__btn,
    .signup__btn {
        padding: 10px 10px;
        font-size: 15px;
        display: block;
        margin-right: auto;
        width: 100%;
        text-align: center;
    }

    .animation-about,
    .two-d-design {
        background-size: cover;
    }

    .animation-about {
        padding: 40px 20px;
        background-position: inherit;
    }

    .animation__cta .container {
        border-radius: 0;
        padding: 30px 20px;
    }

    .review {
        transform: scale(0.8);
    }

    .animation__tabs__content .nav-tabs {
        flex-direction: column;
    }

    .animation__tabs__body {
        padding: 20px;
    }

    .animation__services .nav-link,
    .animation__services .nav-link span {
        font-size: 20px !important;
    }

    .animation__services .nav-tabs {
        border-right: 0 !important;
    }

    .industries__box img {
        display: block;
        margin: auto;
    }

    .choose__box,
    .industries__box {
        max-width: 100%;
        margin: 0;
        display: block;
    }

    .ser__content h5 {
        font-size: 30px !important;
        padding-top: 30px;
        text-align: center;
    }

    section.about-who-section H3 {
        font-size: 70px;
        text-align: center;
        line-height: 75px;
    }

    .who-img-box img {
        display: none !important;
    }

    section.about-who-section {
        margin: 0;
    }

    section.about-who-section {
        padding: 20px 10px;
    }

    section.about-who-section P {
        text-align: center;
        font-size: 16px;
    }

    section.about-who-section {
        height: auto;
    }

    section.about-company-section h3 {
        font-size: 100px;
        line-height: 110px;
    }

    section.about-company-section p {
        font-size: 16px;
    }

    br {
        display: none;
    }

    section.about-logos-section {
        padding: 0 0 40px;
    }

    section.industries.about-Process-section .industries__box {
        margin: 0 10px;
    }

    section.industries.about-Process-section {}

    .about-choose-section .choose__title h3 {
        font-size: 40px !important;
        line-height: 40px;
    }

    section.why-choose.about-choose-section .choose__box {
        text-align: center;
    }


    section.faq-section .title h4 {
        font-size: 40px;
        line-height: 40px;
    }

    .title p {
        font-size: 16px;
    }

    .faq_single h4.faq__title {
        font-size: 20px;
    }

    .faq-section form {
        width: 100%;
        margin: 30px 0 0 0;
    }

    .inner-banner-head h1 {
        font-size: 50px;
        letter-spacing: normal;
    }

    section.yhankyou-banner-section {
        min-height: auto;
    }

    .terms-first-wrap-text {
        text-align: center;
    }

    .inner__banner .inner__content h3 {
        font-size: 36px;
        line-height: 50px;
    }


    .choose__box {
        text-align: center;
    }

    .choose__box img {
        text-align: center;
        margin: auto;
    }

    section.why-choose.pt-3.pb-5.mb-5 {
        margin: 0 !important;
    }

    .\32 d-design-content {
        text-align: center;
    }

    .services-flex-tab ul#myTab {
        flex-wrap: wrap;
    }


    .services-flex-tab ul#myTab li {
        width: 100%;
        margin: 0 0 7px 0;
    }

    video {
        margin: 20px 0 0 0;
    }
}

@media(max-width:425px) {
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:320px) {
    .services-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}