@media screen and (min-width: 120em) {
  .privacyPolicy-wrapper {
    width: 100%;
  }
}

@media screen and (min-width: 77.25em) {
  .lexiumFaqs-wrapper>.sectionHeading-wrapper {
    align-self: start;
    position: sticky;
    top: 7.5rem;
  }
}

@media screen and (max-width: 108.75em) {
  .container {
    max-width: 90%;
  }
}

/* medium screen */

@media screen and (max-width: 77.25em) {

  /* utility css */
  .footerLinks {
    gap: var(--spacing-10);
  }

  .sectionContent-padding {
    padding-block: unset;
  }

  .faq-wrapper:first-child {
    padding-block-start: var(--spacing-8) !important;
  }

  .column-layout,
  .column-layout.g0 {
    gap: var(--spacing-8);
  }

  .column-layout.lg-layout[data-column-count="1,1,1"],
  .column-layout.lg-layout[data-column-count="1,1,1,1"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .column-layout.lg-layout[data-column-count="2,2"] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .blog-hero-section.column-layout[data-column-count="3,1"] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .aboutUs-wrapper,
  .about-kainest-wrapper {
    gap: var(--spacing-16) !important;
  }

  .aboutUs-section,
  .blog-section {
    min-height: 100%;
    /* padding-block: var(--section-margin); */
  }

  .missionVision-icon-wrapper {
    display: none;
  }

  .mIcon-small,
  .vIcon-small {
    display: flex;
  }

  .missionVision-wrapper>* {
    text-align: center;
  }

  .blogSection-wrapper,
  .heroSection-wrapper {
    min-height: 100%;
    padding-block: var(--spacing-24);
  }

  .blog-banner-image-wrapper {
    grid-row-start: 1;
    max-height: 24rem;
  }

  .blog-hero-section .heroHeading-wrapper {
    margin-block-start: var(--spacing-8);
  }

  .aboutUsImage-wrapper {
    grid-row-start: 1;
  }

  .ourProcessItemImage {
    padding-inline-end: var(--spacing-8);
  }

  .missionVisionContent-wrapper {
    padding-block: unset;
    gap: var(--spacing-8);
  }

  .whyKainestItem-wrapper:nth-child(3) {
    border-image: var(--gradient-border-180) 0% 100% 0% 100%;
  }

  /* Process media css */
  .ourProcessItemContent-wrapper {
    grid-template-columns: 1fr !important;
    gap: var(--spacing-8);
    max-width: 45%;
    height: 0;
    opacity: 0;
    width: 0;
  }

  .ourProcessItem-wrapper.active .ourProcessItemContent-wrapper {
    height: auto;
    opacity: 1;
    width: auto;
  }

  span.ourProcessItemImageSpace {
    display: none;
  }

  .ourProcessItemImage {
    left: unset;
    right: 0;
    grid-column: 2 / 1;
    row-gap: 0;
  }

  .ourProcessItem-wrapper {
    scroll-margin-top: 5rem;
  }

  .pdf-heroContent-wrapper {
    justify-content: center;
  }
}

/* large desktop footer only */

@media screen and (max-width: 98.75em) {}

/* index page --- ipad-pro */

@media screen and (max-width: 87.5em) {}

/* index page --- mobile and ipad*/

@media screen and (max-width: 64.5em) {}

/* my project grid will turn "2" to "1" in mobile */

@media screen and (max-width: 56em) {
  :root {
    --spacing-32: 3rem;
    --section-padding-boxed: var(--spacing-12);
    --type-link-small: 0.875rem !important;
  }

  .container.blog {
    width: 90%;
  }

  .mobile-hidden {
    display: none;
  }

  .navigationLinks-wrapper {
    align-items: center;
    justify-content: center;
    gap: var(--spacing-10);
    flex-direction: column;
    height: 100%;
  }

  .submenu {
    position: relative;
    margin-top: var(--spacing-4);
  }

  .nav-wrapper {
    display: flex;
    position: absolute;
    border-radius: var(--rounded-3xl);
    top: 0px;
    height: 0;
    width: 100%;
    left: 0;
    opacity: 0;
    flex-direction: column;
    justify-content: center;
    z-index: 0;
    transition: all var(--_transition-duration-reg);
    pointer-events: none;
    z-index: -1;
  }

  .nav-wrapper.active {
    height: calc(100dvh - 7.5rem);
    opacity: 1;
    pointer-events: unset;
    top: 5rem;
  }

  .nav-wrapper nav {
    background: var(--secondary-500);
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }

  .nav-wrapper:before {
    background: var(--primary-dark-gradient);
    border-radius: inherit;
    content: "";
    inset: 0;
    position: absolute;
    z-index: -2;
    top: -1px;
  }

  .hamburgurMenu {
    display: flex;
  }

  .hamburgurMenu svg .firstLine,
  .hamburgurMenu svg .thirdLine,
  .hamburgurMenu svg .secondLine {
    opacity: 1;
    transition: all var(--_transition-duration-reg);
  }

  .hamburgurMenu.active svg .firstLine {
    transform: rotate(45deg) translate(6px, -16px);
  }

  .hamburgurMenu.active svg .secondLine {
    opacity: 0;
  }

  .hamburgurMenu.active svg .thirdLine {
    transform: rotate(-45deg) translate(-12px, 10px);
  }

  .headerContent-wrapper {
    padding-inline: var(--spacing-8);
  }

  .card:before {
    opacity: 1;
  }

  .card {
    --x: 220px;
    --y: 400px;
    background: radial-gradient(250px circle at var(--x) var(--y),
        rgba(255, 255, 255, 0.5),
        transparent 100%);
  }

  .blog-actionItems-wrapper {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  .blog-list-image {
    max-height: calc(16.5rem - 3rem) !important;
  }
}

@media screen and (max-width: 49em) {
  :root {
    --section-margin: var(--spacing-24);
    --spacing-14: 1.75rem;
  }

  .p-caption {
    font-size: var(--type-p-sm);
    width: auto;
  }

  .column-layout,
  .sectionHeading-wrapper {
    gap: var(--spacing-4);
  }

  .column-layout[data-column-count="1,1,1"],
  .column-layout.lg-layout[data-column-count="1,1,1"],
  .column-layout.lg-layout[data-column-count="1,1,1,1"],
  .column-layout[data-column-count="2,2"],
  .column-layout.lg-layout[data-column-count="2,2"],
  .column-layout[data-column-count="1,3"],
  .column-layout[data-column-count="3,1"] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .ourProcessItemContent-wrapper {
    max-width: unset;
  }

  .ourProcessItemImage {
    padding-inline-end: unset;
    position: unset;
  }

  .ourProcessItemImage img {
    height: auto;
  }

  .ourProcessItemImageSpace {
    display: none;
  }

  .ourProcessItemDescription-wrapper {
    gap: var(--spacing-2);
  }

  .process-image {
    position: relative;
  }

  .missionVision-wrapper {
    gap: var(--spacing-16);
  }

  .about-kainest {
    margin-block: unset;
  }

  .footerLinks,
  .footer-wrapper.column-layout {
    gap: var(--spacing-12);
  }

  .footer-aboutCompany,
  .aboutCompany {
    grid-row-start: 2;
  }

  .privacyPolicy-wrapper {
    margin-block-start: var(--spacing-12);
  }

  .whyKainestItem-wrapper:nth-child(2) {
    border-image: var(--gradient-border-180) 0% 100% 0% 100%;
  }

  .contactForm-wrapper::before {
    width: 100% !important;
  }

  .input-wrapper {
    flex-wrap: wrap;
  }

  .form-content {
    padding-inline: unset !important;
    border: none !important;
  }

  .footer-section {
    padding-block-start: var(--spacing-12);
    padding-block-end: var(--spacing-8);
    z-index: 18;
  }

  .scroll-top {
    bottom: var(--spacing-8);
  }

  .privacyPolicy-wrapper {
    width: 100%;
  }
}

@media screen and (max-width: 35em) {
  .footerLinks {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 28em) {
  .br-mobile {
    display: block;
  }

  .desktop-br {
    display: none;
  }
}

@media screen and (max-width: 24em) {
  .br-mobile {
    display: block;
  }

  .heroSection-wrapper {
    min-height: 100%;
    padding-block: var(--section-margin);
  }

  .form-wrapper {
    margin-block-start: unset !important;
  }

  .desktop-br {
    display: none;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.1) {
  :root {
    --type-link-small: clamp(0.75rem, 0.625vw, 0.75rem);
    --type-heading-h1: clamp(2.5rem, 4.167vw, 5rem);
    --type-caption: clamp(1rem, 1.042vw, 1.25rem);
    --type-p: clamp(0.875rem, 0.833vw, 1rem);
    --type-p-lg: clamp(1rem, 0.938vw, 1.125rem);
    --type-heading-h2: clamp(1.75rem, 3.75vw, 4.5rem);
    --type-heading-h3: clamp(1.75rem, 2.5vw, 3rem);
  }

  .headerContent-wrapper {
    padding-block: var(--spacing-2-5);
  }

  .btn {
    padding-block: var(--spacing-1-5);
  }
}