/* Tablet (Landscape) */
@media only screen and (max-width: 1199px) {
    .container{padding: 0 25px;}
    .header-area{padding: 15px 0;}
    header.white-header .header-area{padding: 15px 0;}
    header.white-header.fixed .header-area{padding: 15px 0;}
    .header-area .logo{width: 140px;}
    .header-area .logo img{width: 100%;}

    .header-area .rightside .top{margin: 0px;}
    .header-area .rightside .bottom{justify-content: end; gap: 10px; align-items: center; margin-top: 5px;} 
    .header-area .rightside .btn-search{width: 32px; height: 32px;}
    .header-area .rightside .bottom .btn-enquire{padding: 8px 10px; font-size: 12px;}
    .header-area .rightside .bottom ul.menu-area{display: none;}
    .header-area .rightside .bottom ul.menu-area.active{display: flex; position: absolute; background: #0e2e5d; width: 100%; right: 0px; justify-content: center; top: 86px; padding: 5px 0;}
    .header-area .rightside .bottom ul.menu-area li a{font-size: 14px;}
    
    .btn-menu{display: block;}

    .hero-seaction .hero-seaction-block h1 { font-size: 40px;}
    .campaign-cards .campaign-cards-col h3 a{ font-size: 20px; line-height: 140%; } 
    .mission-cta-banner .cta-content h2 { font-size: 28px; }
    .campaign-cards .campaign-cards-col .campaign-img { height: 376px;}

    .details-page-section .page-header h1 { font-size: 40px;}
    .stats-row { gap: 35px;    margin: 0 auto 35px;}
    .stats-row .stat-item .stat-num { font-size: 65px; line-height: 100%; }
    .stats-row .stat-item .stat-label {font-size: 23px; }
    .stats-row .stat-item .stat-desc-box p { font-size: 16px; line-height: 130%; }
    .summary-section p { font-size: 18px; line-height: 140%; }
  
}


@media(max-width:991px) {
    .hero-seaction .hero-seaction-block h1 { font-size: 34px; padding-bottom: 25px; margin-bottom: 25px; }
    .campaign-cards .campaign-cards-grid { grid-template-columns: repeat(2, 1fr); row-gap: 30px; }
    .hero-seaction .hero-seaction-block button { font-size: 18px; line-height: 100%; padding: 16px 40px;}
    .intro { padding: 50px 0; }
    .intro .intro-details p { font-size: 18px; line-height: 160%; }
    .mission-cta-banner .cta-row { padding: 40px 50px;flex-direction: column; text-align: center; }
    .mission-cta-banner .btn-donate-white { padding: 16px 40px; font-size: 18px;}

    .details-page-section { padding: 110px 0 60px; } 
    .stats-row {    grid-template-columns: repeat(2, 1fr); }
    .summary-section h3 { font-size: 20px; line-height: 140%; margin-bottom: 10px;}
    .stats-row .stat-item .stat-num { font-size: 50px;}
}


/* Tablet (Portrait) */
@media only screen and (max-width: 767px) {

    .container {padding: 0 15px;}
    .sticky-button-block{bottom: 10px;}
    .sticky-button-block a{width: 40px; height: 40px;}
    .header-area{padding: 15px 0; z-index: 20;}
    .header-area .rightside{display: flex; text-align: right; gap: 15px; }
    .header-area .rightside .top .link{display: none;}
    .header-area .rightside .bottom{margin: 0px;}
    .header-area .rightside .bottom ul.menu-area.active{top: 73px; display: block; padding: 15px;}
    .header-area .rightside .bottom ul.menu-area li{margin: 0px;}
    .header-area .rightside .bottom ul.menu-area li a {font-size: 16px; display: block; line-height: 50px; text-align: center; color: #fff;}
    header.white-header .header-area{padding: 15px 0;}
    header.white-header.fixed .header-area{padding: 15px 0;}


    .hero-seaction { min-height: 450px;}
    .hero-seaction .hero-seaction-block h1 { font-size: 28px; padding-bottom: 18px; margin-bottom: 18px; }
    .hero-seaction .hero-seaction-block h1::after { width: 100px; height: 2px; }
    .hero-seaction .hero-seaction-block button { font-size: 16px; padding: 14px 36px; }
    .intro { padding: 40px 0; }
    .campaign-cards { padding: 0 0 40px 0; }
    .campaign-cards .campaign-cards-grid { grid-template-columns: repeat(1, 1fr); row-gap: 30px; }
    .intro .intro-details p { font-size: 16px; line-height: 150%; }
    .mission-cta-banner .cta-row { padding: 30px 20px; }
    .mission-cta-banner .cta-content h2 { font-size: 22px; }
    .mission-cta-banner .btn-donate-white { padding: 14px 30px; font-size: 16px; }
    .mission-cta-banner { padding-bottom: 40px;}
    .footer .footer-content { padding: 20px 0; gap: 30px; }
    .footer .footer-content { gap: 10px; flex-direction: column;}
    .footer .footer-content .footer-right .social-icons li a { width: 38px; height: 38px; }
    .footer .footer-content .footer-right span { font-size: 18px; line-height: 157%; }

    .campaign-cards .campaign-cards-col .campaign-img {height: 320px; margin-bottom: 10px;}

    .details-page-section .page-header h1 { font-size: 28px; padding-bottom: 18px; margin-bottom: 18px; }
    .details-page-section .page-header h1::after { width: 100px; height: 2px;}
    .video-container {margin-bottom: 40px; }
    .stats-row { grid-template-columns: repeat(1, 1fr); gap: 25px;}
    .stats-row .stat-item .stat-num { font-size: 40px; }
    .stats-row .stat-item .stat-label { font-size: 18px; }
    .stats-row .stat-item .stat-desc-box p { font-size: 14px; line-height: 130%; }
    .stats-row .stat-item .stat-desc-box .icon { width: 35px; height: 35px;  }
    
    .summary-section p { font-size: 16px; line-height: 130%; }

}