@media(max-width:991.98px){.topbar-social{display:none}.topbar-info{display:flex;flex-wrap:wrap;gap:8px}.topbar a,.topbar span{margin-right:10px}.navbar-logo{height:54px}.main-navbar .navbar-collapse{padding:15px 0}.main-navbar .nav-link{padding:12px}.hero-section{padding:70px 0}.hero-copy{text-align:center;margin-bottom:45px}.hero-copy h1{font-size:48px}.hero-copy p{margin-left:auto;margin-right:auto}.hero-actions,.hero-points{justify-content:center}.section{padding:75px 0}.section-heading h2{font-size:34px}.md-panel{padding:30px}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:767.98px){.topbar{display:none}.hero-copy h1{font-size:38px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.floating-card{position:static;margin-top:14px}.hero-visual{padding:0}.section{padding:62px 0}.section-heading h2{font-size:30px}.about-collage{padding:0}.about-small{display:none}.md-panel{padding:22px}.infra-grid{grid-template-columns:1fr}.infra-grid img,.infra-grid img:first-child{height:230px;grid-row:auto}.accreditation-card{padding:25px}.gallery-card img{height:230px}.footer-bottom{text-align:center}.topbar-info{justify-content:center}}

/* Mobile header and Why Amrith Labs alignment. */
@media(max-width:767.98px){
  .main-navbar .navbar-brand img.navbar-logo,
  .main-navbar.scrolled .navbar-brand img.navbar-logo{
    height:58px!important;
    width:auto!important;
    max-width:182px!important;
    max-height:58px!important;
  }

  .main-navbar,
  .main-navbar.scrolled{
    min-height:66px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }

  .main-navbar .navbar-brand{
    height:62px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    line-height:1!important;
  }

  .main-navbar .navbar-toggler{
    width:48px;
    height:48px;
    padding:4px 7px;
    line-height:1;
  }

  .main-navbar .navbar-toggler-icon{
    width:26px;
    height:26px;
  }

  #mainMenu > .navbar-nav > .mobile-menu-action-row{
    min-height:46px;
    margin-top:8px;
    padding-top:6px;
    flex-wrap:wrap;
    align-items:center!important;
  }

  #mainMenu #accountMenu{
    display:inline-flex;
    height:38px;
    margin:4px 0 4px 10px!important;
    align-items:center;
    justify-content:center;
    line-height:1.2!important;
  }

  #mainMenu #accountMenu > .fa-user-circle{
    margin-right:8px;
  }

  #mainMenu .mobile-menu-action-row > .account-dropdown{
    position:static!important;
    order:3;
    flex:0 0 100%;
    width:100%;
    margin:6px 0 2px!important;
  }

  #mainMenu .mobile-menu-action-row > .account-dropdown::before{
    display:none;
  }

  #mainMenu .mobile-menu-action-row > .mobile-menu-close{
    align-self:center;
    margin-top:0;
    margin-bottom:0;
  }

  .feature-card{
    text-align:center;
  }

  .feature-card .feature-icon{
    margin-left:auto;
    margin-right:auto;
  }

  #about .section-heading{
    text-align:center;
  }

  .quote-gst-note{
    display:block;
    margin-top:1px;
    font-size:10px;
    line-height:1.25;
    font-weight:600;
  }
}

/* Referrals: viewport-safe guide and complete mobile card values. */
.refer-card-close {
    position: absolute;
    z-index: 6;
    top: 12px;
    right: 12px;
    display: grid;
    width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    border: 1px solid #cfe1d9;
    border-radius: 50%;
    background: #fff;
    color: #17394a;
    box-shadow: 0 4px 12px rgba(8, 42, 62, .14);
}

.refer-card-close:hover,
.refer-card-close:focus-visible {
    outline: none;
    border-color: #0d9384;
    background: #e8f6ee;
    color: #087f72;
}

