@media (max-width: 1536px) {
    #index_banner .carousel-caption h5 {
        font-size: 38px;
    }
    #index_banner .carousel-caption a {
        font-size: 18px;
    }
    #services {
        height: auto;
    }
    #services .section-title h2 {
        font-size: 38px;
    }
    #services .section-title h3 {
        font-size: 30px;
    }
    /*#services .icon-box {*/
    /*  border-top: 8px solid var(--logo-background);*/
    /*}*/
    #who_we_are {
        height: auto;
    }
    #who_we_are .card h5 {
        font-size: 38px;
    }
    #process {
        height: auto;
    }
    #process h2 {
        font-size: 38px;
    }
    #industries {
        height: auto;
    }
    #industries h2 {
        font-size: 38px;
    }
    #testimonials {
        height: auto;
        padding: 40px 0 60px;
    }
    #testimonials h2 {
        font-size: 38px;
    }
    #contact .wwa {
        width: 35%;
        top: 46%;
        left: 9%;
    }
    #contact .wwa h5 {
        font-size: 38px;
    }
    #about h2 {
        font-size: 38px;
    }
    #vis_mis h2 {
        font-size: 38px;
    }
    #team h2 {
        font-size: 38px;
    }

    #ma h2 {
        font-size: 38px;
    }


    #form .card-title {
        font-size: 38px;
    }
}

@media (max-width: 1440px) {
    #contact .wwa {
        top: 40%;
        left: 6%;
    }
}

@media (max-width: 1366px) {
    .navbar-dark .navbar-nav .nav-item {
        margin: 0;
    }
    .navbar-dark .navbar-nav .nav-item:last-child {
        margin-left: 0;
    }
    .navbar-dark .navbar-brand img {
        width: 270px;
    }
    .navbar-expand-lg .navbar-nav {
        align-items: center;
    }
    .navbar-dark .navbar-nav .nav-link {
        font-size: 14px;
    }
    #services .icon-box {
        padding: 60px 22px;
    }
    #industries .card-body {
        padding: 0;
    }
    #industries .card h5 {
        margin-top: 20px;
    }
    #process .pro a {
        max-width: 27%;
    }
    #contact .wwa {
        left: 10%;
    }
    footer .address {
        padding: 30px 10px;
    }
    footer .links a:nth-child(3)::after,  
    footer .links a:nth-child(6)::after {
        border-right: 0;
    }
    footer .links a:nth-child(4)::after {
        content: "";
        border-right: 2px solid;
        margin-left: 20px;
        color: var(--white);
    }
    footer .icons ul {
        margin-top: 57px;
    }
}

@media (max-width: 1280px) {
    #contact .wwa {
        left: 8%;
        width: 40%;
    }
}

@media (max-width: 1152px) {
    body {
        padding-top: 71px;
    }
    .navbar-dark .navbar-brand img {
        width: 200px;
    }
    /*.navbar-dark .navbar-nav .nav-item {*/
    /*  margin-right: -11px;*/
    /*}*/
    .navbar-dark .navbar-nav .nav-link.talk_expert, 
    .navbar-dark .navbar-nav .nav-link.talk_expert:focus {
        white-space: nowrap;   
        padding: 10px 20px;
    }
    .navbar-dark .navbar-nav .nav-link, 
    .navbar-dark .navbar-nav .nav-link:focus {
        font-size: 14px;
        white-space: nowrap;
        padding: 4px;
    }
    #index_banner .carousel-caption h5 {
        font-size: 34px;
    }
    #services .section-title h2 {
        font-size: 34px;
    }
    #services .section-title h3 {
        font-size: 28px;
    }
    #who_we_are .card h5 {
        font-size: 34px;
    }
    #process h2 {
        font-size: 34px;
    }
    #process .pro a {
        max-width: 32%;
    }
    #industries h2 {
        font-size: 34px;
    }
    #industries .card h5 {
        white-space: nowrap;
    }
    #testimonials h2 {
        font-size: 34px;
    }
    #contact .wwa {
        left: 10%;
        width: 50%;
    }
    #contact .wwa h5 {
        font-size: 34px;
    }
    #about h2 {
        font-size: 34px;
    }
    #vis_mis h2 {
        font-size: 34px;
    }
    #team h2 {
        font-size: 34px;
    }

    #ma h2 {
        font-size: 34px;
    }


    #form .card-title {
        font-size: 34px;
    }
    #form h2 {
        font-size: 28px;
    }
    footer .address p i {
        font-size: 16px;
        margin-right: 8px;
    }
    footer .new-map {
        height: 230px;
    }
    
    footer .links a:nth-child(5)::after {
        border-right: 0;
    }
    footer .links a:nth-child(6)::after {
        border-right: 2px solid;
    }
    .c_services .card a {
        font-size: 16px;
    }
    .test_ul.flex_ul li {
        flex: 1 0 35%;
    }
}

