@media only screen and (max-width:600px) {
    .clients img {
        width: 50%
    }

    .modal-content .section-title {
        text-align: center;
        padding-bottom: 0px !important
    }

    .menu-btn button {
        color: #fff !important;
        background-color: #0a4d88 !important
    }

    .assets {
        background: #f5f5f5
    }
}

@media only screen and (min-width:600px) and (max-width:900px) {
    .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto
    }

    .modal-dialog-case-study {
        max-width: 80% !important;
        margin: 1.75rem auto
    }

    .md-none {
        display: none
    }
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto
    }

    .modal-dialog-case-study {
        max-width: 80% !important;
        margin: 1.75rem auto
    }

    .modal-dialog-know-more {
        max-width: 35% !important;
        margin: 1.75rem auto
    }
}

@media only screen and (min-width:768px) {
    .md-none {
        display: none
    }

    .award .award-item {
        margin-bottom: 0px !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .nav-menu a {
        padding: 15px;
        font-size: 12px
    }

    #header .logo img {
        width: 100% !important
    }

    .about-pad {
        padding: 10px;
        position: relative;
        transform: translate(0%, 0%)
    }

    .about-box {
        padding: 2rem 2rem
    }

    .main-timeline4 .timeline:nth-child(2n) .timeline-content {
        padding: 0 60px 0 0 !important
    }

    .main-timeline4 .timeline-content {
        padding-left: 60px !important
    }

    .timeline-content img {
        width: 60px !important
    }

    .many-more-logo {
        bottom: 0
    }

    .about-sec-1 {
        position: relative;
        transform: translate(0%, 10%);
        margin-bottom: 10px;
        margin-top: -30px
    }

    #footer .footer-bottom .social-links {
        text-align: left
    }

    #footer .footer-bottom .social-links a {
        margin-right: 10px
    }

    .analytica-today {
        padding: 40px 0
    }

    .analytica-today img {
        width: 80% !important
    }

    .solutions .card {
        min-height: 500px
    }

    .client-section {
        min-height: 29vh !important
    }

    .client-sec-mob .row {
        flex-wrap: nowrap
    }

    .about-sec-2,
    .about-sec-3 {
        transform: translate(0%, 0%)
    }

    #footer .container {
        max-width: 720px
    }

    .tech-left-line {
        transform: translate(-26%, -89%) !important;
        -webkit-transform: translate(-26%, -89%) !important
    }

    .tech-right-line {
        transform: translate(0%, -148%) !important;
        -webkit-transform: translate(0%, -148%) !important
    }

    .case-right-line {
        transform: translate(0%, -141%) !important;
        -webkit-transform: translate(0%, -141%) !important
    }

    .tech-section-1,
    .tech-section-2,
    .tech-section-3,
    .tech-section-4,
    .tech-section-5,
    .tech-section-6 {
        margin-bottom: 0rem;
        bottom: 0
    }

    .agent-feature-card {
        min-height: 290px
    }

    .case-study .card {
        padding: 0;
        cursor: pointer;
        min-height: 220px
    }

    .contact-us .card {
        min-height: 515px !important
    }

    .cform-rightbox {
        padding: 15px
    }

    #case-study-1-content .time-frame {
        width: 100%
    }

    .client-section {
        min-height: 300px !important
    }

    .client-sec-mob {
        display: flex;
        flex-direction: column
    }

    .client-sec-mob .col-lg-3.m-auto {
        flex-basis: 25%;
        max-width: 25%
    }

    .services {
        margin-top: 18% !important
    }
}

@media (max-width:420px) {

    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(2n) .timeline-content {
        padding-left: 110px
    }

    .main-timeline .timeline-content:before,
    .main-timeline .timeline:nth-child(2n) .timeline-content:before {
        left: 99px
    }

    .main-timeline .timeline-content:after,
    .main-timeline .timeline:nth-child(2n) .timeline-content:after {
        left: 65px
    }
}