.refer-earn-summary:not(.is-guide-open) .refer-earn-card {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.refer-earn-summary.is-guide-open .refer-earn-card {
    pointer-events: auto !important;
}

@media (max-width: 767.98px) {
    body .referrals-page .refer-earn-summary {
        perspective: none !important;
    }

    body .referrals-page .refer-earn-card {
        position: fixed !important;
        top: 96px !important;
        right: auto !important;
        bottom: 16px !important;
        left: 50% !important;
        width: calc(100vw - 20px) !important;
        max-width: 760px !important;
        height: auto !important;
        max-height: none !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        transform: translateX(-50%) !important;
        transform-origin: top center !important;
    }

    body .referrals-page .refer-earn-summary.is-guide-open .refer-earn-card {
        transform: translateX(-50%) !important;
    }

    body .referrals-page .referral-user-heading {
        grid-template-columns: 28px minmax(0, 1fr) minmax(94px, auto) !important;
        align-items: center;
        gap: 8px 10px !important;
        padding: 12px !important;
    }

    body .referrals-page .referral-user-heading > i:nth-child(2) {
        display: none !important;
    }

    body .referrals-page .referral-user-heading > .referral-user-name {
        grid-column: 2 / 4 !important;
        grid-row: 1 !important;
        min-width: 0;
        overflow-wrap: anywhere;
    }

    body .referrals-page .referral-user-heading > .referral-order-total,
    body .referrals-page .referral-user-heading > .referral-summary,
    body .referrals-page .referral-user-heading > .payment-status-badge,
    body .referrals-page .referral-user-heading > .user-actions {
        grid-column: 2 !important;
        grid-row: auto !important;
        justify-self: start !important;
        min-width: 0;
        text-align: left !important;
        white-space: normal !important;
    }

    body .referrals-page .referral-user-heading > .user-actions {
        display: flex !important;
        flex-flow: row nowrap !important;
        gap: 8px;
    }

    body .referrals-page .referral-user-heading > .referral-order-total {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    body .referrals-page .referral-user-heading > .referral-summary {
        grid-column: 2 !important;
        grid-row: 3 !important;
    }

    body .referrals-page .referral-user-heading > .payment-status-badge {
        grid-column: 3 !important;
        grid-row: 2 !important;
        align-self: end;
        justify-self: stretch !important;
        width: 100%;
        text-align: center !important;
    }

    body .referrals-page .referral-user-heading > .user-actions {
        grid-column: 3 !important;
        grid-row: 3 !important;
        align-self: start;
        justify-self: stretch !important;
        justify-content: center;
        width: 100%;
        margin-top: 6px;
    }

    body .referrals-page .referral-orders-grid.app-mobile-pivot-grid {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: auto !important;
    }

    body .referrals-page .referral-orders-grid .mobile-pivot-value {
        display: block;
        width: 100%;
        min-width: 0;
        overflow-wrap: anywhere;
    }

}
@media (max-width: 767.98px) {
    .table-responsive:has(> .app-mobile-pivot-grid) {
        overflow: visible;
    }

    .app-mobile-pivot-grid {
        display: block;
        width: 100%;
        margin: 0;
        table-layout: auto;
    }

    .app-mobile-pivot-grid > thead {
        display: none;
    }

    .app-mobile-pivot-grid > tbody {
        display: grid;
        gap: 12px;
        width: 100%;
        padding: 10px;
    }

    .app-mobile-pivot-grid > tbody > .mobile-pivot-record {
        display: grid;
        width: 100%;
        overflow: hidden;
        border: 1px solid #d7e6dd;
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 5px 15px rgba(22, 73, 47, .07);
    }

    .app-mobile-pivot-grid > tbody > .mobile-pivot-record > td {
        display: grid;
        grid-template-columns: minmax(92px, 34%) minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        width: 100% !important;
        min-width: 0 !important;
        padding: 9px 12px !important;
        border: 0;
        border-bottom: 1px solid #e7efe9;
        text-align: left !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }

    .app-mobile-pivot-grid > tbody > .mobile-pivot-record > td:last-child {
        border-bottom: 0;
    }

    .app-mobile-pivot-grid > tbody > .mobile-pivot-record > td.id-column {
        display: none !important;
    }

    .app-mobile-pivot-grid > tbody > .mobile-pivot-record > td::before {
        content: attr(data-label);
        color: #5e7267;
        font-size: 11px;
        font-weight: 800;
        line-height: 1.25;
        text-transform: none;
    }

    .app-mobile-pivot-grid .mobile-pivot-value {
        min-width: 0;
        color: inherit;
        text-align: left;
        overflow-wrap: anywhere;
    }

    .app-mobile-pivot-grid .mobile-pivot-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 7px;
    }

    .app-mobile-pivot-grid .mobile-pivot-actions form {
        margin: 0;
    }

    .app-mobile-pivot-grid > tbody > .mobile-pivot-full-row {
        display: block;
        width: 100%;
        margin: 0;
    }

    .app-mobile-pivot-grid > tbody > .mobile-pivot-full-row > td,
    .app-mobile-pivot-grid > tbody > .mobile-pivot-full-row > th {
        display: block;
        width: 100% !important;
        border-radius: 10px;
    }

    .app-mobile-pivot-grid > tfoot {
        display: block;
        width: 100%;
    }

    .app-mobile-pivot-grid > tfoot > tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
}