@media (max-width: 1024px) {
    #index_banner .carousel-caption h5 {
        font-size: 30px;
    }
    #index_banner .carousel-caption a {
        font-size: 16px;
    }
    #services .section-title h2 {
        font-size: 30px;
    }
    #services .section-title h3 {
        font-size: 24px;
    }
    #who_we_are .card {
        width: 60%;
    }
    #who_we_are .card h5 {
        font-size: 30px;
    }
    #process h2 {
        font-size: 30px;
    }
    #industries h2 {
        font-size: 30px;
    }
    #industries .card {
        flex: 1 0 21%;
    }
    #testimonials h2 {
        font-size: 30px;
    }
    #contact .wwa {
        left: 5%;
        width: 66%;
        top: 45%;
    }
    #contact .wwa h5 {
        font-size: 30px;
    }
    #about h2 {
        font-size: 30px;
    }
    #vis_mis h2 {
        font-size: 30px;
    }
    #team h2 {
        font-size: 30px;
    }

    #ma h2 {
        font-size: 30px;
    }


    #form .card-title {
        font-size: 30px;
    }
    #form h2 {
        font-size: 26px;
    }
}

@media (max-width: 992px) {
    #contact .wwa {
        left: 4%;
        width: 67%;
    }
    #contact .wwa h5 {
        font-size: 28px;
    }
}

@media (max-width: 991.98px) {
    .offcanvas-collapse {
        position: fixed;
        /* top: 125px; */ /* Height of navbar */
        top: 75px; /* Height of navbar */
        bottom: 0;
        left: 100%;
        width: 40%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        /*background-color: #343a40;*/
        background-color: var(--white);
        transition: transform .3s ease-in-out, 
                    visibility .3s ease-in-out;
        height: fit-content;
        padding-bottom: 10px;
    }
    .offcanvas-collapse.open {
        visibility: visible;
        transform: translateX(-100%);
        box-shadow: 0 0 5px 3px #c1c0c0;
    }
}

