@media screen and (max-width:1400px) {
    ul#nav-links a {
        padding: 0
    }
}

@media (max-width:1320px) {
    .nav-links {
        gap: 15px
    }

    .logo img {
        max-width: 120px
    }

    .nav-links a {
        font-size: 15px
    }

    .top-header-span {
        font-size: 12px
    }

    .btn-free-demo {
        padding: 12px 12px;
        font-size: 16px;
        width: 100px
    }

    .hero-col-1 h2 {
        font-size: 45px
    }

        .hero-col-1 h2 .orange-1 {
            font-size: 65px
        }

    .hero-col-1 p {
        font-size: 16px
    }

    .hero-col-1 button {
        font-size: 16px
    }

    .hero-main {
        padding: 50px 60px
    }

    .success-story h2 {
        font-size: 45px
    }

    .stat-item img {
        width: 130px;
        height: 130px
    }

    .stat-item .number {
        font-size: 40px
    }

    .stat-item p {
        font-size: 18px
    }

    .about-col-1 h2 {
        font-size: 50px
    }

        .about-col-1 h2 .about-heading-span.biscay-1 {
            font-size: 40px !important
        }

    .list-type p {
        font-size: 14px
    }

    .about-members h3 {
        font-size: 50px
    }

    .about-bottom-btn button.know-btn, .about-bottom-btn button.demo-btn {
        font-size: 16px
    }

    .client-slider h2 {
        font-size: 50px;
        padding: 0 10px
    }

    .view-all-button {
        font-size: 18px
    }

    .we-do-col-1 h2 {
        font-size: 36px
    }

        .we-do-col-1 h2 .orange-1 {
            font-size: 45px
        }

    .we-do-col-1 p {
        font-size: 14px
    }

    .we-do-col-1 button {
        font-size: 16px
    }

    .we-do-column-2 {
        gap: 15px
    }

    .service-col-2 {
        padding: 20px
    }

        .service-col-2 h3 {
            font-size: 25px
        }

        .service-col-2 p {
            font-size: 15px;
            font-family: "Poppins",serif
        }

    .katani {
        width: 450px
    }

    .service-col-2 button {
        font-size: 16px
    }

    .benifit-heading h2 {
        font-size: 45px
    }

    .benifit-inner-col-1 h3 {
        font-size: 20px
    }

    .benifit-inner-col-1 p {
        font-size: 14px
    }

    .benifit-column {
        gap: 20px
    }

    .benifit-col-1 {
        padding: 30px 25px
    }

    .custom-app .benifit-heading h2 {
        font-size: 40px
    }

        .custom-app .benifit-heading h2 span.orange-1 {
            font-size: 50px
        }

    .custom-app .benifit-heading p {
        font-size: 14px
    }

    .banifit-col-1-inner.active button {
        font-size: 16px
    }

    .trusted-partner-heading {
        font-size: 32px
    }

    .trusted-partner-col-1 {
        text-align: center;
        padding: 30px 20px
    }

        .trusted-partner-col-1 img {
            width: 100%
        }

        .trusted-partner-col-1 h3 {
            font-size: 20px
        }

        .trusted-partner-col-1 p {
            font-size: 14px
        }

    .testimonial-container {
        height: 450px
    }

    .testmonial-heading h2 {
        font-size: 40px
    }

    .testmonial-heading p {
        font-size: 14px;
        margin-top: 30px
    }

    .testmonial-heading button {
        font-size: 16px
    }

    .testmonial-heading h2 .orange-1 {
        font-size: 50px
    }

    .our-client-heading h2 {
        font-size: 50px
    }

    .our-team-col-1 h3 {
        font-size: 24px
    }

    .our-team-col-1 p {
        font-size: 14px
    }

    .our-team-col-1 {
        padding: 15px
    }

    .visual-story-col-1 h2 {
        font-size: 34px
    }

    .visual-story-col-1 p {
        margin-top: 25px;
        font-size: 14px
    }

    .blog h2 {
        font-size: 45px;
        color: #20244B;
        text-align: center;
        margin-top: 20px
    }

    .blog-column {
        gap: 25px
    }

    .blog-img button {
        font-size: 12px;
        padding: 6px 10px
    }

    .blog-column h3 {
        font-size: 18px;
        padding: 0 15px
    }

    .blog-col-1 p {
        margin-top: 15px;
        font-size: 12px;
        padding: 0 15px
    }

    .content-column h2 {
        font-size: 35px
    }

    .content-column p {
        font-size: 14px;
        margin-top: 25px
    }

    .content-column ul {
        margin-top: 25px
    }

    .form-top {
        gap: 40px
    }

    .content-column ul li {
        font-size: 14px
    }

    .form-div button {
        font-size: 16px
    }

    .footer-col-1 img {
        width: 150px
    }

    .footer-main-top-heading {
        font-size: 14px
    }

    .footer-col-1 ul li a {
        font-size: 14px
    }

    .footer-bottom-col-1 {
        font-size: 14px
    }

        .footer-bottom-col-1 ul li i {
            font-size: 22px
        }

    .our-client-inner-col-1 h3 {
        font-size: 22px
    }

    .our-client-inner-col-1 h4 {
        font-size: 16px
    }

    span.symbol {
        font-size: 40px
    }

    .portfolio-our-client-main-col-1-information-col-1 h3 {
        font-size: 24px
    }

    .portfolio-our-client-main-col-1-information-col-1 p {
        font-size: 14px
    }

    .our-team-col-1 img {
        width: 200px;
        height: 200px
    }

    .ur-service-top-main-col-1 h3 {
        font-size: 28px
    }

    .ur-service-top-main-col-1 p {
        font-size: 14px
    }

    .service-page-our-benefit-col-1 h2 {
        font-size: 40px
    }

        .service-page-our-benefit-col-1 h2 span.orange-1 {
            font-size: 48px
        }

    .service-page-our-benefit-col-1 p {
        font-size: 14px
    }

    .our-tech-stack-main h2 {
        font-size: 50px
    }

    .why-work-with-qmanja-col-1 h2 {
        font-size: 40px
    }

        .why-work-with-qmanja-col-1 h2 span.orange-1 {
            font-size: 50px
        }

    .why-work-with-qmanja-col-2 p {
        font-size: 14px
    }

    section.Our-Tech-Stack h2 {
        font-size: 50px
    }

    .Our-Tech-Stack-step p {
        font-size: 14px
    }

    .Our-Tech-Stack-step::after {
        right: -80px;
        width: 90px
    }

    .Our-Tech-Stack-step.Our-Tech-Stack-step-2::after {
        right: -90px;
        width: 90px
    }

    .qmanja-different-col-1-inner-content h3 {
        font-size: 22px
    }

    .qmanja-different-col-1-inner-content p {
        font-size: 14px
    }

    section.portfolio-our-client-section.our-work-section .portfolio-our-client-main-column {
        grid-template-columns: repeat(5,1fr)
    }

    .stats {
        margin-top: 0
    }
}