@media only screen and (max-width:767.99px) {
    .card-footer {
        padding: 0
    }

    [data-aos-delay] {
        transition-delay: 0s !important
    }

    .sm-none {
        display: none
    }

    #hero h1 {
        font-size: 28px;
        line-height: 36px
    }

    #hero h2 {
        line-height: 22px
    }

    .services .image {
        min-height: 1770px !important
    }

    .val-error-contact {
        top: 37px !important;
        left: 20px !important
    }

    #about-us-page .p-0 {
        padding: 10px !important
    }

    .about-sec-1,
    .about-sec-2,
    .about-sec-3 {
        position: relative;
        transform: translate(0%, 0%)
    }

    .about-sec-2 p {
        padding: 10px 10px 10px 10px
    }

    .about-sec-1 .p-0,
    .about-sec-2 .p-0 {
        padding: 10px !important
    }

    .about-box {
        padding: 2rem !important
    }

    .box-left-about {
        margin-left: 0rem !important;
        margin-top: 2rem;
        padding: 10px
    }

    .analytica-today {
        padding: 20px 0p
    }

    .about-box .pr-0 {
        padding-right: 0px !important;
        padding-left: 0px !important
    }

    .about-pad {
        padding: 0 10px 0 10px
    }

    .border {
        border: none !important
    }

    .sm-div-order {
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        flex-flow: column-reverse
    }

    .contact-sec-btn {
        width: 100%
    }

    .clients {
        right: 0;
        margin: 10px;
        width: auto
    }

    .clients img {
        width: 40%
    }

    .client-sec-mob {
        display: flex
    }

    .values img {
        width: 100% !important
    }

    .assets-card-outer {
        max-width: 100%
    }

    .agent-feature-card {
        display: block;
        min-height: 200px;
        padding: 20px
    }

    .agent-feature-column {
        width: 100%
    }

    .agent-feature-card img {
        margin-bottom: 20px;
        width: 50%
    }

    .card-icon {
        width: 50%
    }

    .agent-feature-card .card-body {
        width: 100%
    }

    .contact-btn {
        width: 50% !important
    }

    .assets-card-devider-hr-mob {
        min-height: 2.33%;
        background-image: url(../img/divider_h.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 100%;
        background-color: #fff0;
        background-size: cover;
        display: block;
        margin-bottom: 30px
    }

    .assets-card-devider-tech-hr-mob {
        min-height: 2.33%;
        background-image: url(../img/divider_h.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 100%;
        background-color: #fff0;
        background-size: cover;
        display: list-item;
        margin-bottom: 20px;
        margin-top: 30px
    }

    .tech-section-mr {
        position: relative;
        bottom: 20%
    }

    .tech-section-2,
    .tech-section-3,
    .tech-section-4,
    .tech-section-5 {
        position: initial;
        bottom: 0rem
    }

    .tech-section-6 {
        position: initial;
        bottom: 0rem;
        margin-bottom: 2rem
    }

    .services {
        margin-top: 35%
    }

    .award-details .award-info {
        position: static;
        margin-top: 30px
    }

    .join-us .accordion-list .location-exp {
        padding-left: 0rem
    }

    #footer .left-side {
        border-left: none;
        border-right: none;
        padding: 0 0;
        text-align: left
    }

    #footer .right-side {
        border-right: none
    }

    .footer-links {
        margin-left: 0
    }

    .footer-links .col-md-3 {
        margin-top: 2rem
    }

    #footer .copyright {
        text-align: center
    }

    #footer .footer-bottom .social-links {
        text-align: center;
        margin-top: 1rem
    }

    .top-button {
        min-width: 100%
    }

    .card-body {
        padding: 0rem !important
    }

    .solutions .card .card-body {
        padding: 1rem !important
    }

    .image {
        display: block;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 40%;
        transform: translateY(-50%)
    }

    .our-tech-card {
        position: relative;
        transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        background: #fff;
        width: 100%;
        padding: 20px 20px;
        border-radius: 4px;
        margin-bottom: 0;
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%)
    }

    .our-tech-card p {
        width: 100%
    }

    .value-card {
        width: 180px;
        height: 200px
    }

    .mt-8 {
        margin-top: 0rem
    }

    .image img {
        position: absolute;
        top: 42% !important;
        left: 4% !important
    }

    .main-timeline {
        padding-top: 50px
    }

    .main-timeline:before {
        left: 80px;
        right: 0;
        margin: 0
    }

    .main-timeline .timeline {
        margin-bottom: 70px
    }

    .main-timeline .timeline:before {
        top: 0;
        left: 83px;
        right: 0;
        margin: 0
    }

    .main-timeline .timeline-icon {
        width: 60px;
        height: 60px;
        line-height: 40px;
        padding: 5px;
        top: 0;
        left: 0
    }

    .main-timeline .timeline:nth-child(even) .timeline-icon {
        left: 0;
        right: auto
    }

    .main-timeline .timeline-icon:before,
    .main-timeline .timeline:nth-child(even) .timeline-icon:before {
        width: 25px;
        left: auto;
        right: -25px
    }

    .main-timeline .timeline-icon:after,
    .main-timeline .timeline:nth-child(even) .timeline-icon:after {
        width: 25px;
        height: 30px;
        top: 44px;
        left: auto;
        right: -5px
    }

    .main-timeline .timeline-icon i {
        font-size: 30px;
        line-height: 45px
    }

    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(even) .timeline-content {
        width: 100%;
        margin-top: -15px;
        padding-left: 130px;
        padding-right: 5px
    }

    .main-timeline .timeline:nth-child(even) .timeline-content {
        float: right
    }

    .main-timeline .timeline-content:before,
    .main-timeline .timeline:nth-child(even) .timeline-content:before {
        width: 50%;
        left: 120px
    }

    .main-timeline .timeline:nth-child(even) .timeline-content:before {
        right: auto;
        transform: rotateY(0)
    }

    .main-timeline .timeline-content:after,
    .main-timeline .timeline:nth-child(even) .timeline-content:after {
        left: 85px
    }

    .modal-dialog-case-study .modal-content {
        padding: 1rem 0rem
    }

    .modal-dialog-case-study .close {
        transform: translate(-15px, 0);
        z-index: 9999
    }

    .modal-dialog-case-study .age {
        justify-content: start
    }

    #case-study-1-content .time-frame,
    .time-frame {
        width: 100%;
        margin-bottom: 1rem
    }

    .digital-medium {
        margin-right: 1rem;
        display: flex;
        flex-direction: column
    }

    .digital-medium span {
        margin-bottom: 1rem
    }

    .sm-pb {
        padding-bottom: 3rem
    }

    .count-title {
        font-size: 20px !important
    }

    .form-margin {
        margin-top: 3rem
    }

    .mob-view {
        display: block
    }

    .counter-border-bottom {
        border-bottom: 0 solid #eee
    }

    .counter-border-right {
        border-right: 0 solid #eee
    }

    .assets-card {
        background: #f5f5f5;
        padding: 20px;
        min-height: 310px
    }

    .automate-text {
        padding: 10px 10px
    }

    .contact-us .card {
        min-height: auto
    }
}