@media (max-width: 991px) {
    .navbar-dark .navbar-brand img {
        width: 300px;
    }
    .navbar .container {
        margin-top: 0;
    }
    /*.navbar-dark .navbar-brand {*/
    /*    margin-top: 10px;*/
    /*}*/
    body {
        padding-top: 74px;
    }
    nav {
        /*height: 125px;*/
        /*height: 120px;*/
    }
    /*.navbar .container {*/
    /*    margin-top: -8px;*/
    /*}*/
    .nav_color {
        /*height: 120px;*/
        /*height: 80px;*/
    }
    .navbar-toggler:focus {
        box-shadow: 0 0 0 0.25rem transparent;
    }
    .nav_color .offcanvas-collapse {
        /*top: 120px;*/
        top: 80px;
    }
    .navbar-dark .navbar-nav .nav-item {
        margin-right: 0;
    }
    .navbar-dark .navbar-nav .nav-item:last-child {
        margin-right: 0;
        margin-left: 0;
        margin-top: 10px;
    }
    nav.navbar .talk_expert {
        display: inline-block;
        padding: 10px 20px;
    }
    #services .service {
        flex: 1 0 32%;
    }
    #services .icon-box {
        padding: 60px 30px;
    }
    #who_we_are .card {
        width: 75%;
    }
    #process .pro a {
        max-width: 45%;
    }
    #industries .card {
        flex: 1 0 26%;
    }
    #industries a {
        flex: 1 0 21%;
    }
    #testimonials .owl-prev {
      left: -50px;
    }
    #testimonials .owl-next {
      right: -150px;
    }
    footer .follow {
        margin-top: 50px;
    }
    #contact .wwa {
        left: 16%;
    }
    #vis_mis p {
        padding: 0;
    }
    #vis_mis .row .col-lg-6:first-child {
        border-bottom: 2px dashed var(--logo-background);
        border-right: 0;
        padding-bottom: 50px;
    }
    #vis_mis .row .col-lg-6:last-child {
        padding-top: 50px;
    }

    #ma .container .mobile:nth-child(2) {
        flex-direction: column-reverse;
    }
    #ma .container .mobile:last-child {
        flex-direction: column;
    }
    #ma .container .mobile .image {
        padding-bottom: 50px;
        width: 100%;
    }
    /* #ma .container .mobile:last-child .image {
        padding-top: 50px;
        width: 100%;
    } */
    #ma .mobile .text:nth-child(1) {
        padding: 0;
    }
    #ma .mobile .text:nth-child(2) {
        padding: 0;
    }
    


    #form .contact {
        margin-top: 50px;
    }
    footer .follow {
        width: 50%;
    }
    footer .new-map {
         height: 228px; 
    }
    footer .icons ul {
        margin-top: 40px;
    }
    footer .links {
        margin-top: 30px;
    }
    footer .links a:nth-child(5)::after {
        border-right: 2px solid;
    }
    footer .links a:nth-child(6)::after {
        border-right: 0;
    }
    .c_services .row1 {
        margin-top: 0;
    }
    .c_services .row2 {
        margin-top: 40px;
    }
    .c_services .card a {
        font-size: 18px;
    }
    .mobile.reverse {
        flex-direction: column;
    }
    .mobile.reverse2 {
        flex-direction: column-reverse;
    }
    .test_ul.flex_ul li {
        flex: 1 0 51%;
    }
    .mobile.bio {
        align-items: flex-start !important;
    }
    #ma .container .mobile.sas:last-child {
        flex-direction: column-reverse;
    }
}

@media (max-width: 768px) {
    #index_banner .carousel-caption {
        display: none;
    }
    #testimonials .owl-prev {
        display: none;
    }
    #testimonials .owl-next {
        display: none;
    }
    #contact .wwa {
        display: none;
    }
    #contact navs.brdcrum {
        width: 70%;
    }
    #contact ol {
        justify-content: center;
    }
}

@media (max-width: 540px) {
    body {
        /*padding-top: 125px;*/
        /*padding-top: 100px;*/
    }
    nav {
        background: var(--logo-background);
    }
    .navbar-brand {
        margin-right: 0;
    }
    .offcanvas-collapse {
        width: 50%;
    }
    .navbar-nav {
        margin-top: 10px;
    }
    .dropdown-menu ul {
        margin-top: 10px;
    }
    .carousel-control-next, 
    .carousel-control-prev {
        display: none;
    }
    #services .service_row a {
        flex: 1 0 50%;
    }
    #who_we_are .card {
        width: 100%;
        padding: 10px;
    }
    #process .pro a {
        max-width: 100%;
    }
    #industries .card {
        flex: 1 0 34%;
    }
    #industries a {
        flex: 1 0 33%;
    }
    #testimonials .user-text {
        padding: 8rem 3rem 3rem 4rem;
    }
    #testimonials .user-text p::after {
        bottom: -105px;
        right: -25px;
    }
    #contact navs.brdcrum {
        width: 75%;
    }

    
    footer h4 {
        text-align: left;
        margin-left: 0;
    }
    footer .site_links {
        margin-top: 50px;
    }
    footer .links {
        justify-content: left;
        margin-left: 0;
    }
    footer .follow {
        width: 100%;
    }
    footer .address {
        padding: 50px;
    }
    footer .new-map {
        height: 300px;
    }
    footer .icons ul {
        justify-content: start;
    }
    ul {
        margin-top: 40px;
    }
    footer .links a:nth-child(3)::after,
    footer .links a:nth-child(6)::after {
        border-right: 2px solid;
    }
    footer .links a:nth-child(5)::after {
        border-right: 0;
    }
    .c_services .welcome,
    #services .section-title h3 {
        line-height: 40px;
    }
    .c_services .row2 .col-lg-6:first-child .card,
    .c_services .row2 .col-lg-6:nth-child(3) .card {
        margin-top: 0;
    }
    .c_services .row2 {
        margin-top: 20px;
    }
}