@media screen and (max-width:1200px) {
    .nav-links {
        gap: 0
    }

        .nav-links li {
            margin: 0 10px
        }

        .nav-links a {
            font-size: 13px
        }

    .hero-main-column {
        padding: 40px 0
    }

    .about-our-journy-top-col-1 h3 {
        font-size: 28px
    }

    .about-page-our-journy-top-colmn {
        gap: 30px
    }

    .about-our-journy-top-col-1 img {
        margin-top: 10px
    }

    .about-our-journy-top-col-2-inner {
        gap: 30px
    }

    section.our-journy-section-about-page .our-journy-number span.number {
        font-size: 28px
    }

    .about-our-journy-top-col-2 .stats {
        gap: 10px
    }

    span.symbol {
        font-size: 30px
    }

    .about-our-mission-col-1 h2 {
        font-size: 38px
    }

    .about-our-mission-col-2 p {
        font-size: 16px
    }

    .our-services-page-top-col-1 h2 {
        font-size: 40px
    }

    .our-services-page-top-col-1 p {
        font-size: 16px
    }

    .our-services-page-main-colmn-2 .service-col-2 h3 {
        font-size: 16px;
        margin: 10px 0
    }

    .our-services-page-main-colmn-2 .we-do-imges img {
        width: 25px
    }

    .our-services-page-main-colmn-2 .service-col-2 p {
        font-size: 12px
    }

    .portfolio-page-oue-client-top h2 {
        font-size: 38px
    }

    section.portfolio-our-client-section {
        padding: 40px 0
    }

    .portfolio-page-oue-client-top p {
        padding-top: 15px;
        max-width: 90%;
        margin: 0 auto
    }

    .portfolio-our-client-main-column {
        margin-top: 30px;
        column-gap: 40px;
        row-gap: 30px
    }

    .portfolio-our-client-main-col-1-information-col-1 a {
        padding: 11px 14px
    }

    .portfolio-our-client-main-col-1-information-col-1 h3 {
        font-size: 18px
    }

    .portfolio-our-client-main-col-1-information-col-1 p {
        font-size: 12px
    }

    .portfolio-our-client-main-col-1-information-col-1 i {
        font-size: 18px
    }

    .blog-top-img-div {
        min-height: 250px
    }

        .blog-top-img-div img {
            width: 100%;
            height: 250px;
            object-fit: cover
        }

    .our-method-card-inner-2 h4 {
        font-size: 18px
    }

    .what-you-will-save-top-div h2 {
        font-size: 45px
    }

    section.what-you-will-save {
        padding: 50px 0
    }

    .what-you-will-save-top-div p {
        max-width: 95%
    }

    table.platform-table th {
        font-size: 20px
    }

    table.platform-table td {
        font-size: 16px
    }

    .extra-benifit-main-div h2 {
        font-size: 45px
    }

    .our-service-top-main-column {
        gap: 50px
    }

    .heading-2main {
        font-size: 24px;
    }

    .ur-service-top-main-col-1:nth-child(1) {
        width: 60%
    }

    .ur-service-top-main-col-1:nth-child(2) {
        width: 40%
    }

    .service-page-our-benefit-col-1 h2 {
        font-size: 35px
    }

        .service-page-our-benefit-col-1 h2 span.orange-1 {
            font-size: 36px
        }

    .our-tech-stack-main h2 {
        font-size: 40px
    }

    section.our-tech-stack-section {
        padding: 40px 0
    }

    .our-tech-stack-col-1 h3 {
        font-size: 24px
    }

    .our-tech-stack-column {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 45px
    }

    .our-tech-stack-col-1 {
        width: 250px
    }

    .why-work-with-qmanja-col-1 h2 {
        font-size: 35px
    }

        .why-work-with-qmanja-col-1 h2 span.orange-1 {
            font-size: 42px
        }

    section.Our-Tech-Stack h2 {
        font-size: 40px
    }

    .Our-Tech-Stack-step::after {
        right: -70px;
        width: 70px
    }

    .Our-Tech-Stack-step.Our-Tech-Stack-step-2::after {
        right: -70px;
        width: 70px;
        top: 60%
    }

    section.whats-make-qmanja-different-section {
        padding: 40px 0
    }

    section.portfolio-our-client-section.our-work-section .portfolio-our-client-main-column {
        grid-template-columns: repeat(4,1fr)
    }

    section.portfolio-our-client-section.our-work-section .portfolio-page-oue-client-top p {
        font-size: 14px
    }

    .qmanja-different-col-1-inner-content h3 {
        font-size: 18px
    }

    .qmanja-different-col-1-inner-content p {
        font-size: 12px
    }

    .qmanja-different-col-1-inner-content {
        padding: 8px
    }

    .qmanja-different-col-1 {
        width: 33%
    }

    .qmanja-different-column {
        gap: 10px
    }

    .our-sercices-page-top-col-1 h2 {
        font-size: 45px
    }

    .our-sercices-page-top-col-1 p {
        font-size: 14px
    }

    .service-page-grid-col-1 h3 {
        font-size: 20px;
        margin-top: 15px
    }

    .service-page-grid-col-1 p {
        font-size: 12px;
        font-weight: 500;
        margin: 15px 0
    }

    .service-page-grid-column .service-page-grid-col-1 {
        padding: 30px 20px
    }

    .service-page-grid-column {
        gap: 20px
    }

    span.orange-bg {
        font-size: 16px;
        padding: 5px 10px
    }

    section.Your-Fingertips h2 {
        font-size: 28px
    }

    .restarunt-app-col-2 p {
        font-size: 16px
    }

    .restaurant-app-column {
        padding: 25px 0
    }

    .how-it-work-inner-content h2 {
        font-size: 38px
    }

    span.span-orange-bg {
        padding: 5px 15px;
        font-size: 18px
    }

    .how-it-works-steps-col-1 h3 {
        font-size: 32px
    }

    .how-it-works-steps-col-1 p {
        font-size: 15px
    }

    .inner-border-pharagraph {
        margin-bottom: 15px
    }

        .inner-border-pharagraph p {
            margin: 8px 0 8px 0
        }
    h1.heading-1main {
        font-size: 38px;
    }
}

