@media(max-width:1200px){
}
@media(max-width:991px){
    /* Hide desktop nav + mega-menus, show hamburger */
    .header-right .dropdown,
    .ar-btn,
    .newnavv,
    .nav-icon3 {
        display: none !important;
    }
    .ham-icon1 {
        display: inline-block !important;
    }
    #header {
        height: 68px;
    }
    .kirloshLogo {
        gap: 18px;
    }
    .kirloshLogo .logo,
    #header.sticky .kirloshLogo .logo {
        height: 42px;
    }
    .kirloshLogo h4 {
        font-size: 12px;
        line-height: 15px;
    }
    .kirloshLogo h4 span {
        font-size: 11px;
        line-height: 13px;
    }
    /* Banner */
    .banner-sec {
        min-height: 520px;
    }
    .banner-100 img {
        max-width: 220px;
    }
    .bannerText h1 {
        font-size: 38px;
    }
    .bannerText h2 {
        font-size: 22px;
    }
    .my-sidenav {
        width: 0px;
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        overflow-x: hidden;
        z-index: 999999999;
        height: 100vh;
        max-width: 0px;
        width: 100%;
        background-color:#003974;
        transition: 0.5s;
        -webkit-transition: 0.5s;
    }
    .my-sidenav>ul {
        padding: 0px 20px 0px;
    }
    .my-sidenav>ul>li>ul {
        margin-top: 0px;
        display: none;
    }
    .my-sidenav ul.submenu li ul.submenu {
        display: none;
        position: static;
        width: 100%;
    }
    .my-sidenav ul {
        list-style-type: none;
        padding-left: 15px;
    }
    .my-sidenav ul li
    {
        border-bottom: 1px solid #ffffff;
        padding: 15px 0px;
    }
    .my-sidenav > ul > li > ul >li
    {
        border-bottom: 1px solid #ffffff;
        padding: 10px 0px;
    }
    .my-sidenav > ul > li > ul >li:last-child, .my-sidenav ul.submenu li ul.submenu li:last-child
    {
        border-bottom: 0px;
    }
    .my-sidenav ul.submenu li ul.submenu li {
        border-bottom: 1px solid #ffffff;
        padding: 10px 10px;
    }
    .my-sidenav ul.submenu li ul.submenu li a {
        color: #ffffff;
        font-size: 16px;
    }

    .cross-btn1 {
        text-align: right;
        padding: 16px 14px 0px 0px;
        color: #fff;
        font-size: 35px;
        cursor: pointer;
    }
    .my-sidenav .submenu-indicator-minus .submenu-indicator {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .my-sidenav .submenu-indicator {
        font-size: 30px;
        position: absolute;
        line-height: 25px;
        right: 15px;
    }
    .my-sidenav>ul>li>a {
        color: #ffffff;
        font-size:18px;
        display:block;
    }
    .my-sidenav>ul>li>ul>li>a {
        color: #ffffff;
        font-size: 14px;
    }
    .my-sidenav>ul>li>ul>li>a img {
        padding-right: 0;
        float: right;
        padding-left: 50px;
    }

    /* About KBL / Quick Facts */
    .aboutKbl {
        padding: 60px 0;
    }
    .aboutKblCard {
        padding: 40px 30px;
    }
    .aboutKblText h2 {
        font-size: 30px;
    }
    .factBox {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .factBox h3 {
        font-size: 32px;
    }
    .quickFactsSlider .owl-nav {
        position: static;
        margin-top: 35px;
        text-align: right;
    }

    /* CMD's Message */
    .cmdMessage {
        padding: 60px 0;
    }
    .cmdWrap {
        display: block;
    }
    .cmdImg {
        max-width: 88%;
        flex: none;
    }
    .cmdCard {
        max-width: 92%;
        flex: none;
        margin-left: auto;
        margin-top: -60px;
        padding: 35px 30px;
    }
    .cmdMessage.reverse .cmdCard {
        margin-left: 0;
        margin-right: auto;
    }
    .cmdCard h2 {
        font-size: 28px;
    }

    /* Value Creation — Capital tabs */
    .vcTabs { display: none; }
    .l-tab-mbl { display: block; border-radius:0px; font-size:16px; font-weight:700; border: 2px solid #1b3281; }
    .vc-tabcontent .tab-pane,
    .stakeTabBody { padding:0px; }
    .cap-icnwrap h3 { font-size: 20px; }
    .cap-num { border-right: none; margin-bottom: 22px; }
    .cap-num h5 { font-size: 32px; }
    .cap-img { margin-top: 25px; }
    .cap-img img { min-height: 220px; }
select.l-tab-mbl:focus-visible
{
  outline: none;  
}
    /* Global Presence */
    .globalPresence { padding: 50px 0; }
    .gpHeading { font-size: 30px; }
    .gpBtn { justify-content: center; }
    .worldMap { min-height: 260px; margin-top: 30px; }

    /* Integrated Reporting */
    .irHeading { font-size: 30px; }
    .irCard { flex-direction: column; }
    .irLeft { padding: 25px; justify-content: center; }
    .irStrip { width: auto; min-height: 0; padding: 12px 20px; margin: 0 0 0 6px; }
    .irStrip span { writing-mode: horizontal-tb; transform: none; }
    .irStrip span img { transform: none; }
    .irGrid { padding: 0 20px 15px; }
    .irItem { padding: 22px 18px; }

}
@media (max-width: 575px) {
    .irGrid { grid-template-columns: 1fr; }
    .irItem { border-right: none !important; }
    .irItem:not(:last-child) { border-bottom: 1px solid #e5e9ee !important; }
}

@media (max-width: 767px) {
    footer { padding-top: 40px; }
    .downLoadReport a { font-size: 17px; line-height: 23px; }
    .quickLinks ul li { width: 100%; }
    .copyRight { text-align: center; }
    .devRdx p { text-align: center; margin-top: 6px; }
}

@media (max-width: 767px) {
    .human-capital-page .human-capital-safety-list{
        display: block;
    }
    .next-prev-card{
        margin-bottom: 20px;
    }
    .next-prev-card.new{
        margin-bottom: 0px;
    }
    .banner-100 img {
        max-width: 180px;
    }
    .bannerText h1 {
        font-size: 30px;
    }
    .bannerText h2 {
        font-size: 20px;
    }
    .kirloshLogo {
        gap: 12px;
    }
    .kirloshLogo .logo,
    #header.sticky .kirloshLogo .logo {
        height: 52px;
    }
    .kirloshLogo h4 {
        display: block;
        font-size: 11px;
        line-height: 14px;
    }
    .kirloshLogo h4 span {
        font-size: 10px;
        line-height: 13px;
    }
    .my-sidenav .menufleximg {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }
    .my-sidenav .menufleximg i {
        color: #03BDD5;
    }
}
@media (max-width: 420px){
    .bannerText h1 {
        font-size: 26px;
    }
    .bannerText h2 {
        font-size: 18px;
    }
    .banner-100 img {
        max-width: 150px;
    }
}
@media (max-width: 380px){

}

/* Social & Relationship Capital — responsive */
@media (max-width: 991px) {
    .social-relationship-page .src-twocol { column-count: 1; }
    .social-relationship-page .src-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .social-relationship-page .src-hero-head { flex-direction: column; gap: 18px; }
}
@media (max-width: 767px) {
    .social-relationship-page .src-img-grid { grid-template-columns: 1fr; }
    .social-relationship-page .src-stats-grid { grid-template-columns: 1fr; }
    .social-relationship-page .src-imgph-wide { min-height: 240px; }
    .social-relationship-page .src-chain-item { flex: 0 0 100%; }
    .social-relationship-page .page-title { font-size: 24px; line-height:30px; }
    .social-relationship-page .src-initiatives .page-title {
    font-size: 24px;
    line-height: 30px;
}

}

/* Social & Relationship Capital — banner responsive */
@media (max-width: 1199px) {
    .social-relationship-page .src-banner { padding-right: 0; margin-bottom: 26px; }
    .social-relationship-page .src-banner-image { min-height:auto; }

}

/* Natural Capital — responsive */
@media (max-width: 991px) {
    .natural-capital-page .nc-goal { flex-direction: column; align-items: stretch; gap: 20px; }
    .natural-capital-page .nc-goal-main { border-left: none; border-right: none; border-top: 1px solid #d9e2ee; border-bottom: 1px solid #d9e2ee; padding: 20px 0; }
    .natural-capital-page .nc-goal-note { max-width: 100%; flex-basis: auto; }
    .natural-capital-page .nc-goal-badge { margin: 0 auto; }
    .natural-capital-page .nc-3stats { grid-template-columns: repeat(2, 1fr); }
    .natural-capital-page .nc-pioneers { grid-template-columns: repeat(2, 1fr); }
    .natural-capital-page .nc-pillar-ph { flex: 0 0 calc(50% - 12px); max-width: calc(50% - 12px); min-height: 200px; }
}
@media (max-width: 767px) {
    .natural-capital-page .nc-3stats,
    .natural-capital-page .nc-2stats { grid-template-columns: 1fr; }
    /* Pioneers: stack trophy above, pioneers as full-width 3-col grid */
    .natural-capital-page .nc-pioneers-body { flex-direction: column; align-items: stretch; gap: 24px; }
    .natural-capital-page .nc-trophy { flex: none; width: 100%; min-height: 150px; }
    .natural-capital-page .nc-pioneers { display:block; }
    .natural-capital-page .nc-pillar-ph { flex: 0 0 100%; max-width: 100%; }
    .natural-capital-page .nc-collage {display:block; }
    .natural-capital-page .nc-hier-tag { flex: 0 0 130px; font-size: 13px; padding: 12px; }
    .natural-capital-page .nc-award { font-size: 18px; line-height: 26px; }
    .natural-capital-page .nc-goal-stmt { font-size: 18px; line-height: 26px; }
    .natural-capital-page .nc-callout-title { font-size: 22px; }
    .natural-capital-page .nc-pioneer
    {
        margin-bottom: 25px;
    }
    .natural-capital-page .nc-hl-stats
    {
        display: block;
    }
    .natural-capital-page .src-stat
    {
        margin-bottom: 20px;
    }
    .natural-capital-page .nc-note
    {
        text-align: left;
        padding-left: 0px;
    }
    .natural-capital-page .nc-re-charthead .nc-note
    {
    text-align: center;
    }
    .natural-capital-page .nc-re-chart
    {
    margin-bottom: 20px;
    }
    .natural-capital-page .nc-collage .src-imgph
    {
        margin-bottom: 20px;
    }
}

/* GHG responsive */
@media (max-width: 991px) {
    .natural-capital-page .nc-graph-grid { grid-template-columns: repeat(2, 1fr); }
    .natural-capital-page .nc-scope3-4col { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
    .natural-capital-page .nc-graph-grid { grid-template-columns: 2fr 2fr; }
    .natural-capital-page .nc-scope3-4col { grid-template-columns: 1fr; }
}

/* Contributing to UNSDGs — responsive */
@media (max-width: 767px) {
    .contributing-unsdgs-page .unsdg-lead-body { column-count: 1; }
    .contributing-unsdgs-page .unsdg-bullets { column-count: 1; }
    .contributing-unsdgs-page .unsdg-lead { font-size: 18px; line-height: 27px; }
    .contributing-unsdgs-page .unsdg-box { padding: 20px; }
}

/* Governance — responsive */
@media (max-width: 991px) {
    .governance-page .gov-grid { grid-template-columns: repeat(2, 1fr); }
    .governance-page .gov-subs-grid { grid-template-columns: 1fr; }
    .governance-page .gov-stats { grid-template-columns: repeat(2, 1fr); }
    .governance-page .gov-hero .src-imgph-wide { min-height: 300px; }
}
@media (max-width: 767px) {
    .governance-page .gov-grid { grid-template-columns: 1fr; }
    .governance-page .gov-stats { grid-template-columns: 1fr; }
    .governance-page .gov-twocol { column-count: 1; }
    .governance-page .gov-pullquote p { font-size: 18px; line-height: 27px; }
    .governance-page .gov-statnum { font-size: 38px; }
}

/* Corporate Information — responsive */
@media (max-width: 767px) {
    .corporate-info-page .ci-agm-box { padding: 20px; }
    .corporate-info-page .ci-agm-label { flex: 0 0 110px; max-width: 110px; }
    .corporate-info-page .ci-agm-title { font-size: 18px; }
}

/* ==========================================================
   INDEX PAGE — MOBILE (<=767px)  [desktop untouched]
   ========================================================== */
@media (max-width: 767px) {
    /* ---- Banner ---- */
    .banner-sec { min-height: 440px; }
    .banner-sec .banner-video-desktop { display: none; }
    .banner-sec .banner-video-mobile {
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-width: 0;
        min-height: 0;
        transform: none;
        object-fit: cover;
        object-position: center center;
    }

    /* ---- About KBL ---- */
    .aboutKbl { padding: 45px 0; }
    .sectionEyebrow { font-size: 14px; }
    .aboutKblText h2 { font-size: 24px; line-height: 31px; }
    .aboutKblCard { padding: 30px 22px; }
    .quickFactsHead { font-size: 24px; margin-bottom: 20px; }
    .factList { gap: 20px 0; }
    .factBox {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
    }
    .factBox h3 { font-size: 28px; }

    /* ---- CMD / JMD / Director messages ---- */
    .cmdMessage { padding: 45px 0; }
    .cmdImg { max-width: 100%; }
    .cmdCard {
        max-width: 100%;
        margin-top: 0px;
        padding: 28px 22px;
    }
    .cmdCard h2 { font-size: 24px; line-height: 30px; }

    /* ---- Value Creation — Capital tabs ---- */
    .stakeTabBody { padding: 26px 20px; }
    .cap-num h5 { font-size: 28px; }
    .cap-icnwrap h3 { font-size: 18px; }

    /* ---- Global Presence ---- */
    .globalPresence { padding: 40px 0; }
    .gpHeading { font-size: 24px; line-height: 31px; text-align:center; }
    .worldMap { min-height: 200px; margin-top: 24px; }

    /* ---- Integrated Reporting ---- */
    .integratedReporting { padding: 45px 0px 0px 0px; }
    .irHeading { font-size: 24px; line-height: 31px; }
    .irItem { padding: 20px 16px; }
    .factBox h3 span
    {
        display: inline;
    }
    .aboutKbl
    {
        margin-bottom: 20px;
    }
    .vcHeading
    {
        font-size: 24px;
        line-height: 30px;
    }
    .irCardWrap::after
    {
        height: 0px;
    }
}

/* ==========================================================
   NATURAL CAPITAL — MOBILE (<=767px)  [desktop untouched]
   ========================================================== */
@media (max-width: 767px) {
    /* Tables become horizontal-scroll containers instead of pushing the page */
    .natural-capital-page .nc-tablewrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .natural-capital-page .nc-table { min-width: 520px; }
    .natural-capital-page .nc-table.nc-table-fit { min-width: 340px; }

    /* Section label: allow it to wrap & shrink so long titles don't overflow */
    .natural-capital-page .nc-goalhead { flex-wrap: wrap; }
    .natural-capital-page .nc-seclabel {
        flex: 0 1 auto;
        white-space: normal;
        font-size: 16px;
        line-height: 18px;
        letter-spacing: .3px;
        padding: 10px 14px;
        margin-right: 10px;
    }
    .natural-capital-page .nc-goalhead-line { min-width: 30px; }

    /* Keep decorative bubble from nudging past the left edge */
    .natural-capital-page .nc-callout-bubble { left: 0; }
    .natural-capital-page .nc-shloka-icon
    {
        margin-bottom: 20px;
    }
    .natural-capital-page .nc-shloka-text
    {
        line-height: 24px;
    }
    .natural-capital-page .nc-mv-kicker
    {
        font-size: 16px;
    }
    .natural-capital-page .nc-goal-main, .nc-goal-note
    {
        margin:0px 15px;
    }
}

/* Governance photos — mobile */
@media (max-width: 767px) {
    .governance-page img.gov-photo { height: 320px; }
}

/* Natural Capital — pillar images responsive */
@media (max-width: 991px) {
    .natural-capital-page img.nc-pillar-img { flex: 0 0 calc(50% - 12px); max-width: calc(50% - 12px); }
}
@media (max-width: 767px) {
    .natural-capital-page img.nc-pillar-img { flex: 0 0 100%; max-width: 100%; }
    .natural-capital-page .nc-mv-blob
    {
        left:0px;
    }
}

/* Natural Capital — goal badge touches left border on mobile */
@media (max-width: 767px) {
    .natural-capital-page img.nc-goal-badge { object-position: left center; margin: 0; align-self: flex-start; }
    .natural-capital-page img.nc-photo
    {
        border-radius: 0px;
    }
    .cmdImg img
    {
        min-height: auto;
    }
    .social-relationship-page img.src-banner-img
    {
        min-height: 325px;
    }
    .natural-capital-page img.nc-trophy
    {
      margin: auto;
    }
    .natural-capital-page img.nc-pioneer-img {
    width: auto;
    height: 125px;
}
}

/* Banner play button — mobile */
@media (max-width: 767px) {
    .bannerPlayBtn { width: 68px; height: 68px; }
    .bannerPlayIcon { font-size: 24px; }
}

/* Sustainability goals slider — responsive */
@media (max-width: 767px) {
    .goalSlider-sec { padding: 45px 0; }
    .goalSlider-controls { flex-wrap: wrap; row-gap: 18px; column-gap: 0; }
    .goalSlider-dots { order: 1; flex: 1 1 auto; justify-content: flex-start; }
    .goalSlider-nav  { order: 2; flex: 1 1 auto; justify-content: flex-end; }
    .goalSlider-cta-wrap.allBtns { order: 3; flex: 1 1 100%; justify-content: center; }
    .goalSlider-sec .nc-goal-stmt strong {
    font-size: 36px;
    line-height: 42px;;
}
}