@media (max-width: 432px) {
    .offcanvas-collapse {
        width: 60%;
    }
    footer .address {
        padding: 30px;
    }
    #services .section-title h2 {
        font-size: 27px;
    }
}

@media (max-width: 425px) {
    /*nav {*/
    /*    height: 100px;*/
    /*}*/
    /*.offcanvas-collapse {*/
    /*    top: 100px;*/
    /*}*/
    .desk-logo {
        display: none;
    }
    .mob-logo {
        display: block;
        width: 180px;
        margin-top: 12px;
    }
    .offcanvas-collapse {
      width: 60%;
    }
    #services .service {
        flex: 1 0 50%;
    }
    #industries a {
        flex: 1 0 51%;
    }
    #process .pro .card {
        max-width: 100%;
    }
    #contact navs {
        padding: 20px 34px;
    }

    #contact navs.brdcrum {
        width: 93%;
    }
    footer .address {
        padding: 25px;
    }
    footer .links a:nth-child(5)::after {
        border-right: 2px solid;
    }
    footer .links a:nth-child(4)::after {
        border-right: 0;
    }
}

@media (max-width: 414px) {
    #testimonials .user-text p::after {
      bottom: -115px;
    }
    #contact navs {
        padding: 20px 30px;
    }
    footer .address {
        padding: 20px;
    }
    #services .section-title h2 {
        font-size: 26px;
    }
    #services .section-title h3 {
        font-size: 22px;
    }
}

@media (max-width: 400px) {
    .offcanvas-collapse {
      width: 65%;
    }
    #industries .card {
        flex: 1 0 51%;
    }
    #contact navs {
        padding: 18px 28px;
    }

    #contact navs.brdcrum {
        width: 96%;
    }

    #ma h2 {
        font-size: 28px;
    }
    
    footer .links a:nth-child(4)::after {
        border-right: 2px solid;
    }
    footer .links a:nth-child(3)::after,
    footer .links a:nth-child(6)::after {
        border-right: 0;
    }
    #services .section-title h2 {
        line-height: 30px;
    }
}

@media (max-width: 375px) {
    .navbar-dark .navbar-brand img {
        width: 250px;
    }
    body {
        padding-top: 71px;
    }
    .offcanvas-collapse {
        top: 71px;
    }
    #services .section-title h3 {
        font-size: 22px;
    }
    #contact navs {
        padding: 18px;
    }

    #contact navs.brdcrum {
        width: 97%;
    }

    #ma h2 {
        font-size: 26px;
    }
    .cr .cpr {
        font-size: 12px;
    }
    #services .section-title h3 {
        font-size: 20px;
        line-height: 30px;
    }
}

@media (max-width: 320px) {
    /*.mob-logo {*/
    /*    width: 200px;*/
    /*}*/
    .offcanvas-collapse {
        width: 80%;
    }
    #services .section-title h2 {
        font-size: 26px;
    }
    #services .section-title h3 {
        font-size: 20px;
    }
    #who_we_are .card h5 {
        font-size: 26px;
    }
    #process h2 {
        font-size: 26px;
    }
    #industries h2 {
        font-size: 26px;
    }
    #testimonials h2 {
        font-size: 26px;
    }
    #testimonials .owl-dots {
        left: 44%;
        transform: translateX(-40%);
    }
    #contact navs {
        padding: 8px;
        bottom: -20px;
    }
    /* #contact navs.brdcrum {
        width: 95%;
    } */
    #contact ol {
        font-size: 14px;
    }

    #ma h2 {
        font-size: 22px;
    }
    footer .address p {
        font-size: 12px;
    }
    footer .links a:nth-child(6)::after {
        border-right: 2px solid;
    }
    footer .links a:nth-child(5)::after {
        border-right: 0;
    }
}