@media only screen and (max-width: 1680px) {
  html {
    font-size: 15px;
  }

  .section-title h1,
  .section-title h1 span,
  .section-title h2,
  .section-title h2 span {
    font-size: 4rem;
  }

  .section-content40 p {
    font-size: 2rem;
  }

  .section-big-title h3 {
    font-size: 4rem;
  }

  .header-mega-menu-main {
    left: 35rem;
  }

  .detail-sticky-box {
    margin-top: 23rem;
  }
}

@media only screen and (max-width: 1450px) {
  html {
    font-size: 14px;
  }

  .section-paragraph-48 p,
  .section-paragraph-48 span {
    font-size: 2.5rem;
  }

  .typeofprefilleds-ul li,
  .typeofprefilleds-ul p,
  .typeofprefilleds-ul span {
    font-size: 1.5rem;
  }

  .healthcare-grid {
    grid-template-columns: calc(30% - 4.375rem) calc(70% - 4.375rem);
  }

  .global-img {
    width: 25rem;
  }

  .Disyri-prouctimg {
    width: 50rem;
  }

  .detail-flex>div:nth-child(2) {
    flex-basis: 40%;
    width: 30%;
  }
}

@media only screen and (max-width: 1366px) {
  html {
    font-size: 13px;
  }

  .detail-sticky-box {
    margin-top: 25rem;
  }

  .banner-title h1,
  .banner-title h1 span,
  .banner-title h2,
  .banner-title h2 span {
    font-size: 5rem;
  }

  .career-form-wrapper {
    width: 40%;
  }
}

@media only screen and (max-width: 1280px) {
  .about-product-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .title-paddig-bottom {
    min-height: 7.569rem;
  }

  .mini-container {
    width: 75%;
  }

  .syring-text-width {
    width: 63%;
  }

  /* .global-img{
        width: 21rem;
    } */
  .header-mega-menu-main {
    left: 34rem;
  }

  .bannerVector {
    flex-basis: 40%;
  }
}

@media only screen and (max-width: 1152px) {
  html {
    font-size: 12px;
  }

  .mini-container {
    width: 75%;
  }

  .main-container {
    width: 90%;
  }

  .section-content40 p {
    font-size: 2rem;
  }

  .insightBlogTitle {
    min-height: 25vh;
  }

  .why-join-us-swiper-main .industry-swiper-item {
    min-height: 45vh;
  }
}

@media only screen and (max-width: 1024px) {
  html {
    font-size: 11px;
  }

  .section-title h1,
  .section-title h1 span,
  .section-title h2,
  .section-title h2 span {
    font-size: 3.5rem;
  }

  .detail-flex>div:nth-child(1) {
    padding: 0 3rem;
  }

  .detail-sticky-box {
    margin-top: 26rem;
  }

  .footer-tel-mail-links.flex-row .footer-icon {
    flex-basis: 2.5rem;
    width: 2.5rem;
  }

  .footer-tel-mail-links.flex-row a {
    max-width: calc(100% - 2.5rem - 1.5rem);
  }
}

