@media screen and (min-width: 320px) and (max-width: 767px) {

    .section-padding-lg {
        padding: 75px 0;
    }
    .display-font {
                font-size: 35px;
        line-height: 45px;
    }
    .section-title {
        font-size: 35px;
        line-height: normal;
    }

    .home-banner {
        height: unset;
    }
   
    footer {
        padding-top: 60px;
    }
    .footer-logo {
        display: flex;
        justify-content: center;
    }

    .onscroll-overlap {
        width: unset;
    }
    .about-illus {
        animation: none;
        width: 90%;
    }

    .banner-illus-left, .banner-illus-right {
        display: none;
    }
    .header_area {
        top: 16px;
    }
    .header-logo {
    height: 40px;
    }
    .home-banner .banner-dashboard {
    border-radius: 8px;
    }
.cta-banner {
    padding: 32px 24px;
}
    .cta-image {
        display: none;
    }

    footer .footer-logo img {
    height: 60px;
    width: auto;
    margin-bottom: 34px;
}

.cta-section {
    padding-top: 0;
}

.pharma-count {
    position: absolute;
    bottom: -30px;
    left: 10px;
}
.about-approach-section {
    padding: 0;
}
.about-process-wrapper {
    box-shadow: none;
    margin-top: 24px;
}

.rep-tracking-service .rep-tracking-box {
    margin-top: 70px;
}
.rep-process-part .rep-process .rep-process-no {
        top: -40px;
    left: 21px;
}

.rep-process-part .rep-process {
    padding: 54px 24px 24px 24px;
    margin-top: 20px;
}
nav {
    padding-left: 10px;
}
nav:has(.navbar-collapse.show) {
    border-radius: 20px;
  }

.contact-section .form-box {
    padding: 24px;
}

/* DVA page responsive - mobile */
.dva-float-badge {
    padding: 8px 12px;
    font-size: 12px;
}
.dva-float-top-right,
.dva-float-top-left {
    top: -12px;
    right: auto;
    left: 16px;
}
.dva-float-bottom-left,
.dva-float-bottom-right {
    bottom: -12px;
    left: auto;
    right: 16px;
}
.dva-stat-box {
    padding: 16px 12px;
}
.dva-engagement-section {
    padding-top: 75px;
    padding-bottom: 75px;
}
.section-padding-xl {
    padding-top: 75px;
    padding-bottom: 75px;
}

/* Performance page responsive - mobile */
.perf-kpi-number {
    font-size: 28px;
}
.perf-kpi-unit {
    font-size: 20px;
}
.perf-kpi-card {
    padding: 20px 16px;
}
.perf-step-card {
    padding: 24px 16px;
}
.perf-step-no {
    width: 36px;
    height: 36px;
    font-size: 14px;
}
}


@media (min-width: 768px) and (max-width: 1199px) {
    .display-font {
    font-size: 36px;
    }
    .home-banner {
    height: 770px;
    }
    .home-banner .banner-illus-left, .home-banner .banner-illus-right {
    width: 18%;
}
.cta-banner .cta-image {
    top: -60px;
        right: 0;
        height: auto;
        width: 270px;
}
.cta-banner {
    padding: 60px 60px;
}
.page-banner {
    min-height: 30vh;
}
footer {
    padding: 50px 0 0 0;
}

/* DVA page responsive - tablet */
.dva-float-top-right {
    right: -6px;
}
.dva-float-top-left {
    left: -6px;
}
.section-padding-xl {
    padding-top: 110px;
    padding-bottom: 110px;
}
}

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

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


@media screen and (min-width: 1280px) and (max-width: 1399px) {
    .rep-tracking-service .rep-tracking-box {
        min-height: 252px;
    }
}



@media (resolution: 1.25dppx) {}

@media screen and (min-width: 1280px) and (max-width: 1810px) {}