@media only screen and (max-width:992px) {
    .tab-column .mt-5 {
        margin-top: 0px !important
    }

    #header {
        height: 70px
    }

    #header .logo {
        margin: auto;
        position: relative;
        left: 0%
    }

    #header .logo img {
        width: 80%
    }

    .main-timeline .timeline {
        margin: 0 0 10px
    }

    .main-timeline .timeline-icon {
        left: 25%
    }

    .main-timeline .timeline:nth-child(even) .timeline-icon {
        right: 25%
    }

    .main-timeline .timeline-content {
        margin-top: 115px
    }

    .join-us .content,
    .join-us .accordion-list {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1024px) {
    #hero {
        background-attachment: fixed
    }
}

@media only screen and (max-width:1200px) {
    .main-timeline .timeline-icon:before {
        width: 50px;
        right: -50px
    }

    .main-timeline .timeline:nth-child(even) .timeline-icon:before {
        right: auto;
        left: -50px
    }

    .main-timeline .timeline-content {
        margin-top: 75px
    }
}

@media only screen and (min-width:767.9px) and (max-width:1100px) {
    .tech-left-line {
        position: absolute;
        transform: translate(-3%, -89%);
        -webkit-transform: translate(-3%, -89%)
    }

    #footer .container {
        max-width: 1400px
    }
}