@media only screen and (max-width: 991px) {
  .visible-tab-mobile {
    display: block !important;
  }

  .hide-tab-mobile {
    display: none !important;
  }

  .pt9 {
    padding-top: 4rem 0;
  }

  .header-flex {
    position: relative;
    z-index: 5;
  }

  .mobile-menu {
    position: fixed;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    transition: var(--common-transition);
    overflow: scroll;
    scrollbar-width: none;
    padding: 8rem 1.5rem 4rem 1.5rem;
  }

  .detail-sticky-box {
    margin-top: unset;
  }

  .mobile-menu.active {
    right: 0%;
    transition: var(--common-transition);
  }

  .header-links-ul ul {
    display: flex;
    align-items: start;
    gap: 0rem;
    flex-direction: column;
  }

  .main-container2,
  .main-container {
    width: 95%;
  }

  .header-links-ul ul li p,
  .header-links-ul ul li p span,
  .header-links-ul ul li span {
    font-size: 2rem;
  }

  .pre-filled-syringes-button p,
  .pre-filled-syringes-button span,
  .md-lable,
  .form-control {
    font-size: 1.2rem;
  }

  .header-links-ul ul li {
    padding: 1rem 0;
    border-bottom: 1px solid #8e9194;
    width: 100%;
  }

  .header-links-ul ul li:last-child {
    border: 0;
  }

  .inner-flex-tab {
    display: flex;
    flex-direction: column;
  }

  .rev-col-tab {
    flex-direction: column-reverse;
  }

  .banner-title h1,
  .banner-title h1 span,
  .banner-title h2,
  .banner-title h2 span {
    font-size: 4rem;
  }

  .mini-container {
    width: 80%;
    margin: 0 auto;
  }

  .section-paragraph-48 p,
  .section-paragraph-48 span {
    font-size: var(--paragraph-font-big);
    font-size: 2rem;
  }

  .inner-flex-large {
    gap: 6rem;
  }

  .highlight-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .main-container-fluid {
    width: 95%;
  }

  /* button hover styel  */

  .button-style-secondary-trans {
    border: 1px solid var(--secondary-color);
    background-color: var(--secondary-color);
  }

  .button-style-secondary-trans span,
  .button-style-secondary-trans p {
    color: var(--white-color);
    transition: var(--common-transition);
  }

  /* .button-style-secondary-trans:hover {
        border: 1px solid var(--secondary-color);
        background-color: var(--secondary-color);
    }

    .button-style-secondary-trans:hover span,
    .button-style-secondary-trans:hover p {
        color: var(--white-color);
        transition: var(--common-transition);

    } */

  .header-links-ul ul li:hover a,
  .header-links-ul ul li:hover span,
  .header-links-ul ul li:hover p {
    color: var(--primary-color);
    font-family: var(--regular-font-family);
  }

  .section-title h1,
  .section-title h1 span,
  .section-title h2,
  .section-title h2 span {
    font-size: 3rem;
  }

  .section-content40 p {
    font-size: 2rem;
  }

  .button-style-primary-trans {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    transition: var(--common-transition);
  }

  .button-style-primary-trans span,
  .button-style-primary-trans p {
    color: var(--white-color);
    transition: var(--common-transition);
  }

  .button-style-secondary:hover {
    border: 1px solid var(--secondary-color);
    background-color: var(--secondary-color);

    transition: var(--common-transition);
  }

  .button-style-secondary:hover span,
  .button-style-secondary:hover p {
    color: var(--white-color);
    transition: var(--common-transition);
  }

  .button-style-secondary::after {
    background: unset;
    transition-delay: 0.175s;
  }

  .submit-button .button-style-secondary::after {
    background: unset;
  }

  .footer-logo {
    width: 18rem;
  }

  .section-content40 p {
    font-size: 1.7rem;
  }

  .bulleet-points {
    padding-left: 2.5%;
  }

  .faqgrid {
    grid-template-columns: 100%;
    gap: 2rem;
  }

  .why-choose-text {
    width: 75%;
    margin-right: auto;
  }

  .footer-font a:hover p {
    font-family: var(--medium-font-family);
    color: var(--gray-color);
    transition: var(--common-transitions);
  }

  .leading-flex {
    gap: 2rem;
  }

  .leading-flex .flex57 {
    width: 100%;
    flex-basis: 100%;
  }

  .leading-flex .flex35 {
    width: 100%;
    flex-basis: 100%;
  }

  .pt0tab {
    padding-top: 0 !important;
  }

  .section-padding {
    padding: 6rem 0;
  }

  .tab-box:hover {
    background-color: transparent;
    transition: var(--common-transition);
    border: 1px solid var(--gray-color);
  }

  .tab-box:hover.section-paragraph p {
    color: var(--primary-color);
    transition: var(--common-transition);
  }

  .about-product-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .title-paddig-bottom {
    min-height: 4rem;
  }

  .mini-container {
    width: 95%;
  }

  .global-serch-main>div:nth-child(2) {
    width: 100%;
    flex-basis: 100%;
  }

  .global-serch-main>div:nth-child(1) {
    width: 100%;
    flex-basis: 100%;
  }

  .global-img {
    width: 20rem;
  }

  .global-img {
    position: absolute;
    top: 8rem;
    bottom: 0;
    right: 0;
    margin-left: auto;
  }

  .global-serch-main {
    padding-bottom: 10rem;
  }

  .container50 {
    width: 95%;
  }

  .detail-page-grid-main:nth-child(odd) .features-grid {
    grid-template-columns: calc(50% - 1.5rem) calc(50% - 1.5rem);
  }

  .detail-page-grid-main:nth-child(even) .features-grid {
    grid-template-columns: calc(50% - 1.5rem) calc(50% - 1.5rem);
  }

  .features-grid {
    gap: 3rem;
  }

  .product-link-mobile li {
    padding: 0.5rem 0 !important;
    border-bottom: unset !important;
    width: 100%;
  }

  .product-link-mobile {
    padding-top: 1rem;
    width: 90%;
    margin: 0 auto;
  }

  .product-link-mobile li p {
    font-size: 1.5rem !important;
  }

  .product-link-mobile li.active_page a p,
  .product-link-mobile li.active_page span {
    font-family: var(--bold-font-family);
  }

  .productacoordion-mobile.active .downarrow {
    transform: rotate(180deg);
    transition: var(--common-transition);
  }

  .product-mobile-slug .productacoordion-mobile.active_page p {
    font-family: var(--medium-font-family);
  }

  /* .uparrow, .productacoordion-mobile.active .downarrow {
        display: none !important;
    } */

  .pagination-ion-industry:hover {
    background-color: var(--white-color);
    transition: var(--common-transition);
  }

  .pagination-ion-industry:hover span {
    color: var(--secondary-color);
    transition: var(--common-transition);
  }

  .pagination-ion-insight:hover {
    background-color: var(--background-gray);
    transition: var(--common-transition);
  }

  .pagination-ion-insight:hover span {
    color: var(--secondary-color);
    transition: var(--common-transition);
  }

  .contact-form-main-grid {
    grid-template-columns: 100%;
    gap: 3rem;
  }

  .contact-main-text {
    width: 59%;
  }

  .back-to-top:hover p,
  .back-to-top:hover span {
    color: var(--gray-color);
    transition: var(--common-transition);
  }

  .contact-detail-links a p:after {
    display: none;
  }

  .footer-font a p::after {
    display: none;
  }

  .header-links-ul ul li p:after {
    display: none;
  }

  /* .contact-detail-links a:hover .section-paragraph p {
        color: var(--gray-color);
        transition: var(--common-transition);
    } */

  .contact-detail-links a:hover .main-icon,
  .contact-detail-links a .main-icon {
    display: block;
    transition: var(--common-transition);
  }

  /* .contact-detail-links a:hover .hover-icon, .contact-detail-links a .hover-icon {
        display: none;
        transition: var(--common-transition);
    } */

  .footer-tel-mail-links p::after,
  .contact-detail-links a:after {
    display: none;
  }

  .button-style-secondary::before,
  .button-style-secondary::after {
    display: none;
  }

  .detail-flex>div:nth-child(1) {
    flex-basis: 100%;
    width: 100%;
  }

  .detail-flex>div:nth-child(2) {
    flex-basis: 100%;
    width: 100%;
  }

  .section-padding-middest {
    padding: 6rem 0;
  }

  .syringe-detail-table tr>td:nth-child(1):hover p {
    color: var(--primary-color);
    text-decoration: unset;
    transition: var(--common-transition);
  }

  .globeImageVector {
    width: 80%;
    max-width: 25rem;
  }

  .trustedPartnerFlex>div:nth-child(1) {
    flex-basis: 25%;
    width: 30%;
  }

  .trustedPartnerFlex {
    margin-top: -12.5%;
    flex-direction: column;
    align-items: start;
  }

  .lookingForGrid {
    grid-template-columns: repeat(2, 1fr);
  }

  .career-content-box>div.inner-flex {
    gap: 5rem;
    width: 100%;
  }

  .sticky-div {
    height: auto;
    position: relative;
    top: unset;
  }

  .numbers-height h2 {
    font-size: 6.5rem;
  }

  .counter-percenteage::after {
    font-size: 5rem;
  }

  .banner-text-abs,
  .banner-text-bottom {
    bottom: 5rem;
    left: 50%;
    top: unset;
    transform: translateX(-50%);
  }

  .syringe-detail-table table {
    width: 100%;
    min-width: 90rem;
  }

  .header-links-ul ul li a,
  .header-links-ul ul li span,
  .header-links-ul ul li p {
    color: var(--primary-color);
    /* color: var(--white-color); */
  }

  .project_blog_list_setion,
  .pre-filled-syringes-section.pt9.pb4#pre-filled-syringes-blog-section-2 {
    padding-top: 9.5rem;
    padding-bottom: 5rem;
  }

  .project_blog_list_setion {
    min-height: 100svh;
  }

  .header-wrapper.white_logo .header-logo.active .blue-logo {
    display: block;
  }

  .header-wrapper.white_logo .header-logo.active .white-logo {
    display: none;
  }

  .career-form-wrapper {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .visible-mobile-only {
    display: block !important;
  }

  .hide-mobile-only {
    display: none !important;
  }

  .main-container2,
  .main-container,
  .mini-container,
  .main-container-fluid,
  .container50 {
    width: 100%;
    padding: 0 2rem;
  }

  .inner-flex-mob {
    display: flex;
    flex-direction: column;
  }

  .rev-col-mob {
    flex-direction: column-reverse;
  }

  .footer-flex {
    flex-direction: column;
    gap: 2.5rem;
  }

  .footer-font p {
    font-size: 1.5rem;
  }

  .section-padding {
    padding: 4rem 0;
  }

  .section-padding-half {
    padding: 2.5rem 0;
  }

  .smallest-font p,
  .smallest-font p span {
    font-size: 1.5rem;
  }

  .pt0-mob {
    padding-top: 0 !important;
  }

  .banner-img .blue-ovaerlay {
    background: rgb(0, 19, 122);
    background: linear-gradient(180deg,
        rgba(0, 19, 122, 0.8) 0%,
        rgba(0, 35, 224, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .banner-title h1,
  .banner-title h1 span,
  .banner-title h2,
  .banner-title h2 span {
    font-size: 3rem;
  }

  /* .section-paragraph-48 p, .section-paragraph-48 span {
        font-size: 1.5rem;
    } */

  .three-grid.highlight-grid {
    grid-template-columns: 100%;
  }

  .quality-img img {
    aspect-ratio: 1.5;
  }

  .highlights-box {
    min-height: unset;
    padding: 1.5rem;
  }

  .section-title h1,
  .section-title h1 span,
  .section-title h2,
  .section-title h2 span {
    font-size: 2.5rem;
    line-height: 1.25;
  }

  .section-paragraph p,
  .section-paragraph p span,
  .md-lable,
  .form-control {
    font-size: 1.5rem;
  }

  .inner-flex-big {
    gap: 3rem;
  }

  .section-subtitle h4,
  .section-subtitle h4 span,
  .section-title-small h4 {
    font-size: 1.5rem;
  }

  .blue-form-box,
  .blue-form-box .home-inquiry-wrapper {
    padding: 1.5rem;
  }

  .form_wrapper {
    display: flex;
    gap: 1rem;
    flex-direction: column;
  }

  /* .country_code_data {

        padding: 0.75rem 0;
    } */

  .getintouch-img,
  .getintouch-img img {
    height: auto;
  }

  .lets-connect-box {
    padding: 3rem 2rem;
  }

  .wfc {
    width: 100%;
  }

  .flex50 {
    flex-basis: 100%;
    width: 100%;
  }

  .footer-links-div {
    flex-basis: calc(50% - 1.5rem);
    width: calc(50% - 1.5rem);
  }

  .footer-links-flex {
    flex-wrap: wrap;
  }

  .inner-flex-gap-mobile {
    gap: var(--common-gap-size);
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .back-to-top-main.big-gap {
    gap: 1rem !important;
  }

  .policy-box {
    gap: 1rem;
  }

  .policy-box .section-content p,
  .section-content p span {
    font-size: 1.5rem;
  }

  .banner-img,
  .banner-img img {
    /* height: 91svh; */
    height: auto;
  }

  .flex57 {
    flex-basis: 100%;
    width: 100%;
  }

  .flex35 {
    flex-basis: 100%;
    width: 100%;
  }

  .common-gap-mobile {
    gap: 2rem;
  }

  .numbers-height {
    min-height: 6rem;
  }

  .sec-2-icon img {
    width: 4rem;
    height: 4rem;
  }

  .sec-2-icon {
    padding: 1.5rem;
  }

  .pre-filled-wiper-section .swiper-container,
  .secrve-swiper-main-sec .swiper-container {
    padding: unset;
  }

  .pre-filled-wiper-section .swiper-scrollbar-drag,
  .secrve-swiper-main-sec .swiper-scrollbar-drag {
    /* width: 10rem !important; */
  }

  .pre-filled-text {
    width: 100%;
    margin: unset;
  }

  .three-grid {
    gap: 2rem;
  }

  .inner-flex-large {
    gap: 2rem;
  }

  .secrve-swiper-main-sec {
    padding: 0 2rem;
  }

  .pre-filled-wiper-section .swiper-container {
    padding: 0 0 0 2rem;
  }

  .align-start-mob {
    align-items: start;
  }

  .why-choose-text {
    width: 100%;
    margin-right: unset;
  }

  .healthcare-grid {
    grid-template-columns: 100%;
  }

  .tab-img img {
    position: relative;
    top: unset;
    transform: translateY(0);
  }

  .tab-img {
    height: auto;
  }

  .bulleet-points {
    padding-left: 6.5%;
  }

  .regulatory-standard-grid {
    margin: 0 auto;
  }

  .pb0-mob {
    padding-bottom: 0 !important;
  }

  /* .padding-small-footer.section-padding-half {
        padding-bottom: 1rem;
    } */

  .footer-mobile-link-gap {
    gap: 3rem;
  }

  .common-gap-footer {
    gap: 3rem;
  }

  .about-product-swiper-main .section-big-title h3 {
    color: #eaeaee;
  }

  .text-start-mob {
    text-align: start;
  }

  .about-product-swiper-main .swiper-scrollbar,
  .serve-swiper-main .swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: #ededed;
    height: 2px;
    width: 100%;
  }

  .about-product-swiper-main .product-scrollbar-width,
  .serve-swiper-main .product-scrollbar-width {
    padding-top: 4rem;
    width: 95%;
    margin: 0 auto;
    overflow: hidden;
  }

  .about-product-swiper-main .swiper-scrollbar-drag,
  .serve-swiper-main .swiper-scrollbar-drag {
    height: 100%;
    position: relative;
    background: var(--primary-color);
    border-radius: 10px;
    left: 0;
    top: 0;
  }

  .syring-text-width {
    width: 100%;
  }

  .research-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .global-serch-main {
    padding: 2rem;
  }

  .quality-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }

  .quality-grid .inner-flex.inner-flex-medium {
    gap: 1.5rem;
  }

  .features-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }

  /* #pre-filled-syringes-list-section-2 .section-padding {
        padding-bottom: 0;
    } */

  .features-grid .inner-flex.inner-flex-medium {
    gap: 2rem;
  }

  .feautres-list ul {
    padding-left: 2rem;
  }

  .detail-page-grid-main:nth-child(odd) .features-grid,
  .detail-page-grid-main:nth-child(even) .features-grid {
    grid-template-columns: 100%;
    grid-template-areas: unset;
    gap: 2rem;
  }

  .detail-page-grid-main .features-grid>div:nth-child(1) {
    grid-area: unset;
  }

  .detail-page-grid-main .features-grid>div:nth-child(2) {
    grid-area: unset;
  }

  .regulators-img img {
    /* min-width: 9.278rem; */
    width: 7.278rem;
  }

  .w100 {
    width: 100%;
  }

  .contact-main-text {
    width: 100%;
  }

  .insight-pagination .swiper-pagination {
    position: relative;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    padding: 2rem 0;
  }

  .insight-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: var(--secondary-color);
    opacity: 0.2;
  }

  .insight-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--secondary-color);
  }

  .pre-filled-syringes-button {
    padding: 1.43rem 2rem;
  }

  #pre-filled-syringes-home-section-4 .swiper-img-pre-filled img {
    /* min-height: 31.545rem; */
    object-fit: cover;
  }

  .serve-pagination {
    display: none;
  }

  .serve-mob-pagination .swiper-pagination {
    position: relative;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    padding: 2rem 0;
  }

  .serve-mob-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: var(--secondary-color);
    opacity: 0.2;
  }

  .serve-mob-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--secondary-color);
  }

  .title-paddig-bottom {
    min-height: 5rem;
  }

  .list-image-min-height {
    min-height: auto;
  }

  .section-padding-half.padding-small-footer {
    padding: 3rem 0;
  }

  .foter-font-big-mob.section-content40 p {
    font-size: 1.5rem;
  }

  .footer-logo {
    width: 22rem;
  }

  .border-footer {
    border: unset;
  }

  .fonts-28 a p,
  .fonts-28 p {
    font-size: 1.7rem;
  }

  .footer-tel-mail-links.fonts-28 a p,
  .footer-tel-mail-links.fonts-28 p {
    font-size: 1.5rem;
  }

  .Disyri-prouctimg {
    width: 100%;
  }

  .detail-flex>div:nth-child(2) {
    flex-basis: 100%;
    width: 100%;
  }

  .pb2-mob {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }

  .detailfrom_popup.active {
    opacity: 1;
    background-color: white;
    position: fixed;
    bottom: 0%;
    height: 100%;
    width: 100%;
    z-index: 99;
    transition: var(--common-transition);
  }

  .detail-form-sticky {
    position: sticky;
    top: 9rem;
  }

  .detailfrom_popup {
    opacity: 0;
    position: fixed;
    bottom: -100%;
    transition: var(--common-transition);
  }

  .fixed-inquiry-btn {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
    margin: 0 auto;
  }

  .fixed-inquiry-btn button {
    width: 100%;
    padding: 1rem 1rem;
  }

  .fixed-inquiry-btn button p {
    font-size: 1.5rem;
  }

  .section-font p {
    font-size: 2rem;
  }

  .section-padding-medium {
    padding: 2rem 0;
  }

  .pb4 {
    padding-bottom: 2rem;
  }

  .pt9 {
    padding-top: 3rem;
  }

  .syringe-detail-table {
    overflow: scroll;
  }

  .syringe-detail-table table tr td,
  .syringe-detail-table table tr th {
    width: 25%;
    padding: 1rem 1rem;
    border: 1px solid var(--second-gray-color);
    vertical-align: top;
  }

  .detail-flex>div:nth-child(1) {
    flex-basis: 100%;
    width: 100%;
    padding: 0 0rem;
  }

  .lets-connect-box.main-container-fluid {
    width: 95%;
    margin: 0 auto;
  }

  .detail-arrow span {
    font-size: 15px;
  }

  .globeImageVector {
    width: 80%;
    max-width: 25rem;
    opacity: 0.5;
    right: 0%;
    transform: translate(15%, 25%);
  }

  .whyChooseGrid,
  .productListGrid {
    grid-template-columns: 100%;
  }

  .insightBlogItem,
  .productListItem {
    padding: 1.5rem;
  }

  .insightBlogTitle {
    min-height: 27.5vh;
  }

  .industry-swiper-item {
    padding: 1.5rem;
    min-height: 42.5vh;
  }

  .healthCareItem {
    padding: 1rem 0;
  }

  /* .banner-text-abs {
    top: 60%;
  } */

  .header-logo {
    width: 20rem;
  }

  .get-in-button-footer .button-style-primary-trans:hover,
  .get-in-button-footer .button-style-primary-trans {
    border-color: #004c6f;
    background-color: transparent;
    transition: var(--common-transition);
  }

  .secrve-swiper-main-sec.quality-swiper-main-sec .industry-swiper-item {
    min-height: 45vh;
  }

  .get-in-button-footer .button-style-primary-trans:hover::after,
  .get-in-button-footer .button-style-primary-trans:hover::before {
    transform: translate3d(0, 0, 0);
    transition: var(--common-transition);
  }

  .get-in-button-footer .button-style-primary-trans:hover span,
  .get-in-button-footer .button-style-primary-trans span,
  .get-in-button-footer .button-style-primary-trans p,
  .get-in-button-footer .button-style-primary-trans:hover p {
    color: #004c6f;
    transition: var(--common-transition);
  }

  .lookingForGrid {
    grid-template-columns: 100%;
  }

  .trustedPartnerFlex {
    margin-top: -25%;
  }

  .trustedPartnerFlex>div:nth-child(1) {
    width: 70%;
  }

  .bannerFlex {
    flex-direction: column;
  }

  .bannerFlex {
    align-items: start;
    flex-direction: column-reverse;
    padding-top: 5rem;
    gap: 4rem;
  }

  .bannerVector {
    width: 100%;
    margin-left: auto;
  }

  .careerAreaGrid.insightBlogTitle {
    min-height: 150px;
  }

  .numbers-height h2 {
    font-size: 5.5rem;
  }

  .counter-percenteage::after {
    font-size: 4rem;
  }

  .accordion-icon-main {
    width: 4rem;
    height: 4rem;
    min-width: 4rem;
    min-height: 4rem;
  }

  .syring-border:hover::after {
    width: 0;
  }

  #pre-filled-syringes-detail-section-1 {
    padding-top: 7rem !important;
  }

  .tab-box.active-tab p,
  .tab-box:hover p {
    color: var(--primary-color);
  }

  .our-mission-box {
    padding: 1.5rem;
  }

  .project_blog_list_setion {
    padding: 5rem 0;
    padding-top: 9.5rem;
  }

  .banner-logo-svg {
    width: 80%;
    left: unset;
    right: 50%;
    transform: translate(50%, -50%);
  }

  .banner-logo-svg.deactive {
    position: absolute;
    top: calc(57% + 3rem);
    left: unset;
    right: 2rem;
    width: 45%;
    transform: translate(0, -50%);
    z-index: 2;
  }

  .pre-filled-syringes-home-banner .banner-img,
  .pre-filled-syringes-home-banner .banner-img img {
    height: 100svh;
    /* height: auto; */
  }

  .banner-lines-svg svg {
    width: 67rem !important;
  }

  .banner-lines-svg {
    position: absolute;
    top: unset;
    left: 0;
    bottom: 0;
    height: auto;
  }

  .product-box {
    padding: 2rem;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  }

  .list-page-banner.banner-img,
  .list-page-banner.banner-img img {
    height: 92svh;
  }

  .pre-filled-syringes-career-banner-section {
    height: auto;
    min-height: 70svh;
  }

  .header-wrapper.black_header .header-links-ul ul li:hover a,
  .header-wrapper.black_header .header-links-ul ul li:hover span,
  .header-wrapper.black_header .header-links-ul ul li:hover p,
  .header-wrapper.header_change .header-links-ul ul li:hover a,
  .header-wrapper.header_change .header-links-ul ul li:hover span,
  .header-wrapper.header_change .header-links-ul ul li:hover p {
    color: var(--primary-color);
  }

  .career-form-wrapper {
    width: 100%;
  }
}

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

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