@media (min-width: 992px) {
    .bring-clarity .content-box {
        max-width: 462px;
        position: absolute;
        left: 50px;
        bottom: 45px;
        background-color: var(--white);
    }

    .why-til .img-box {
        max-width: 570px;
    }

    .quality-products .image-box {
        margin-bottom: -19px;
    }

    .csr-img-box .row:not(:last-child) {
        margin-bottom: 20px;
    }

    .achieve-growth .achieve-box-wrap .achieve-box:first-child {
        border-right: 1px solid var(--bs-border-color);
    }
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1384px;
    }

    .main-header nav .navbar-nav .nav-link {
        color: var(--white);
    }

    .main-header.scrolled nav .navbar-collapse {
        margin-bottom: 3px;
    }

    .managing-director .md-image {
        margin-block: -100px;
    }

    .gmp-approve .gmp-inner .gmp-left {
        max-width: 373px;
        width: 100%;
    }

    .assurance-quality .row {
        padding-inline: 30px;
    }

    .assurance-quality .row .content {
        padding-right: 50px;
    }

    .achieve-growth .achieve-box-wrap .achieve-box .content {
        padding: 40px;
    }
}

@media (min-width: 1400px) {
    .meet-point::before {
        width: 80%;
    }

    .trusted-partner .trusted-top .heading-3 {
        font-size: 48px;
        line-height: 58px;
    }

    .why-partner .row {
        --bs-gutter-x: 32px;
        --bs-gutter-y: 32px;
    }
}

@media (max-width: 1399.98px) {
    .main-header nav .navbar-nav {
        gap: 40px;
    }

    .trusted-quality .trusted-box {
        padding: 40px 30px;
    }
}