@media only screen and (min-width:1280px) and (max-width:1600px) {
    #footer .container {
        max-width: 1400px
    }
}

@media only screen and (min-width:1601px) and (max-width:2500px) {
    .tech-left-line {
        position: absolute;
        transform: translate(-8%, -89%);
        -webkit-transform: translate(-8%, -89%)
    }
}

@media only screen and (min-width:1700px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1500px
    }
}

@media only screen and (min-width:2200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 2200px
    }
}

@media (min-width:760px) and (max-width:1024px) {
    .row.tab-content.md-none {
        display: block !important
    }

    .row.tab-content.sm-none {
        display: none !important
    }

    .about-left-line {
        display: none
    }

    .mob-col-1,
    .mob-col-2 {
        flex-basis: 50%;
        max-width: 50%
    }

    .mob-col-2 img {
        width: 85% !important
    }

    .first-col {
        align-items: center
    }

    .mob-col-2 {
        padding-left: 20px
    }

    .second-col {
        padding-top: 0;
        padding-left: 30px;
        padding-right: 20px;
        padding-bottom: 20px
    }

    p.meet {
        font-size: 30px;
        margin-left: 10px;
        margin-top: 25px;
        font-weight: 400
    }

    .company-heading {
        font-size: 35px;
        margin-left: 10px;
        font-weight: 500
    }

    img.sm-none.tab-banner {
        display: block
    }

    .clients img {
        width: 75%
    }

    .assets-card-outer {
        max-width: 32.33% !important
    }

    .tab-column .col-md-3,
    .startup-section .col-md-3 {
        flex: 0 0 30%;
        max-width: 30%
    }

    .tab-column .offset-md-1,
    .startup-section .offset-md-3 {
        margin-left: 2.333333%
    }

    .tab-column .col-md-5,
    .startup-section .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 60.666667%;
        max-width: 60.666667%
    }

    .tab-column .row {
        flex-flow: wrap
    }

    .startup-section .offset-md-1 {
        margin-left: 6.333333%
    }

    .tab-column .box-left-about {
        margin-top: 0rem
    }

    .tab-col {
        margin-left: 1%;
        flex: 48%;
        max-width: 48%
    }

    .tab-logo {
        flex: 0 0 25.666667%;
        max-width: 25.666667%
    }

    #solutions .know-more-btn {
        position: absolute;
        bottom: 30px
    }

    .tab-logo {
        flex: 0 0 27% !important;
        max-width: 27% !important;
        left: 0 !important
    }

    .nav-menu {
        flex: 0 0 73% !important;
        max-width: 73% !important;
        margin-top: 5px
    }
}

@media (max-width:280px) {
    .news-room .card {
        min-height: 530px
    }
}

@media(min-width:1280px) and (max-width:1400px) {
    .tech-left-line {
        transform: translate(-15%, -89%)
    }
}

@media(min-width:421px) and (max-width:991px) {
    .news-room .card {
        min-height: 440px
    }
}

@media(min-width:1000px) and (max-width:1100px) {
    section#clients {
        min-height: 300px !important
    }

    #solutions .card-body {
        padding: 10px
    }

    button.know-more-btn.hide-only-tab {
        display: none
    }

    .m-auto.tab-buttuon {
        display: block !important
    }
}