@media (max-width:1024px) {
    .social-icons a {
        font-size: 14px
    }

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

    .contact-info a {
        margin-left: 8px
    }

    .hero-col-1 h2 {
        font-size: 40px
    }

        .hero-col-1 h2 .orange-1 {
            font-size: 50px
        }

    .hero-col-1 p {
        font-size: 14px;
        margin-top: 20px
    }

    .hero-col-1 button {
        font-size: 14px;
        margin-top: 30px
    }

    .success-story h2 {
        font-size: 38px
    }

    .stat-item img {
        width: 100px;
        height: 100px
    }

    .stat-item .number {
        font-size: 35px
    }

    .stat-item p {
        font-size: 16px
    }

    .hero-section {
        padding: 50px 0
    }

    .success-story {
        padding: 50px 0
    }

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

    .about-col-1 h2 {
        font-size: 35px
    }

        .about-col-1 h2 .about-heading-span.biscay-1 {
            font-size: 35px !important
        }

    .list-type p {
        font-size: 12px
    }

    .about-bottom-btn button.know-btn, .about-bottom-btn button.demo-btn {
        font-size: 14px
    }

    .about-members h3 {
        font-size: 35px
    }

    .about-members {
        padding-left: 12px
    }

        .about-members p {
            font-size: 18px
        }

    .view-all-button {
        font-size: 16px
    }

    .client-slider h2 {
        font-size: 35px;
        padding: 0 10px
    }

    .client-slider {
        padding: 50px 0
    }

    .we-do-col-1 h2 {
        font-size: 30px;
        margin-bottom: 15px
    }

        .we-do-col-1 h2 .orange-1 {
            font-size: 40px
        }

    .we-do-col-1 p {
        font-size: 12px
    }

    .katani {
        width: 350px
    }

    .number-div {
        padding: 6px 18px
    }

    .service-col-2 h3 {
        font-size: 22px;
        margin: 15px 0
    }

    .service-col-2 {
        padding: 20px 15px
    }

        .service-col-2 p {
            font-size: 13px
        }

        .service-col-2 button {
            font-size: 14px
        }

    .what-we-do, .our-benifit {
        padding: 50px 0
    }

    .benifit-heading h2 {
        font-size: 35px
    }

    .custom-app .benifit-heading h2 {
        font-size: 35px
    }

        .custom-app .benifit-heading h2 span.orange-1 {
            font-size: 38px
        }

    .custom-app .benifit-heading p {
        font-size: 14px;
        margin-top: 25px
    }

    .trusted-partner-heading {
        font-size: 26px
    }

    .testimonial-container {
        height: 480px
    }

    .testmonial-heading h2 .orange-1 {
        font-size: 40px
    }

    .testmonial-heading h2 {
        font-size: 35px
    }

    .testmonial-heading button {
        font-size: 14px
    }

    .testimonial-text {
        font-size: 14px
    }

    .our-client-heading h2 {
        font-size: 35px
    }

    .visual-story-col-1 h2 {
        font-size: 30px
    }

    .visual-story-col-1 p {
        margin-top: 15px;
        font-size: 12px
    }

    .blog h2 {
        font-size: 35px
    }

    .blog-column {
        gap: 25px;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .blog-col-1 {
        width: 48%
    }

    button.btn-1 {
        padding: 8px 12px;
        font-size: 18px
    }

    .nav-links a {
        font-size: 12px
    }

    .logo img {
        max-width: 80px
    }

    .nav-links li {
        margin: 0 8px
    }

    .service-col-2 h3 {
        font-size: 20px;
        margin: 0
    }

    .our-client-inner-col-1 h4 {
        font-size: 14px;
        margin-top: 5px
    }

    .about-our-journy-second-column {
        flex-wrap: wrap;
        gap: 40px
    }

    .about-our-journy-second-column-col-1 {
        width: 100%
    }

        .about-our-journy-second-column-col-1.our-journy-bottom-inner-images {
            text-align: center
        }

    img.our-journy-image-bottom-2 {
        left: -5%
    }

    .card-page-container {
        gap: 10px
    }

    img.we-do-vector.our-method-vector {
        display: none
    }

    .we-do-column-2 {
        gap: 10px
    }

    .content-column {
        width: 100%
    }

    .map-column {
        width: 100%
    }

    .flex-container {
        flex-direction: column
    }

    ul.contact-page-address-1 li {
        max-width: 100%
    }

    .how-it-works-steps-column {
        gap: 20px
    }
}

@media (max-width:900px) {
    .nav-links {
        position: absolute;
        top: 60px;
        left: -100%;
        flex-direction: column;
        width: 100%;
        text-align: center;
        transition: 0.5s;
        height: 100vh
    }

        .nav-links li {
            width: 90%;
            margin: 15px auto;
            border-bottom: 1px solid #c5c5c575;
            padding-bottom: 6px;
            text-align: start;
            padding-left: 20px
        }

    .mobile-service {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 20px
    }

    .menu-toggle {
        display: flex
    }

    .nav-links.active {
        left: 0;
        background: #fff;
        height: 100vh;
        width: 100%;
        top: 100%;
        justify-content: start;
        align-items: start
    }

    ul.nav-links.active li a {
        display: flex;
        width: 100%
    }

    .menu-toggle.active span:nth-child(1) {
        transform: rotate(45deg) translate(1px,4px)
    }

    .menu-toggle.active span:nth-child(2) {
        opacity: 0
    }

    .menu-toggle.active span:nth-child(3) {
        transform: rotate(-45deg) translate(7px,-10px)
    }

    .free-demo-btn-top {
        display: none
    }

    .burger {
        display: block
    }

    .btn-free-demo {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 10px
    }

    .close-btn {
        display: block
    }

    .trusted-partner-column {
        display: grid;
        grid-template-columns: repeat(2,1fr)
    }

    .trusted-partner-col-1.right-border {
        border-right: none
    }

    .btn-free-demo.futura {
        display: none
    }

    .mobile-header-btn {
        display: block
    }

    .top-header-main {
        display: none
    }

    .free-demo-mobile-main {
        display: flex;
        align-items: center;
        flex-wrap:wrap;
    }

    .social-media-bottom {
        display: flex;
        align-items: center
    }

    .free-demo-mobile {
        border: none !important
    }

    .social-media-bottom li {
        border: none
    }

        .social-media-bottom li a i {
            font-size: 18px
        }

    .social-media-bottom {
        display: inline-flex
    }

    .nav-links li:hover ul.service-dropdown {
        top: 100%;
        width: 100%
    }

    ul.service-dropdown a li {
        border-bottom: 0
    }

    .logo img {
        max-width: 130px
    }

    .our-client-inner-col-1 img {
        width: 100px
    }

    button.btn-1 a {
        font-size: 15px
    }

    .visual-story-column {
        gap: 30px
    }

    .visual-story-column-2 {
        gap: 30px
    }

    .visual-story-column-2 {
        margin-top: 20px
    }

    button.btn-2 a {
        font-size: 15px
    }

    button.btn-2 {
        padding: 8px 16px
    }

    section.what-we-do.our-method .what-we-do-column {
        gap: 20px
    }

    .our-method-card-inner-2 h4 {
        font-size: 16px
    }

    .what-we-do, .our-benifit {
        padding: 40px 0
    }

    .ur-service-top-main-col-1:nth-child(1) {
        width: 70%
    }

    .ur-service-top-main-col-1:nth-child(2) {
        width: 30%
    }

    .our-service-top-main-column {
        padding: 30px 40px
    }

    section.service-page-section-1 {
        padding: 40px 0
    }

    section.portfolio-our-client-section.our-work-section .portfolio-our-client-main-column {
        grid-template-columns: repeat(3,1fr)
    }

    section.portfolio-our-client-section.our-work-section .portfolio-our-client-main-col-1 {
        padding: 20px
    }

    img.qmanja-different-desktop-img {
        display: none
    }

    img.qmanja-different-mobile-img {
        display: block
    }

    .qmanja-different-col-1:nth-child(2) {
        order: 1;
        width: 100%
    }

    .qmanja-different-col-1:nth-child(1) {
        order: 2;
        width: 48%
    }

    .qmanja-different-col-1:nth-child(3) {
        order: 2;
        width: 48%
    }

    .qmanja-different-column {
        flex-wrap: wrap;
        align-items: self-start
    }

    .qmanja-different-col-1:nth-child(2) img {
        width: 70%;
        margin: 0 auto
    }

    .service-page-our-benefit-column {
        gap: 30px
    }

    .why-work-with-qmanja-column {
        gap: 20px
    }

    .Our-Tech-Stack-steps {
        gap: 40px
    }

    .Our-Tech-Stack-step::after {
        right: -50px;
        width: 55px
    }

    .Our-Tech-Stack-step.Our-Tech-Stack-step-2::after {
        right: -50px;
        width: 55px
    }

    section.why-work-with-qmanja-section {
        padding: 30px 0
    }

    .Our-Tech-Stack {
        padding: 30px 0
    }

    .why-work-with-qmanja-column {
        flex-wrap: wrap
    }

    .why-work-with-qmanja-col-1 {
        width: 100%
    }

    .why-work-with-qmanja-col-2 {
        width: 100%
    }

    .qmanja-different-col-1-inner-content {
        min-height: 150px
    }

    .how-it-works-steps-column {
        flex-wrap: wrap
    }

    .how-it-works-steps-col-1 {
        width: 100%
    }

    .how-it-works-steps-column:nth-child(even) {
        flex-direction: column-reverse
    }
}

@media (max-width:768px) {
    .slide {
        margin: 0 10px;
        width: 80px;
        height: 60px
    }
    h1.heading-1main {
        font-size: 34px;
    }
    .custom-app-main {
        flex-direction: column
    }

    .custom-app-col-1 {
        width: 100%
    }

    .banifit-col-1-inner {
        position: relative
    }

    .custom-app-col-1 img {
        position: static;
        width: 100%;
        margin-top: 20px;
        display: none
    }

    .banifit-col-1-inner.active img {
        display: block
    }

    .custom-app-col-1:nth-child(2) {
        display: none
    }

    .map-column {
        height: 300px
    }

    .hero-main {
        flex-wrap: wrap
    }

    .hero-col-1 {
        width: 100%;
        text-align: center
    }

        .hero-col-1 h2 {
            font-size: 50px
        }

            .hero-col-1 h2 .orange-1 {
                font-size: 60px
            }

        .hero-col-1 img {
            width: 100%;
            margin-top: 20px;
            height: 86%;
            object-fit: cover
        }

    .stats {
        flex-wrap: wrap
    }

    .stat-item {
        width: 46%
    }

    .about-section-column {
        flex-wrap: wrap;
        flex-direction: column-reverse
    }

    .about-col-1 {
        width: 100%;
        margin-top: 20px
    }

    .what-we-do-column {
        flex-wrap: wrap
    }

    .we-do-col-1 {
        width: 100%
    }

    .we-do-col-2 {
        width: 100%
    }

    .we-do-vector {
        display: none
    }

    .we-do-col-1 {
        position: inherit
    }

    .benifit-column {
        grid-template-columns: repeat(1,1fr)
    }

    .trusted-partner-column {
        grid-template-columns: repeat(1,1fr);
        gap: 0
    }

    .testmonial-column {
        grid-template-columns: repeat(1,1fr)
    }

    .testimonial-container {
        height: 440px;
        margin-top: 20px
    }

    .about-our-journy-top-col-2-inner {
        flex-wrap: wrap
    }

    .visual-story-column {
        flex-wrap: wrap;
        gap: 20px
    }

    .visual-story-col-1 {
        width: 100%
    }

    .visual-story-col-2 {
        width: 45%
    }

    .visual-story-column-2 {
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 20px
    }

    .blog-col-1 {
        width: 100%
    }

    .blog-column h3 {
        font-size: 26px
    }

    .blog-col-1 p {
        font-size: 16px
    }

    .form-top {
        flex-wrap: wrap;
        gap: 20px
    }

    .form-top-inner {
        width: 100%
    }

    .footer-column {
        flex-wrap: wrap
    }

    .footer-col-1 {
        width: 100%;
        text-align: center
    }

    .footer-column {
        flex-wrap: wrap;
        gap: 40px
    }

    .footer-bottom {
        flex-wrap: wrap;
        gap: 40px;
        margin-top: 20px
    }

    .footer-bottom-col-1 {
        width: 100%;
        text-align: center
    }

        .footer-bottom-col-1 ul {
            justify-content: center
        }

    .back-to-top {
        bottom: 30px
    }

    .whatsapp-contact-main-div {
        bottom: 20px
    }

    .about-members {
        max-width: 60%;
        margin: 0 auto
    }

    .we-do-col-1 img {
        width: 100%
    }

    .our-client-inner-col-1 img {
        width: 120px
    }

    .navbar {
        padding: 10px 0
    }

    section.space-ptb {
        padding: 20px 0
    }

    .inner-header .breadcrumb-title.bg-overlay-black-80 .col-lg-12 h1.py-5.text-white {
        font-size: 36px
    }

    .tc-page-heading-2 {
        font-size: 20px
    }

    h5.tc-page-heading {
        font-size: 18px
    }

    section.space-ptb p {
        font-size: 14px;
        margin: 10px 0
    }

    section.space-ptb br {
        display: none
    }

    .custom-app-main {
        flex-direction: column
    }

    .custom-app-col-1 {
        order: 2;
        width: 100%
    }

        .custom-app-col-1 img {
            display: block;
            margin-top: 20px
        }

    .testimonial-card {
        width: 90%
    }

    .what-we-do-column.our-client-column {
        flex-direction: column-reverse
    }

    .our-team-column {
        animation: scroll-team 30s linear infinite
    }

    .whatsapp-contact-main-div img {
        width: 60px
    }

    .hero-col-1.about-h2 h2 {
        font-size: 30px
    }

    .hero-col-1.about-h2 span.orange-1 {
        font-size: 32px
    }

    .hero-col-1.about-h2 {
        width: 60%
    }

    .hero-col-1.about-page-hero-col-1-image {
        width: 40%
    }

    .about-page-our-journy-top-colmn {
        flex-wrap: wrap
    }

    .about-our-journy-top-col-1 {
        width: 100%;
        text-align: center
    }

        .about-our-journy-top-col-1 img {
            width: 180px
        }

    .about-our-journy-top-col-2 {
        width: 100%
    }

    .about-our-journy-top-col-2-inner-1 {
        padding: 15px
    }

    .about-our-journy-top-col-2-inner {
        gap: 10px
    }

    section.our-journy-section-about-page .our-journy-number span.number {
        font-size: 40px
    }

    span.symbol {
        font-size: 40px
    }

    section.our-journy-section-about-page {
        padding: 40px 0
    }

    .about-our-journy-top-col-2 .stats {
        margin-top: 10px
    }

    img.our-journy-image-bottom-2 {
        width: 160px
    }

    .about-our-mission-column {
        flex-wrap: wrap
    }

    .about-our-mission-col-1 {
        width: 100%
    }

    .about-our-mission-col-2 {
        width: 100%;
        margin-top: 10px
    }

    section.about-our-mission {
        padding: 40px 0
    }

    .our-services-page-top-column {
        flex-wrap: wrap
    }

    .our-services-page-top-col-1 {
        width: 100%
    }

    .our-services-page-main-colmn-2 {
        grid-template-columns: repeat(2,1fr);
        gap: 20px
    }

    section.our-service-page-section {
        padding: 40px 0
    }

    .our-services-page-main-colmn-2 {
        margin-top: 30px
    }

    .portfolio-our-client-main-column {
        grid-template-columns: repeat(2,1fr)
    }

    .portfolio-our-client-main-col-1-information-col-1 h3 {
        font-size: 16px
    }

    .portfolio-our-client-main-col-1-information-col-1 p {
        font-size: 12px;
        margin-top: 10px
    }

    .hero-col-1.about-h2 h2 {
        text-align: left
    }

    .hero-col-1.about-h2 p {
        text-align: left
    }

    .step-container {
        grid-template-columns: repeat(2,1fr)
    }

    .jobs-section {
        margin: 30px 0
    }

    .why-work-section {
        padding: 30px 10px
    }

    .why-item h3 {
        font-size: 20px
    }

    .form-container input, .form-container textarea {
        border-radius: 4px
    }

    .careers-form-top-main-co-1 {
        padding: 5px;
        width: 100%
    }

    .careers-form-top-main {
        gap: 15px
    }

    .form-container {
        padding: 10px
    }

    .careers-form-top-main {
        flex-wrap: wrap
    }

    .apply-section h2 {
        margin-bottom: 10px
    }

    .card-page-container {
        gap: 20px;
        flex-wrap: wrap
    }

    .card-page {
        width: 44%;
        padding: 15px
    }

        .card-page h3 {
            font-size: 22px
        }

    .blog-top-img-div img {
        width: 100%;
        height: 300px;
        object-fit: cover
    }

    .visual-story-column {
        justify-content: center
    }

    .visual-story-column-2 {
        justify-content: center
    }

    .service-col-2 {
        width: 100%;
        min-height: 300px
    }

    .about-our-journy-second-column-col-1.our-journy-bottom-inner-images {
        text-align: center;
        display: none
    }

    section.about-our-mission .about-our-mission-main .sucess-top-heading {
        justify-content: start
    }

    .about-our-mission-column {
        margin-top: 20px
    }

    .free-demo {
        padding: 40px 20px
    }

    h2.free-demo-title {
        font-size: 35px
    }

    .free-demo-title {
        margin-bottom: 20px
    }

    .steps {
        padding: 30px 0
    }

    ul.contact-page-address-1 li {
        max-width: 100%;
        line-height: 20px
    }

    .about-list img {
        display: none
    }

    img.about-mobile {
        width: 100%
    }

    .about-image-2 {
        left: inherit;
        right: 0 !important
    }

    .our-team-column {
        gap: 30px
    }

    .our-team-col-1 h3 {
        font-size: 18px
    }

    .our-team-col-1 {
        box-shadow: 0 0 20px 0 #e5e5e5
    }

    .our-team-slider {
        margin-top: 0
    }

    .our-team {
        padding: 30px 0
    }

    .visual-story {
        padding: 30px 0
    }

    .contact-us {
        padding: 30px 0
    }

    .what-you-will-save-top-div h2 {
        font-size: 35px
    }

    section.what-you-will-save {
        padding: 40px 0
    }

    .what-you-will-save-top-div p {
        margin-top: 15px
    }

    table.platform-table th {
        font-size: 18px
    }

    table.platform-table td {
        font-size: 14px
    }

    .extra-benifit-main-div h2 {
        font-size: 35px
    }

    .what-we-do, .our-benifit {
        padding: 30px 0
    }

    .service-page-grid-column {
        grid-template-columns: repeat(2,1fr)
    }

    .our-sercices-page-top-column {
        flex-wrap: wrap
    }

    .our-sercices-page-top-col-1 {
        width: 100%
    }

    .our-sercices-page-top-column {
        gap: 20px
    }

    section.service-page-our-service {
        padding: 40px 0
    }

    .service-page-grid-column {
        padding-top: 25px
    }

    .our-team-col-1 img {
        width: 180px;
        height: 180px
    }

    .our-service-top-main-column {
        flex-wrap: wrap;
        flex-direction: column-reverse
    }

    .ur-service-top-main-col-1:nth-child(1) {
        width: 100%;
        text-align: center
    }

    .ur-service-top-main-col-1:nth-child(2) {
        width: 100%;
        text-align: center
    }

    .ur-service-top-main-col-1 img {
        width: 50%;
        margin: 0 auto
    }

    .service-page-our-benefit-column {
        flex-wrap: wrap
    }

    .service-page-our-benefit-col-1 {
        width: 100%;
        position: inherit
    }

    .service-page-our-benefit-col-2 {
        width: 100%
    }

    section.service-page-our-benefit-section {
        margin-bottom: 30px
    }

    .our-tech-stack-main h2 {
        font-size: 35px
    }

    section.portfolio-our-client-section.our-work-section .portfolio-our-client-main-column {
        grid-template-columns: repeat(2,1fr)
    }

    section.portfolio-our-client-section {
        padding: 20px 0
    }

    .portfolio-page-oue-client-top h2 {
        font-size: 35px
    }

    .Our-Tech-Stack-steps {
        flex-wrap: wrap
    }

    .Our-Tech-Stack-step {
        width: 100%
    }

        .Our-Tech-Stack-step img {
            width: 50%
        }

        .Our-Tech-Stack-step::after {
            right: 70px;
            width: 120px;
            top: 80%;
            transform: rotate(90deg)
        }

        .Our-Tech-Stack-step.Our-Tech-Stack-step-2::after {
            width: 120px;
            left: 70px;
            top: 80%;
            transform: rotate(90deg)
        }

    section.Our-Tech-Stack h2 {
        font-size: 35px
    }

    .Our-Tech-Stack-step p {
        font-size: 26px
    }

    .number-div {
        text-align: center
    }

    .we-do-column-2 {
        display: grid;
        gap: 5px
    }

    .we-do-column-2 {
        top: 15%
    }

    footer {
        padding-top: 40px
    }

    .hero-col-1.about-page-hero-col-1-image {
        width: 0%
    }

    section.top-hero-section {
        background: none
    }

    button.btn-1.hide-btn-1 {
        display: none
    }

    button.btn-1.hide-btn-2 {
        display: block;
        margin: 30px 0 0
    }

    .hidden-bttn-div {
        justify-content: center;
        display: flex
    }

    .our-tech-stack-col-1 {
        width: 150px
    }

        .our-tech-stack-col-1 img {
            height: 70px
        }

    .hero-col-1.about-h2 {
        width: 100%
    }

    .portfolio-our-client-main-col-1-information-col-1 a {
        padding: 8px 10px
    }

    .portfolio-our-client-main-col-1-information-col-1 i {
        font-size: 16px
    }

    .our-sercices-page-top-col-1 h2 {
        font-size: 36px
    }

    .why-item {
        flex: 1 1 calc(100%)
    }

    .restaurant-app-column {
        flex-wrap: wrap
    }

    .restarunt-app-col-1 {
        width: 100%
    }

    .restarunt-app-col-2 {
        width: 100%
    }

    .restaurant-app-column.column-reverse {
        flex-direction: column-reverse
    }

    .restarunt-app-col-1 img {
        width: 70%
    }

    .restaurant-app-column {
        gap: 30px
    }

    .restarunt-app-col-1.marketing-page img {
        width: 100%
    }

    section.service-page-our-benefit-section.social-media-page {
        padding: 30px 0
    }

    .how-it-works-steps-column.top-padding {
        padding-top: 30px
    }

    .how-it-work-inner-content h2 {
        font-size: 34px
    }

    .trusted-partner-column.trusted-partner-column-page-2 .trusted-partner-col-1 {
        padding: 20px
    }

    .service-page-our-benefit-column.page-inner-column-2 {
        flex-direction: column-reverse
    }

    section.whats-make-qmanja-different-section {
        padding: 30px 0
    }

    .why-work-with-qmanja-col-1 p {
        margin-top: 15px
    }

    .why-work-with-qmanja-col-1 h2 {
        font-size: 28px;
        margin-top: 15px
    }

        .why-work-with-qmanja-col-1 h2 span.orange-1 {
            font-size: 36px
        }

    .hero-section {
        padding: 30px 0
    }

    .stats {
        margin-top: 0
    }

    .success-story h2 {
        margin-bottom: 0
    }

    .stats {
        padding-top: 30px
    }

    button.btn-1.hide-btn-2 {
        margin: 0 0 0
    }

    .custom-app {
        padding: 30px 0
    }

    .banifit-col-1-inner h3 {
        font-size: 20px
    }

    .banifit-col-1-inner.active p {
        margin: 15px 0;
        font-size: 14px
    }

    section.portfolio-our-client-section.our-work-section.website-hosting-page {
        padding-top: 25px
    }

    .number span {
        font-size: 22px
    }

    .stat-item p {
        font-size: 14px
    }

    .stat-item {
        padding: 10px
    }
}

@media screen and (max-width:712px) and (min-width:580px) {
    .qmanja-different-col-1-inner-content p {
        min-height: 100px
    }
}

@media screen and (max-width:580px) and (min-width:480px) {
    .qmanja-different-col-1-inner-content p {
        min-height: 130px
    }

    .qmanja-different-col-1-inner-content h3 {
        min-height: 42px
    }

    .qmanja-different-col-1-inner-content {
        max-height: 230px
    }
}

@media (max-width:480px) {
    .slide {
        margin: 0 5px;
        width: 60px;
        height: 50px
    }

    .client-slider h2 {
        font-size: 20px
    }

    .hero-col-1 h2 {
        font-size: 30px
    }

        .hero-col-1 h2 .orange-1 {
            font-size: 40px
        }

    .hero-main {
        padding: 30px 25px
    }

    .sucess-line {
        width: 15px;
        height: 1px
    }

    .sucess-top-heading h3 {
        font-size: 16px
    }

    .vector-right {
        display: none
    }

    section.about-section {
        padding: 20px 0
    }

    .success-story {
        padding: 20px 0
    }

    .about-col-1 .sucess-top-heading {
        justify-content: center;
        gap: 3px
    }

    .about-col-1 h2 {
        font-size: 30px;
        text-align: center
    }

        .about-col-1 h2 .about-heading-span.biscay-1 {
            font-size: 30px !important
        }

    .list-type {
        margin: 10px 0
    }

    .about-bottom-btn {
        justify-content: center;
        display: flex
    }

    .about-col-1 img {
        width: 80%
    }

    .about-members h3 {
        font-size: 40px
    }

    .about-image-2 {
        left: 50%;
        bottom: 0
    }

    .we-do-col-1 h2 .orange-1 {
        font-size: 32px
    }

    .we-do-col-1 .sucess-top-heading {
        justify-content: center
    }

    .we-do-col-1 h2 {
        text-align: center
    }

    .we-do-col-1 {
        text-align: center
    }

    .we-do-imges {
        justify-content: center
    }

    .service-col-2 {
        text-align: center
    }

    .what-we-do, .our-benifit {
        padding: 20px 0;
        background: #ffff !important
    }

    .benifit-heading h2 {
        font-size: 30px
    }

    .benifit-col-1 {
        flex-wrap: wrap;
        flex-direction: column-reverse
    }

    .benifit-inner-col-1 {
        width: 100%
    }

    .benifit-image {
        width: 100%
    }

    .custom-app .benifit-heading h2 {
        font-size: 30px;
        text-align: start;
        margin-top: 10px
    }

    .custom-app .benifit-heading p {
        text-align: start;
        margin-top: 15px
    }

    .custom-app .benifit-heading h2 span.orange-1 {
        font-size: 35px
    }

    .trusted-partner {
        padding: 20px 0;
        background: #ffff !important
    }

    .custom-app .sucess-top-heading {
        justify-content: start
    }

    .trusted-partner-heading {
        margin-top: 12px
    }

        .trusted-partner-heading h2 {
            font-size: 30px;
            font-family: helvetica
        }

    .trusted-partner-column {
        margin-top: 30px
    }

    .trusted-partner-col-1 {
        padding: 10px 10px
    }

    .testimonial-card {
        width: 100%
    }

    .testimonial-container {
        height: 420px
    }

    .testmonial {
        padding: 20px 0
    }

    .our-client-heading h2 {
        font-size: 30px;
        margin-top: 10px
    }

    .our-team {
        padding: 20px 0;
        background-color: #ffff !important
    }

    .testmonial-col-1 .sucess-top-heading {
        justify-content: center
    }

    .testmonial-heading h2 {
        font-size: 30px;
        text-align: center;
        margin-top: 10px
    }

    .testmonial-heading p {
        margin-top: 20px;
        text-align: center
    }

    .testmonial-heading {
        text-align: center
    }

        .testmonial-heading h2 .orange-1 {
            font-size: 35px
        }

    .our-team-column {
        padding: 20px
    }

    .our-team-slider {
        margin-top: 10px
    }

    .our-expert {
        padding: 30px 0;
        background: #ffff !important
    }

    .blog h2 {
        font-size: 30px
    }

    .stat-item {
        width: 45%
    }

    .stats {
        gap: 6px
    }

    .success-story h2 {
        font-size: 30px
    }

    .logo img {
        max-width: 100px
    }

    .our-team-column {
        animation: scroll-team 30s linear infinite
    }

    .what-we-do-column {
        gap: 10px
    }

    .about-col-1 {
        text-align: center
    }

    .about-members {
        text-align: left;
        margin-left: 40px
    }

    .whatsapp-contact-main-div img {
        width: 50px
    }

    .hero-main-column {
        padding-top: 30px;
        padding-bottom: 30px
    }

    section.our-journy-section-about-page {
        padding: 30px 0
    }

    .about-our-journy-top-col-1 img {
        width: 150px
    }

    img.our-journy-image-bottom-2 {
        width: 120px
    }

    .about-our-mission-column {
        margin-top: 15px
    }

    .about-our-journy-top-col-2-inner-1 p {
        font-size: 14px
    }

    .about-our-journy-second-column-col-1 p {
        font-size: 14px
    }

    .about-our-mission-col-2 p {
        font-size: 14px
    }

    span.about-phera-heading {
        font-size: 16px
    }

    .our-services-page-main-colmn-2 {
        grid-template-columns: repeat(1,1fr)
    }

        .our-services-page-main-colmn-2 .service-col-2 p {
            font-size: 14px
        }

    .our-services-page-top-col-1 p {
        font-size: 14px
    }

    section.our-service-page-section {
        padding: 20px 0
    }

    .portfolio-our-client-main-column {
        grid-template-columns: repeat(1,1fr)
    }

    .step-container {
        grid-template-columns: repeat(1,1fr)
    }

    .jobs-section h2 {
        font-size: 1.6rem;
        margin-bottom: 16px
    }

    .job-card h3 {
        font-size: 1.3rem
    }

    .job-card {
        padding: 10px;
        margin-top: 5px
    }

    .form-container {
        padding: 0
    }

    .apply-section {
        padding: 10px 20px;
        padding-bottom: 30px
    }

    section.why-work-section {
        margin-bottom: 20px
    }

    .card-page {
        width: 100%
    }

    .blog-top-img-div img {
        width: 100%;
        height: 250px;
        object-fit: cover
    }

    .free-demo {
        padding: 20px 15px
    }

    h2.free-demo-title {
        font-size: 26px
    }

    .free-demo-title {
        margin-bottom: 10px
    }

    .steps {
        padding: 20px 0
    }

    .our-team-column {
        gap: 20px
    }

    table.platform-table th {
        font-size: 14px
    }

    table.platform-table td {
        font-size: 10px
    }

    .extra-benifit-main-div h2 {
        font-size: 24px
    }

    table.platform-table {
        width: 100%;
        margin-top: 15px
    }

    .extra-benifit-main-div h2 {
        margin-top: 5px
    }

    .contact-us {
        padding: 20px 0
    }

    .what-you-will-save-top-div p {
        max-width: 100%
    }

    .our-team-col-1 img {
        width: 150px;
        height: 150px
    }

    section.portfolio-our-client-section.our-work-section .portfolio-our-client-main-column {
        grid-template-columns: repeat(1,1fr)
    }

    .Our-Tech-Stack-step::after {
        right: 30px;
        width: 100px;
        top: 70%;
        transform: rotate(90deg)
    }

    .Our-Tech-Stack-step.Our-Tech-Stack-step-2::after {
        width: 100px;
        left: 30px;
        top: 72%;
        transform: rotate(90deg)
    }

    .qmanja-different-col-1-inner-content h3 {
        font-size: 16px
    }

    .our-tech-stack-col-1 {
        width: 130px
    }

        .our-tech-stack-col-1 h3 {
            font-size: 18px
        }

        .our-tech-stack-col-1 img {
            height: 50px
        }

    .service-page-grid-column {
        grid-template-columns: repeat(1,1fr)
    }

    .service-page-grid-col-1 p {
        font-size: 14px
    }

    .service-page-grid-col-1 h3 {
        font-size: 26px
    }

    .service-page-grid-column .service-page-grid-col-1 {
        padding: 30px 20px;
        position: sticky;
        top: 10%
    }

    .our-sercices-page-top-col-1 h2 {
        font-size: 32px
    }

    .how-it-work-inner-content h2 {
        font-size: 28px;
        margin-top: 10px
    }

    span.span-orange-bg {
        padding: 5px 15px;
        font-size: 16px
    }

    .how-it-works-steps-col-1 h3 {
        font-size: 26px
    }

    .how-it-works-steps-col-1 p {
        font-size: 14px
    }

    .how-it-works-steps-col-1 button.btn-1 {
        font-size: 14px
    }
}

@media screen and (max-width:481px) and (min-width:400px) {
    .qmanja-different-col-1-inner-content p {
        font-size: 12px;
        min-height: 150px
    }

    .qmanja-different-col-1-inner-content h3 {
        min-height: 35px
    }
}

@media screen and (max-width:400px) {
    .qmanja-different-col-1-inner-content p {
        min-height: 220px
    }
}

@media screen and (max-width:1200px) and (min-width:769px) {
    h3.increase-heading {
        font-size: 35px !important
    }
}

@media screen and (max-width:769px) and (min-width:481px) {
    h3.increase-heading {
        font-size: 44px !important
    }
}

@media screen and (max-width:481px) {
    h3.increase-heading {
        font-size: 28px !important
    }

    header {
        padding: 20px 0;
    }
    header.shrink {
      padding: 10px 0;
    }
    h1.heading-1main {
        font-size: 28px;
    }
    .mobile-header-btn {
        width: 100%;  
    }
    .mobile-header-btn a {
        justify-content:center;
    }
    .social-media-bottom {
        width: 100%;
    }
     
}