@media (max-width: 1199.98px) {
    .main-header .navbar-toggler:focus {
        box-shadow: none;
    }

    .main-header .navbar-toggler:focus-visible {
        outline: auto;
    }

    .main-header nav .navbar-collapse {
        width: 100%;
        padding: 30px 0 10px;
        overflow: auto;
        transition: 0.25s linear;
    }

    .main-header.scrolled nav,
    .main-header nav:has(.navbar-toggler[aria-expanded="true"]) {
        padding: 12px 24px;
    }

    .main-header nav .navbar-collapse .navbar-nav .nav-link {
        color: var(--black) !important;
        display: inline-flex !important;
    }

    .main-header nav .navbar-collapse .navbar-nav .nav-link:is(.active, :hover) {
        border-bottom: 2px solid var(--black) !important;
    }

    .main-header .logo-main svg {
        max-width: 180px;
    }

    .main-header nav {
        padding: 16px 0;
    }

    .main-header nav .navbar-nav {
        gap: 20px;
    }

    .main-header .header-button a {
        background-color: var(--primary);
        color: var(--white);
        width: 100%;
    }

    .dropdown .nav-link {
        justify-content: space-between;
    }

    .dropdown-menu {
        margin-top: 4px !important;
        border-radius: 8px;
        padding: 10px;
        background-color: rgba(255, 255, 255, 0.6);
    }

    .dropdown-menu .dropdown-item {
        padding: 10px;
        border-radius: 4px;
    }

    .more-about-til .more-about-box {
        min-height: 280px;
    }

    .awards-slider .awards-img {
        width: 250px;
        height: 250px;
        min-width: 250px;
        padding: 40px;
        background: radial-gradient(231.2% 231.2% at 50% 55.79%, #FFFFFF 0%, #057ED7 100%);
    }

    .awards-slider .awards-box .title {
        padding-top: 20px;
    }

    .awards-slider .awards-slider-btn {
        left: 330px;
    }

    .mission-vison .title {
        font-size: 30px;
        line-height: 150%;
    }

    .year-slider .slider-box {
        padding: 32px 82px;
    }

    .meet-point {
        padding-block: 150px 80px;
    }

    .quality-products .products-wrapper .products-box {
        padding: 26px;
    }

    .empowering .content-box p {
        font-size: 20px;
    }

    .til-global-presence .page-banner .position-absolute {
        height: unset !important;
        top: unset !important;
        bottom: -20%;
    }
}

@media (max-width: 991.98px) {
    .py-100 {
        padding-block: 80px;
    }

    footer .footer-col .title {
        margin-bottom: 10px;
    }

    footer .footer-inner {
        padding-inline: 0;
    }

    .partner-box {
        padding: 24px;
        max-width: 100%;
    }

    .hero-banner .banner-content .key-point-box {
        margin-top: 30px;
    }

    .who-we-are .content-box,
    .who-we-are .content-box .badge-box,
    .who-we-are .who-we-are-inner {
        border: none !important;
    }

    .who-we-are .content-box .badge-box,
    .who-we-are .content-box .content-box-bottom {
        padding: 0;
    }

    .what-we-do .we-do-box .icon-box {
        padding-block: 30px;
    }

    .awards-slider .awards-box {
        gap: 40px;
    }

    .awards-slider .awards-slider-btn {
        left: 290px;
        bottom: 20px;
    }

    .page-banner .banner-content {
        padding-block: 200px 170px;
    }

    .year-slider .slider-box .swiper-slide .year {
        font-size: 36px;
    }

    .year-slider .slider-box .swiper-slide .label {
        font-size: 22px;
        line-height: 130%;
    }

    .year-slider .slider-box .swiper-slide span {
        font-size: 18px;
    }

    .our-offices .office-box-wrap {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .quality-products {
        padding: 40px;
    }

    .quality-products .image-box {
        padding: 10px;
    }

    .quality-products .image-box img {
        max-width: 200px;
    }

    .quality-products .products-wrapper .products-box {
        padding: 20px;
    }

    .head-rd .content-box {
        padding-block: 100px;
    }

    .trusted-partner .trusted-top {
        margin-bottom: 80px;
    }

    .csr-img-box .row {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 10px;
    }

    .empowering .content-box p {
        font-size: 18px;
    }

    .achieve-growth .achieve-box-wrap {
        grid-template-columns: 1fr;
    }

    .achieve-growth .achieve-box-wrap .achieve-box:first-child {
        border-bottom: 1px solid var(--bs-border-color);
    }

    .why-partner {
        padding-block: 60px;
    }

    .why-partner .why-partner-top {
        margin-bottom: 40px;
    }

    .dosage-forms .dosage-forms-wrap {
        gap: 30px;
    }

    .dosage-forms .dosage-forms-wrap .dosage-forms-box {
        padding: 30px;
        gap: 20px;
        max-width: 210px;
    }

    .our-specialized .specialized-box {
        padding: 24px;
        gap: 150px;
    }

    .our-specialized .specialized-box .action {
        padding: 12px 16px;
    }

    .achieve-growth .achieve-box-wrap .achieve-box .content {
        transform: translateY(55%);
    }

    .til-global-presence .page-banner .position-absolute {
        bottom: -10%;
    }

    .til-global-presence .page-banner .position-absolute svg {
        max-width: 1000px;
        height: auto;
    }
}

@media (max-width: 767.98px) {
    .py-80 {
        padding-block: 60px;
    }

    .btn {
        padding: 12px 16px;
    }

    .btn svg {
        width: 33px;
        height: 33px;
    }

    .text-20 {
        font-size: 16px;
        line-height: 20px;
    }

    .heading-3 {
        font-size: 30px;
        line-height: 36px;
    }

    .heading-4 {
        font-size: 26px;
        line-height: 32px;
    }

    :is(.swiper-button-next, .swiper-button-prev) {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }

    .main-header.scrolled,
    .main-header:has(nav .navbar-toggler[aria-expanded="true"]) {
        top: 16px !important;
    }

    .main-header.scrolled nav,
    .main-header nav:has(.navbar-toggler[aria-expanded="true"]) {
        padding: 8px 16px;
    }

    .main-header nav .navbar-collapse {
        padding: 20px 0 10px;
    }

    .hero-banner .banner-content {
        padding: 140px 0 70px;
    }

    .heading-1 {
        font-size: 40px;
        margin-bottom: 16px;
    }

    .heading-2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 26px;
    }

    .hero-banner .banner-content .key-point h5 {
        font-size: 26px;
        line-height: 36px;
    }

    footer {
        padding: 100px 0 40px;
        background: linear-gradient(0deg, #004D85 0%, #002D4E 100%);
        font-size: 14px;
        line-height: 18px;
    }

    footer .footer-bottom {
        padding-top: 30px;
        margin-top: 30px;
    }

    .what-we-do .we-do-box-wrapper {
        padding-block: 40px;
    }

    .trusted-quality {
        padding: 30px 20px;
    }

    .managing-director .block {
        font-size: 16px;
    }

    .awards-slider .awards-slider-btn {
        position: unset;
        justify-content: center;
        margin-top: 20px;
    }

    .awards-slider .awards-box {
        gap: 20px;
    }

    .awards-slider .awards-box .title {
        padding-top: 0;
        font-size: 20px;
        line-height: 130%;
    }

    .page-banner .banner-content {
        padding-block: 150px 120px;
    }

    .mission-vison .title {
        font-size: 24px;
    }

    .year-slider .slider-box {
        padding: 32px 52px;
    }

    .gmp-approve .gmp-inner .gmp-right {
        padding: 30px;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    .gmp-approve .gmp-inner {
        gap: 10px;
    }

    .building-cap .join-us {
        padding: 30px;
    }

    .building-cap .join-us .title {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: unset;
    }

    .news-media .slider-box img {
        max-width: 100%;
        min-height: unset;
    }

    .news-media .slider-box .title {
        font-size: 20px;
        line-height: 26px;
    }

    .contact-form {
        padding: 30px;
    }

    .contact-form .form-label {
        margin-bottom: 6px;
    }

    .gain-trust-box {
        padding: 24px;
    }

    .meet-point {
        padding-block: 100px 60px;
    }

    .pioneer-rd {
        padding: 30px;
    }

    .assurance-quality .row:not(:last-child) {
        padding-bottom: 50px;
    }

    .trusted-partner {
        padding: 30px;
    }

    .csr-img-box .img-box-left {
        padding: 30px;
    }

    .medical-needs .medical-needs-box {
        padding: 20px;
        min-height: unset;
    }

    .products-from .products-from-box {
        padding: 20px;
        gap: 20px;
    }

    .dosage-forms {
        padding-block: 80px;
    }

    .dosage-forms .dosage-forms-top {
        margin-bottom: 60px;
    }

    .dosage-forms .dosage-forms-wrap {
        gap: 16px;
    }

    .dosage-forms .dosage-forms-wrap .dosage-forms-box {
        max-width: 160px;
        padding: 20px 16px;
        gap: 12px;
    }

    .dosage-forms .dosage-forms-wrap .dosage-forms-box svg {
        width: 40px;
        height: 40px;
    }

    .dosage-forms .dosage-forms-wrap .dosage-forms-box h4 {
        font-size: 16px;
        line-height: 150%;
        font-weight: 400 !important;
    }

    .why-partner-til .bottom-points .point-box {
        padding: 16px 0;
    }

    .til-global-presence .page-banner .position-absolute {
        bottom: -15%;
    }

    .til-global-presence .page-banner .position-absolute svg {
        max-width: 750px;
    }
}

@media (max-width: 575.98px) {

    .py-100 {
        padding-block: 60px;
    }

    .heading-3 {
        font-size: 24px;
        line-height: 30px;
    }

    .heading-4 {
        font-size: 22px;
        line-height: 30px;
    }

    .text-18 {
        font-size: 16px;
        line-height: 150%;
    }

    .who-we-are .image-box {
        padding-bottom: 0;
    }

    .who-we-are .image-box img,
    .we-are-til img {
        border-radius: 130px 0 20px 0;
    }

    .who-we-are .image-box .action {
        width: 100px;
        height: 100px;
        min-width: 100px;
        bottom: 15px;
        right: 15px;
    }

    .who-we-are .image-box .action svg {
        width: 40px;
        height: auto;
    }

    .what-we-do {
        padding: 30px 15px 20px;
    }

    .what-we-do .we-do-box .icon-box {
        padding-block: 24px;
    }

    .what-we-do .we-do-box .icon-box svg {
        width: 70px;
        height: auto;
    }

    .trusted-quality .trusted-box {
        padding: 20px;
    }

    .managing-director .md-image::before {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .bring-clarity .content-box .title {
        font-size: 22px;
        line-height: 26px;
    }

    .awards-slider .awards-img {
        width: 200px;
        height: 200px;
        min-width: 200px;
    }

    .awards-slider .awards-slider-inner {
        padding: 20px;
    }

    .mission-vison .title {
        font-size: 20px;
    }

    .year-slider .slider-box {
        padding: 32px 22px;
    }

    .year-slider .slider-box .slider-action {
        gap: 16px;
    }

    .year-slider .slider-box .swiper-slide .label {
        font-size: 20px;
    }

    .year-slider .slider-box .swiper-slide .label span {
        font-size: 16px;
        margin-top: 5px;
    }

    .why-til .img-box .content {
        padding: 20px;
        top: 16px;
        width: calc(100% - 32px);
    }

    .why-til .img-box .content h4 {
        font-size: 28px;
    }

    .why-til .img-box .content h5 {
        font-size: 20px;
    }

    .gmp-approve .gmp-inner .gmp-left {
        padding: 20px;
    }

    .gmp-approve .gmp-inner .gmp-right {
        padding: 20px;
        gap: 30px;
    }

    .lives-health .lives-health-box .content {
        padding: 25px 20px;
    }

    .building-cap .join-us {
        padding: 20px;
    }

    .building-cap .join-us .title {
        font-size: 20px;
        line-height: 30px;
    }

    .contact-info .contact-card {
        min-height: unset;
    }

    .our-offices .office-box-wrap {
        gap: 12px;
    }

    .our-offices .office-box-wrap .office-box h5 {
        font-size: 16px;
    }

    .contact-form {
        padding: 30px 20px;
    }

    .gain-trust-box {
        padding: 16px;
    }

    .meet-point {
        padding-block: 60px 40px;
    }

    .meet-point-box {
        padding: 26px 16px;
    }

    .pioneer-rd {
        padding: 20px;
    }

    .our-factory .slider-box .img-box {
        min-height: 200px
    }

    .quality-products {
        padding: 20px;
    }

    .quality-products .products-wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    .head-rd .content-box {
        padding-block: 60px;
    }

    .head-rd .content-box h4 span {
        font-size: 26px;
    }

    .trusted-partner {
        padding: 30px 20px;
    }

    .trusted-partner .trusted-top {
        margin-bottom: 60px;
    }

    .trusted-partner .trusted-bottom .text-18 {
        font-size: 18px;
        line-height: 21px;
    }

    .csr-img-box .row:not(:last-child) {
        margin-bottom: 40px;
    }

    .csr-img-box .img-box-left {
        padding: 20px;
    }

    .achieve-growth .achieve-box-wrap .achieve-box {
        padding: 10px;
    }

    .achieve-growth .achieve-box-wrap .achieve-box .content {
        padding: 15px;
    }

    .achieve-growth .achieve-box-wrap .achieve-box .box-inner::after {
        background: linear-gradient(197.95deg, rgba(0, 0, 0, 0) 26.73%, rgba(24, 45, 61, 0.8) 62.11%);
    }

    .why-partner .why-partner-box {
        padding: 20px;
        gap: 20px;
    }

    .dosage-forms {
        padding-block: 60px;
    }

    .dosage-forms .dosage-forms-top {
        margin-bottom: 40px;
    }

    .dosage-forms .dosage-forms-wrap .dosage-forms-box {
        max-width: 140px;
    }

    .expertise-innovation .expertise-wrap .w-50 {
        width: unset !important;
    }

    .expertise-innovation .expertise-wrap .h-50 {
        height: unset !important;
    }

    .expertise-innovation .expertise-wrap img {
        max-height: 200px;
    }

    .expertise-innovation .expertise-wrap .content-box {
        padding: 30px 20px;
        gap: 20px;
    }

    .achieve-growth .achieve-box-wrap .achieve-box .content {
        transform: translateY(34%);
    }

    .achieve-growth .achieve-box-wrap .achieve-box .content .default-hide {
        font-size: 13px;
        line-height: 20px;
    }

    .til-global-presence .page-banner .position-absolute {
        bottom: -8%;
        right: 50% !important;
        transform: translateX(42%);
    }

    .til-global-presence .page-banner .position-absolute svg {
        max-width: 600px;
    }
}