@media (max-width:767px) {
    .first-col .mob-col-2 img {
        z-index: 3;
        position: relative;
        width: 85% !important;
        height: auto !important
    }

    .second-col {
        margin: 0px !important;
        padding: 0 18px !important
    }

    .about-left-line {
        display: none
    }

    p.meet {
        font-size: 15px;
        margin-left: 10px;
        margin-top: 25px;
        font-weight: 400
    }

    p.text-light {
        font-size: 10px;
        font-weight: 200
    }

    .company-heading {
        font-size: 20px;
        margin-left: 10px;
        font-weight: 500
    }

    .mob-col-1 {
        flex-basis: 30%;
        max-width: 30%
    }

    .mob-col-2 {
        flex-basis: 70%;
        max-width: 70%
    }

    #header .logo img {
        width: 55%
    }

    .about-us {
        padding: 0 5px;
        text-align: justify
    }

    h3.box-right b,
    h3.box-right,
    .row h3.box-left b {
        text-align: left !important
    }

    .box-right {
        text-align: left
    }

    .img-fluid.mob-image {
        max-width: 80%
    }

    .client-section {
        min-height: 360px !important
    }

    section#case-study {
        margin: 0px !important
    }

    .card-img-overlay {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0
    }

    .news-room .card {
        min-height: max-content
    }

    .award .award-item:last-child {
        margin-bottom: 0px !important
    }
}

@media(max-width:991px) {
    ul#top-header {
        margin-top: 40px
    }

    section.p-0.tab-column,
    section.p-0.mb-3 {
        padding: 40px 0px !important
    }

    .contact-bg .col-lg-8.mx-auto.mt-5.mt-lg-0 {
        margin-top: 0px !important
    }

    span.about-logo {
        margin-left: 10px;
        height: max-content;
        display: block
    }

    .mobile-nav .drop-down>a {
        width: 100%;
        z-index: 999
    }

    .mobile-nav-overly {
        background: #00C08D !important;
        opacity: .7 !important
    }

    .mobile-nav-active .mobile-nav-toggle {
        right: 70px
    }

    .mobile-nav-active #header {
        background: none;
        opacity: .7
    }

    .mobile-nav .drop-down>a:after {
        padding-left: 5px;
        opacity: 0.9 !important;
        color: #fff;
        width: 24px;
        transform: rotate(-90deg);
        transition: all 500ms ease;
        padding-top: 2px;
        padding-right: 21px
    }

    .mobile-nav .active.drop-down>a:after {
        content: "\ea99";
        transform: rotate(0deg);
        transition: all 500ms ease
    }

    li.drop-down.active li {
        border-bottom: 1px solid #25c79c6e
    }

    li.drop-down.active {
        margin-bottom: 10px
    }

    .mob-col-1 img {
        height: auto !important
    }
}

@media(min-width:760px) and (max-width:770px) {
    .tab-content.md-none {
        display: block !important
    }

    .tab-content.sm-none {
        display: none !important
    }

    .agent-feature-column {
        width: 49% !important
    }

    .assets-card-devider-hr-mob {
        display: none
    }

    .agent-feature-card {
        min-height: 315px
    }
}

@media(min-width:760px) and (max-width:1000px) {
    .hide-only-tab {
        display: none
    }

    .show-only-tab,
    .tab-buttuon {
        display: block !important
    }
}

@media(min-width:1025px) {
    .first-col {
        background-image: url(../img/about-2.webp);
        background-size: cover;
        height: 600px;
        z-index: 1;
        background-position: center
    }
}

@media (min-width:1024px) and (max-width:1700px) {
    .card-img-overlay {
        padding: 0px !important
    }
}

@media (min-width: 769px) {
    .office-details {
        position: relative;
        min-height: auto;
        border: 1px solid;
        margin-bottom: 10px;
        border-radius: 5px;
    }

    .office-details p {
        margin-bottom: 0px;
        color: #555;
    }

    .contact-us li.active .card-title,
    li.active .office-details p {
        color: #fff;
        z-index: 9;
        position: relative;
    }

    .contact-us .nav-tabs {
        border-bottom: 1px solid #dee2e6;
        max-height: 500px;
        overflow-y: scroll;
    }
    .contact-us .card-title {
        color: #102348;
        font-weight: bold;
        font-size: 18px;
    }
}