@media (max-width: 1199.98px) {
    .service-box {
        width: 47%;
    }

    .services-wrapper {
        flex-wrap: wrap;
    }

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

    .about--section.five .container-fluid {
        padding: 0 15px;
    }

    section#aboutFive .row.gy-5.justify-content-between.align-items-center {
        gap: 0px !important;
    }

    .solutions--section .container--fluid {
        padding: 0 15px;
    }

    section.solutions--section.one.bg--white.py-80.home-faq-anim {
        padding-top: 120px;
    }

    div#faq {
        width: 90%;
    }

    .together-img {
        width: 100%;
    }

    body {
        overflow-x: hidden;
    }

    html {
        overflow-x: hidden;
    }

    .section-heading h2 {
        font-size: var(--fs-h2);
    }

    .section-heading h3 {
        font-size: var(--fs-h3);
    }

    .section-heading p {
        font-size: var(--fs-p);
        line-height: var(--lh-p);
    }

    .portfolio-btn {
        justify-content: center;
    }

    section.solution .lower-image {
        right: -71px;
        width: 95%;
    }

    section.industries .section-heading h4,
    section.solution .section-heading h4 {
        font-size: 50px;
        line-height: 55px;
    }

    .lower-image {
        width: 90%;
        left: -70px;
    }

    section.industries .upper-image img,
    section.solution .upper-image img {
        height: auto;
        object-fit: contain;
    }
}

