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

  .decideing-text p {
    font-size: 3rem;
  }

  .certificate-name p {
    font-size: 1rem;
  }
}

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

  .mid-container {
    width: 84%;
    margin: 0 auto;
  }

  .upload-button-wrapper img {
    padding: 0.5rem;
  }
}

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

  .feathers-grid-main {
    column-gap: 3.5rem;
    row-gap: 7.5rem;
  }
}

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

  .header-links {
    padding: 5.063rem 11rem;
  }

  .section-subtitle h4,
  .section-subtitle h4 span {
    font-size: 3rem;
  }

  .main-title-font h1 {
    font-size: 4rem;
  }

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

  .section-subtitle h4,
  .section-subtitle h4 span {
    font-size: 3rem;
  }

  .decideing-text p {
    font-size: 2.5rem;
  }

  .banner-space {
    padding: 8rem 0 5rem 0;
  }

  /* .whyMicroGenixStickyHeading{
      
        margin-bottom: 31rem;
    
    }


    .whymicrogenixcontainer{
        margin-top: -28rem;
    } */
}

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

  .img-padding-industry img {
    max-height: 50.5rem;
    min-height: 50.5rem;
    /* height: 100%; */
  }

  .at-microgenix-gap {
    gap: 6rem;
  }
}

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

  .who-we-are-sec-2-grid {
    align-items: center;
  }

  .height-div {
    height: 85svh;
  }

  .popupactive {
    width: 75%;
  }

  .who-we-are-sec-2-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 3rem;
  }

  .who-we-are-sec-2-grid > div:nth-child(3) {
    grid-area: span 1 / span 2;
  }
}

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

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

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

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

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

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

  .img-padding-industry {
    padding-right: unset;
  }

  .indusrty-mob-padding {
    padding: 0 5%;
  }

  .text-left-tab {
    text-align: start;
  }

  .img-padding-industry img {
    min-height: unset;
    width: 90%;
    margin: 0 auto;
  }

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

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

  .gettouch-img {
    width: 40rem;
    margin-left: auto;
  }

  .header-links {
    padding: 5.063rem 0rem;
  }

  .link-main-div ul {
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: start;
  }

  .logo-copyright-div {
    padding: 0px 0rem;
  }

  /* .text-button {
        border-bottom: 2px solid var(--primary-color);
    } */

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

  .button-black:hover {
    background-color: var(--light-black-color);
    border: 1px solid var(--light-black-color);
  }

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

  .getintouch-form {
    padding-bottom: 0;
  }

  .founder-director-section > div:nth-child(1) {
    padding-right: unset;
    flex-basis: 100%;
    width: 100%;
    border-right: unset;
  }

  .founder-director-section > div:nth-child(2) {
    padding-left: unset;
    flex-basis: 100%;
    width: 100%;
  }

  .founder-director-section {
    gap: 2rem;
    /* border-bottom: 1px solid var(--primary-color); */
  }

  .our-journey-text {
    width: 100%;
  }

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

  .gap-407 {
    gap: 3rem;
  }

  .padding-202 {
    padding: 6.625rem 0;
  }

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

  .evolving-flex .padding-56 {
    padding: 0 0 3.5rem 0;
  }

  .coma-left-icon,
  .coma-right-icon {
    width: 7.125rem;
    min-width: 7.125rem;
  }

  .decideing-text p {
    font-size: 2.3rem;
  }

  .deciding-text-width {
    width: 78%;
  }

  .feathers-grid-main {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: unset;
    gap: 3.5rem;
  }

  .feathers-grid-items:nth-child(1),
  .feathers-grid-items:nth-child(2),
  .feathers-grid-items:nth-child(3),
  .feathers-grid-items:nth-child(6),
  .feathers-grid-items:nth-child(5),
  .feathers-grid-items:nth-child(4),
  .feathers-grid-items:nth-child(7),
  .feathers-grid-items:nth-child(8) {
    grid-area: unset;
  }

  .who-we-are-sec-small {
    padding: 5rem 0 0 0;
  }

  .who-we-are-sec-2-grid {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    row-gap: 5rem;
  }

  .who-we-are-sec-2-grid > div:nth-child(3) {
    grid-area: span 1 / span 2;
  }

  .banner-space {
    padding: 5rem 0 5rem 0;
  }

  .gap5-tab {
    gap: 5rem;
  }

  .sustanbility-sec-5 .founder-director-section > div:nth-child(1) {
    padding-right: unset;
    border-right: unset;
    flex-basis: calc(40% - 4rem);
    width: calc(40% - 4rem);
    height: auto;
  }

  .certificateactive.dataactive {
    width: 80%;
  }

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

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

  .atmicrogenix-content {
    width: 100%;
  }

  .feathers-grid-items:hover {
    transform: unset;
  }

  .see-certificate {
    opacity: 1;
    visibility: visible;

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

  .see-certificate {
    width: 100%;

    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    transition: var(--common-transition);
  }

  .feathers-grid-items .feather-img img {
    opacity: 100%;
  }

  .feathers-grid-items:hover .default-certi-text {
    visibility: visible;
    opacity: 1;
    display: block;
    transition: var(--common-transition);
    justify-content: center;
    display: flex;
    flex-direction: column;
  }

  .default-certi-text {
    justify-content: center;
  }

  .who-we-are-sub-links {
    display: none;
  }

  .header-links div a p::after {
    display: none;
  }

  .produt-pagelist-border p::after {
    display: none;
  }

  .header-links div a.active-page p::after {
    transition: var(--common-transition);
    width: 100%;
    display: block;
  }

  .text-button::after {
    display: none;
  }

  .product-accordion-main .content_accordian {
    position: relative;

    padding: 2rem 0 0 1.5rem;

    width: max-content;
  }

  .categoryselect p::after {
    display: none;
  }

  .obj-position-bt {
    object-position: unset;
  }

  .obj-position-top {
    object-position: unset;
  }

  .tagline-container.expanded {
    max-height: unset;
  }

  .industry-item {
    padding: 3.5rem 0 3.5rem 0;

    width: 90%;
    margin: 0 auto;
  }

  .mob-industry-img {
    padding: 2.25rem 0 0 0;
  }

  .microgenixItems.scale-on-scroll {
    margin-top: unset;
  }

  .whyMicroGenixStickyHeading {
    top: -1rem;
  }

  .header-links div p:hover::after {
    display: none;
  }

  .header-links div p.active-page::after {
    width: 100%;
    transition: var(--common-transition);
  }

  .career-form-grid div.contact_lable:nth-child(7),
  .career-form-grid div:nth-child(8) {
    grid-area: span 1 / span 2;
  }

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

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

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

  .web_nav {
    overflow-y: scroll;
  }

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

  .header-links {
    gap: 2rem;
  }

  .header-main.active {
    background-color: var(--white-color);
  }

  .ais {
    align-items: start;
  }

  .crafting-quality > div {
    gap: 2rem;
  }

  .getintouch-grid {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .link-font-size a p,
  .link-font-size p a,
  .link-font-size a p span.material-symbols-outlined,
  .link-font-size p {
    font-size: 1.35rem;
    line-height: 1.5;
  }

  .mob-more-gap {
    gap: 2rem !important;
  }

  .link-font-size.link-font-size20 a p,
  .link-font-size.link-font-size20 a p span.material-symbols-outlined,
  .link-font-size.link-font-size20 p {
    font-size: 1.5rem !important;
    line-height: 1;
  }

  .gettouch-img {
    width: 22rem;
  }

  .img-padding-industry img {
    width: 100%;
  }

  .industry-item {
    padding: 3rem 5%;
    /* padding: 0 6.25rem; */
    width: 100%;
    margin: 0 auto;
  }

  .tagline-container.expanded {
    max-height: 50rem;
    transition: var(--common-transition);
  }

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

  .second-title h2 {
    font-size: 2.5rem;
  }

  .crafting-quality,
  .we-micogenix,
  .why-microgenix {
    padding: 3rem 0;
  }

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

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

  /* .indusrty-mob-padding, .why-upper-text {
        padding: 0 5%;
    } */

  #microgenix-home-section-4 .main-container {
    width: 100%;
  }

  .scroll-section {
    gap: 3rem;
  }

  .link-main-div ul {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: unset;
  }

  .link-main-div ul li {
    padding: 1.5rem 0;
    width: 100%;
    border-bottom: 0px solid var(--white-color);
  }

  .product-mobile-ftr .product-title p {
    color: #b5b5b5;
    cursor: pointer;
  }

  .product-mobile-ftr .product-accordion-main .content_accordian {
    padding: 1.838rem 0 0 1.5rem;
  }

  .inner-flex.inner-flex-small.mob-smallest-flex {
    gap: 0.5rem !important;
    margin: 2rem 0;
  }

  .link-font-size.link-font-size20.product-mobile-ftr.visible-tab-mobile
    span.material-symbols-outlined {
    line-height: 1 !important;
  }

  .social-icons-main .flex-row.alc.jc-sb {
    justify-content: start !important;
  }

  .ddonwload-brochure-footer {
    display: none;
  }

  .ftr-download-btn {
    margin-left: auto;
  }

  .ftr-download-btn span.material-symbols-outlined {
    font-size: 20px !important;
  }

  .footer-wrapper-main {
    background-color: var(--light-black-color);
    padding: 4.25rem 0 0 0;
  }

  .form-control,
  .conatct_number_input,
  .md-lable {
    font-size: 1.25rem;
  }

  /* .scroll-container .swiper-slide{
        min-height: 90vh !important;
    } */

  .whymicrogenixswiper ks-swiper-container {
    height: 100vh;
    display: block;
  }

  .header-links {
    padding: 2.25rem 0rem;
  }

  .logo-copyright-div {
    flex-direction: column-reverse !important;
  }

  .flex-row.jc-sb.flex-col-mob.contact-link-main {
    padding-top: 2.5rem;
    border-top: 1px solid #ffffff50;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #ffffff50;
  }

  .mob-industry-img {
    padding: 2.25rem 0 0 0;
  }

  .tagline-container p {
    margin: 0;
    padding: 2.25rem 0 0 0;
  }

  .link-main-div ul li:last-child {
    padding-bottom: 0 !important;
  }

  .location-main {
    width: 30rem;
    margin-bottom: 2rem;
  }

  .contact-liks-div .inner-flex.inner-flex-semi-medium-gap,
  .contact-link-main {
    gap: 1rem;
  }

  .dwoloade-broucher-icon span {
    font-size: 20px;
  }

  .media-icon img {
    height: 1.5rem;
    width: 1.5rem;
  }

  .logo-black {
    width: 16rem;
  }

  .header-main {
    position: relative;
    z-index: 99999999;
    padding: 1.5rem 0;
  }

  .bar.middle {
    margin: 6px 0;
  }

  .main-video-container.relative {
    min-height: 90lvh;
    display: flex;
    flex-direction: column;
    justify-content: start;
  }

  .marquee > div {
    gap: 0rem;
    animation: marquee 20s linear infinite;
  }

  @keyframes marquee {
    0% {
      left: 100%;
    }

    100% {
      left: -100%;
    }
  }

  .logos-img > div {
    padding: 0px 2rem;
    border-right: 1px solid var(--gray-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* width: 21rem; */
    min-height: 90px;
  }

  .logos-img > div img {
    height: auto !important;
    object-fit: contain;
    width: 50% !important;
  }

  .bar.top {
    margin-bottom: 6px;
  }

  .page-link,
  .about-web-link {
    gap: 2rem;
  }

  .section-paragraph p,
  .section-paragraph p span {
    font-size: 1.8rem;
    line-height: 1.5;
  }

  .product-title {
    justify-content: space-between;
    width: 100%;
  }

  .affiliti-swiper-sec {
    padding: 3rem 0;
  }

  .affiliti-swiper-sec .swiper-slide {
    border-right: 1px solid var(--gray-color);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: unset !important;
    width: 100%;
    /* border-left: 1px solid var(--gray-color); */
  }

  .logo-div img {
    width: 10rem;
    height: 10rem;
    object-fit: contain;
  }

  .gap1mob {
    gap: 1rem;
  }

  /* .crafting-quality { */
  /* position: absolute;
        bottom: 5%;
        left: 5%;
        width: 100%;
        right: 5%;
        transform: translateX(-50%);
        background-color: transparent !important; */

  /* } */
  /* .crafting-quality .gray-color{
        color: var(--white-color) !important;
    }
    .crafting-quality .section-subtitle h4 {
        color: var(--white-color) !important;
    } */
  /* .crafting-quality .text-button:hover p,
    .crafting-quality .text-button:hover span,
    .crafting-quality .text-button p,
    .crafting-quality .text-button span {
        color: var(--white-color);
        transition: var(--common-transition);
    }

    .crafting-quality .text-button {
        border-bottom: 2px solid var(--white-color);
    } */
  #myVideo {
    height: 65svh !important;
  }

  .header-links div a:hover p {
    color: var(--primary-color);
    border-bottom: 2px solid transparent;
    transition: var(--common-transition);
  }

  .indusrty-mob-padding,
  .why-upper-text {
    padding: 0 5%;
  }

  .scroll-container .swiper-slide {
    padding: 0 0%;
    align-items: start;
  }

  .web_menu_content {
    padding-top: 7rem;
  }

  .swiper-scrollbar {
    height: 2px;

    border-radius: 10px;
    position: relative;
    width: 90%;
    margin: 2rem auto;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
  }

  .swiper-scrollbar-drag {
    background: var(--primary-color);
  }

  .industry-item.active-item {
    background-color: #f6f6f6;
    transition: var(--common-transition);
  }

  .getintouch-form {
    padding: 3rem 0 0 0;
  }

  .backToTopBtn.active {
    transform: unset !important;
    padding: 1rem;
    gap: 1.25rem;
  }

  .backToTopBtn.active:hover {
    transform: unset !important;
  }

  .padding-84 {
    padding: 3rem 0;
  }

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

  .padding-202 {
    padding: 3rem 0;
  }

  .padding-48 {
    padding: unset;
  }

  .evolving-flex .gap-56 {
    gap: 3rem;
  }

  .evolving-flex .padding-56 {
    padding: 0 0 3rem 0;
  }

  .evolving-content p {
    font-size: 1.5rem;
  }

  .coma-left-icon,
  .coma-right-icon {
    display: block;
  }

  .decideing-text p {
    font-size: 2rem;
  }

  .deciding-text-width {
    width: 100%;
    padding: unset;
  }

  .padding-226 {
    padding: 3rem 0;
  }

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

  .gap-120 {
    gap: 3rem;
  }

  .accreditations-main-sec {
    padding: 3rem 0;
  }

  /* .accredetions-swiper-sec .swiper-slide{
background-color: transparent;
    } */

  .mid-container {
    width: 90%;
    margin: 0 auto;
  }

  .banner-space {
    padding: 3rem 0 4rem 0;
  }

  .medium-font-size p {
    font-size: 3rem;
  }

  .who-we-are-sec-2-grid > div:nth-child(3) {
    grid-area: unset;
  }

  .who-we-are-sec-2-grid {
    grid-template-columns: repeat(1, 1fr);
    align-items: flex-start;
    row-gap: 3rem;
    width: fit-content;
  }

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

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

  .product-txt {
    width: 100%;
  }

  .product-descripation-border {
    padding-bottom: 1rem;
  }

  .sustanbility-sec-5 .founder-director-section > div:nth-child(1) {
    width: calc(100% - 4rem);
    height: auto;
  }

  .sustanbility-icons {
    width: 15%;
  }

  .we-proud-bannerimg {
    padding-top: 2.5rem;
  }

  .we-proud-bannerimg img {
    height: 25vh;
  }

  .sustanbility-space {
    padding-top: 2rem;
  }

  .certificateactive.dataactive {
    width: 90%;
  }

  .inner-flex-start {
    text-align: left !important;
    align-items: flex-start !important;
  }

  .who-we-are-sec2-icon {
    width: 3.422rem;
    margin: 0;
  }

  .sustanbility-sec-2 .section-subtitle h4,
  .sustanbility-sec-2 .section-subtitle h4 span {
    font-size: 2.7rem;
  }

  .microgenix-sustanbility-page-wrapper .section-padding {
    padding: 4rem 0;
  }

  .microgenix-sustanbility-page-wrapper .crafting-quality,
  .microgenix-sustanbility-page-wrapper .we-micogenix,
  .microgenix-sustanbility-page-wrapper .why-microgenix {
    padding: 0rem 0;
  }

  .text-align-left {
    text-align: left !important;
  }

  .microgenix-who-we2-page-wrapper .section-padding-medium {
    padding: 2rem 0;
  }

  .microgenix-who-we2-page-wrapper .section-padding {
    padding: 2rem 0;
  }

  /* .header-links div a p::after {
        display: none;
    }

    .header-links div a.active-page p::after {
        transition: var(--common-transition);
        width: 100%;
        display: block;
    }

    .text-button::after {
        display: none;
    } */

  .sustanbility-sec-2 .text-button:hover p,
  .sustanbility-sec-2 .text-button:hover span {
    color: #a5a5a5;
    transition: var(--common-transition);
  }

  .microgenix-sustanbility-page-wrapper .padding-56 {
    padding: 0;
  }

  .who-we-are-sec-small {
    padding: 2rem 0 0 0;
  }

  .at-microgenix-gap {
    gap: 4rem;
  }

  /* .whymicrogenixcontainer {
        margin-top: -56rem;
    }
    .whyMicroGenixStickyHeading {
        margin-bottom: 53rem;
    }
    */
  .career-form-grid {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .career-form-grid .contact_lable input,
  .career-form-grid .contact_lable select,
  .career-form-grid .contact_lable textarea {
    color: var(--primary-color);
    padding: 1.5rem;
  }

  .upload-button-wrapper,
  input.upload-button-wrapper-input {
    padding: 1.5rem 5rem;
  }

  .upload-button-wrapper img {
    padding: 0.9rem;
    width: 4rem;
    object-fit: contain;
  }

  .upload-button-wrapper p {
    font-size: 1.25rem;
  }

  .section-subtitle h4,
  .section-subtitle h4 span {
    font-size: 2.5rem;
  }

  .small-title h2 {
    font-size: 2rem;
  }

  #career-page-wrapper-microgenix .who-are-banner img {
    aspect-ratio: 1;
  }

  .coma-left-icon,
  .coma-right-icon {
    width: 3.125rem;
    min-width: 3.125rem;
  }

  .coma-left-icon {
    top: -4rem;
  }

  .coma-right-icon {
    bottom: -3rem;
  }
  .header-padding {
    padding-top: 4rem;
  }
  .microgenix-sect-product > div.inner-flex-mob.alend {
    align-items: start;
  }
  .product-chips-flex {
    gap: 2rem;
  }
  .grament-filter {
    margin-left: auto;
  }
  .accreditations-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .accreditations-item img {
  opacity: 1;
  filter: unset;
}
.product-img{
  min-height: unset;
}

.backToTopBtn.link-font-size p{
  font-size: 1.25rem !important;
}

}

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

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