/* Responsive styles */
/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    
    :root {
         --banner-title:40px;
        --heading-size: 28px;
        --heading-size2: 25px;
        --body-textsize2: 18px;
    }
    .scholar-hero-section { height: auto; min-height: 550px; padding: 60px 0; }
    .hero-title { margin-top: 0 !important; }
    .scholarship-row { margin-top: 40px; }
    .scholarship-content-box { text-align: center; }
    .scholarship-subtitle { font-size: 24px; }
    .scholarship-description { font-size: 16px; }
    .membership-year { font-size: 24px; }
    .membership-main-title { font-size: 22px; }
    .membership-list { max-width: 100%; }
    .info-card { flex-direction: column; text-align: center; }
    .info-card-img { margin-right: 0; margin-bottom: 15px; flex: 0 0 100%; width: 100%; height: 120px; }

}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 

    :root {
         --banner-title:50px;
        --heading-size: 38px;
        --heading-size2: 25px;
        --body-textsize2: 18px;
    }
    
    .scholar-hero-section { height: auto; min-height: 600px; padding: 80px 0; }
    .scholarship-row { margin-top: 50px; }
    .membership-year { font-size: 30px; }
    .membership-main-title { font-size: 26px; }
    .info-card { flex-direction: column; text-align: center; }
    .info-card-img { margin-right: 0; margin-bottom: 15px; flex: 0 0 100%; width: 100%; height: 140px; }

}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
  
    :root {
         --banner-title:60px;
        --heading-size: 38px;
        --heading-size2: 25px;
        --body-textsize2: 18px;
    }
    
    .scholar-hero-section { min-height: 700px; }
    .scholarship-row { margin-top: 80px; }
    .info-card { flex-direction: column; text-align: center; }
    .info-card-img { margin-right: 0; margin-bottom: 15px; flex: 0 0 100%; width: 100%; height: 150px; }

}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 


}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1400.98px) {
   
}

/* // For 2k Monitors, (more than 1401 px) */
@media (min-width: 1401px) and (max-width: 1599.98px) {
    
}

@media (min-width: 1600px) and (max-width: 2559.98px) {
    
}

@media (min-width: 2560px) {
  
}