@media (max-width: 991.98px) {
    .solutions--section .container--fluid {
        padding: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .services-wrapper {
        display: block;
        margin-top: 20px;
    }

    .together-img {
        width: 75%;
        height: 100%;
        margin: 0 auto !important;
        overflow: hidden;
        margin-top: 10px !important;
        text-align: center;
        object-fit: cover;
        border-radius: 50px;
        margin-bottom: 40px !important;
    }

    .about--section.five .container-fluid {
        padding: 0;
    }

    .started-row {
        padding: 25px 0px;
        border-radius: 16px;
    }

    button.navbar-toggler {
        background-color: #7B8EFF;
    }

    .home-banner-row {
        padding: 50px 0px 0px;
    }

    section.banner.home-banner h1 {
        font-size: var(--fs-h2);
    }

    section.banner.home-banner p {
        width: 100%;
        font-size: var(--fs-p);
        line-height: var(--lh-p);
    }

    section.banner.home-banner {
        margin-bottom: 40px;
    }

    .together-box p {
        margin-top: 30px;
        font-size: 20px;
    }

    section.together.home-together-anim {
        padding-bottom: 0;
    }

    section.services h1 {
        font-size: var(--fs-h2);
    }

    .services .head p {
        font-size: var(--fs-p);
        line-height: var(--lh-p);
    }

    section.services.home-services-anim .service-box {
        padding: 20px 15px;
        text-align: center;
        margin-bottom: 15px;
        width: 100%;
        border-radius: 16px;
    }

    .service-box h5 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .service-box p {
        font-size: var(--fs-p);
        line-height: var(--lh-p);
    }

    .service-box img {
        margin-bottom: 15px;
        width: 40px;
    }

    section.services {
        padding-bottom: 30px;
        padding-top: 10px;
    }

    section.industries {
        padding: 00px 0px 0;
        margin-bottom: 1rem;
    }

    section.industries .services-head h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    section.industries .section-heading p,
    section.solution .section-heading p {
        font-size: 16px;
        line-height: 22px;
        width: 100%;
    }

    section.industries .section-heading h4,
    section.solution .section-heading h4 {
        font-size: 30px;
        line-height: 35px;
        padding-left: 15px;
    }

    section.industries .section-heading h4::before,
    section.solution .section-heading h4::before {
        height: 24px;
        top: 4px;
    }

    .section--content h2 {
        font-size: 28px;
    }

    section#aboutFive .section--content {
        margin-bottom: 0;
    }

    section.industries .services-head {
        padding-bottom: 0;
        margin-bottom: 50px !important;
    }

    .section--content-2 p {
        font-size: 17px;
        line-height: 24px;
        width: 100%;
    }

    .about--section.five .about-thumb--wrap {
        height: auto;
    }

    section#aboutFive {
        padding-bottom: 0;
    }

    section#service {
        padding: 0;
    }

    .about--section.five .about-thumb--wrap {
        height: auto;
    }

    section#aboutFive {
        padding-bottom: 0;
        padding-top: 30px;
        overflow: hidden;
    }

    section#service {
        padding: 0;
        padding-top: 30px;
    }

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

    .marque-footer p {
        font-size: 100px;
    }

    .marque-footer {
        margin-top: 20px;
    }

    .footer-box h3 {
        font-size: 18px;
    }

    ul.links li {
        margin-top: 6px;
    }

    ul.links {
        margin-bottom: 10px;
    }

    .footer-box h2 {
        margin-bottom: 0;
    }

    footer {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    p.copy-right {
        padding-top: 0;
        font-size: 14px;
    }

    section.industries+section.solution {
        padding-bottom: 15px !important;
        padding-top: 0;
        margin-bottom: 1rem;
    }

    .list-home-style {
        padding-right: 0;
        margin-bottom: 40px;
    }

    .about-content--wrap.d-flex.flex-column {
        padding-left: 15px;
    }

    .solution-card--wrap {
        margin-top: 40px;
    }

    section.solutions--section.one.bg--white.py-80.home-faq-anim {
        padding-top: 30px;
        padding-bottom: 0;
    }

    div#faq {
        width: 100%;
    }

    .accordion-body {
        font-size: 15px;
    }

    h2.accordion-header {
        margin-bottom: 0;
        font-size: 15px;
    }

    .testimonialSwiper {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .testimonialSwiper .swiper-slide-active .testimonial-box {
        padding: 40px;
    }

    .testimonialSwiper .swiper-slide-active .testimonial-box p {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 0;
    }

    .testimonialSwiper .swiper-slide {
        /* transform: scale(0.5); */
        width: 100%;
    }

    .testimonial-head h2 {
        font-size: 18px;
    }

    .testimonial-head {
        margin-bottom: 10px;
    }

    .testimonial-box p {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 0;
    }

    .testimonial-box {
        padding: 40px;
    }

    section.started {
        margin-top: 0;
        margin-bottom: 40px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .started-box.call-to-action-sec h3 {
        font-size: 25px;
    }

    .started-box.call-to-action-sec p {
        font-size: 17px;
        line-height: 23px;
        margin-bottom: 15px;
    }

    .circle-outer {
        width: 150px;
        height: 150px;
    }

    .story-row .section-heading p:last-child {
        margin-bottom: 30px;
    }

    .story-img {
        margin-bottom: 50px;
        position: relative;
    }

    .together-box {
        margin-bottom: 30px;
    }

    html {
        overflow-x: hidden;
    }

    ul.navbar-nav {
        background-color: #1e2024;
        margin: 0;
    }

    ul.navbar-nav li a::after {
        left: 13px;
        bottom: 0;
    }

    section.inner-banner h1 {
        font-size: 40px;
    }

    .inner-banner {
        height: 200px;
    }

    .section-heading h2 {
        font-size: var(--fs-h4);
    }

    section.story {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .section-heading h3 {
        font-size: var(--fs-h4);
        margin-bottom: 20px;
    }

    .story-row .section-heading p {
        width: 100%;
        font-size: var(--fs-p);
        line-height: var(--lh-p);
        margin-bottom: 15px;
    }

    figure.white-logo-width img {
        width: 40%;
    }

    .choose .story-row .col-md-7 .section-heading p:last-child {
        margin-bottom: 0;
    }

    .section-heading ul {
        margin-bottom: 20px;
    }

    .btn-purple {
        display: block;
        font-size: 15px;
        padding: 19px 0px 15px;
        line-height: 22px;
    }

    .upper-image img {
        width: 100%;
    }

    .upper-image {
        margin-top: 25px;
    }

    .lower-image {
        right: 0 !important;
        position: absolute;
        margin-top: 15px;
        bottom: 0;
        width: 46% !important;
        left: auto !important;
    }

    .lower-image img {
        width: 100%;
        border-radius: 35px;
    }

    section.solution {
        padding-top: 0;
    }

    .works-gif {
        margin-bottom: 20px;
    }

    section.testimonials.services .testimonialSwiper {
        padding-top: 30px;
    }

    .services-box.testimonial-box .testimonial-head h2 {
        font-size: 18px !important;
    }

    .services-box.testimonial-box p {
        font-size: var(--fs-p);
        line-height: var(--lh-p) !important;
    }

    section.physical {
        padding-top: 0;
    }

    .section-heading p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 15px;
    }


    section.portfolio .section-heading h2 {
        margin-bottom: 9px;
    }

    .portfolio-btn button {
        font-size: 15px;
    }

    .portfolio-btn {
        justify-content: center;
    }

    .started-box.call-to-action-sec {
        text-align: center;
    }

    section.portfolio {
        padding-top: 0;
    }

    section.industries .section-heading h4 br {
        display: none;
    }

    section.solution.inner .upper-image {
        margin-top: 0;
    }

    section.solution .section-heading h4 br {
        display: none;
    }

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

    .contact-info h6 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .contact-info p {
        font-size: 17px;
        margin-bottom: 0;
    }

    .contact-info ul {
        margin-top: 20px;
    }

    .contact-info ul li a {
        font-size: 16px;
    }

    .contac-form.row .input-group {
        margin-bottom: 15px !important;
    }

    section.google-map iframe {
        height: 400px;
    }

    section.contact {
        padding-top: 0;
    }

    .about--section.five .about-content--wrap .about--content .title {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .about--content.d-flex.align-items-baseline p {
        font-size: 16px !important;
        line-height: 22px;
        width: 100%;
    }

    .about--section.five .about-content--wrap .about--content {
        padding: 22px 0px;
        padding-right: 15px;
    }

    .portfolio-btn button {
        font-size: 10px
    }

    section.solution.inner .row {
        flex-direction: column-reverse;
    }

    section.industries .upper-image img,
    section.solution .upper-image img {
        width: 168px;
        height: 175px;
    }

    .lower-image img {
        width: 168px;
        height: 175px;
    }

    section.industries.inner p:last-child,
    section.solution.inner p:last-child {
        margin-bottom: 30px;
    }

    section.industries.home .upper-image {
        width: 100%;
        margin: 0;
    }

    section.industries.home .upper-image img {
        width: 100%;
        height: 100%;
    }


    section.solution.home img {
        width: 100%;
        height: 100%;
    }

    #aboutFive .fit--img {
        padding: 12px;
    }

    .solution.home .row {
        flex-direction: column-reverse;
    }

    section.choose {
        padding-bottom: 0;
    }

    section.story h2 {
        font-size: var(--fs-h2);
    }

    .section-heading.purple h3 {
        font-size: var(--fs-h4);
    }

    .choose.why-choose-about h2 {
        font-size: var(--fs-h2) !important;
    }

    .why-choose-about .story-img {
        display: flex;
    }

    .why-choose-about .upper-image img,
    .why-choose-about .lower-image img {
        width: 168px;
        height: 175px;
    }

    section.testindus.inner h2 {
        font-size: var(--fs-h3);
        width: 100%;
        margin: 0;
    }

    section.contact .getintouch {
        font-size: var(--fs-h2);
    }

    .together-img img {
        width: 100%;
    }
}