.sub-yearly,
.sub-orientation,
.sub-finEd,
.sub-events,
.sub-picnic77,
.sub-blood,
.sub-blood75,
.sub-blood76,
.sub-other,
.sub-misc,
.mem-education,
.sub-10agm, 
.sub-11agm,
.sub-12agm,
.sub-13agm,
.sub-14agm,
.sub-15agm,
.sub-112nari,
.sub-114nari,
.sub-service-center,
.sub-finEd,
.sub-voc-train,
.sub-teej{
    flex-wrap: wrap;
}

.sub-yearly img,
.sub-orientation img,
.sub-finEd img,
.sub-events img,
.sub-picnic77 img,
.sub-blood img,
.sub-blood75 img,
.sub-blood76 img,
.sub-other img,
.sub-misc img,
.mem-education img,
.sub-10agm img, 
.sub-11agm img,
.sub-12agm img,
.sub-13agm img,
.sub-14agm img,
.sub-15agm img,
.sub-112nari img,
.sub-114nari img,
.sub-service-center img,
.sub-finEd img,
.sub-voc-train img,
.sub-teej img{
    max-height: 125px;
    height: auto;
    max-width: 100%;
    width: auto;
}

.sub-yearly .col-6,
.sub-orientation .col-6,
.sub-finEd .col-6,
.sub-events .col-6,
.sub-picnic77 .col-6,
.sub-blood .col-6,
.sub-blood75 .col-6,
.sub-blood76 .col-6,
.sub-other .col-6,
.sub-misc .col-6,
.mem-education .col-6,
.sub-10agm .col-6, 
.sub-11agm .col-6,
.sub-12agm .col-6,
.sub-13agm .col-6,
.sub-14agm .col-6,
.sub-15agm .col-6,
.sub-112nari .col-6,
.sub-114nari .col-6,
.sub-service-center .col-6,
.sub-finEd .col-6,
.sub-voc-train .col-6,
.sub-teej .col-6{
    padding-bottom: 10px;
    text-align: center;
     display: flex;
    align-items: center;
    justify-content: center;
}

/* .sub-yearly div:nth-child(3),
.sub-yearly div:nth-child(4),
.sub-orientation div:nth-child(3),
.sub-orientation div:nth-child(4),
.sub-finEd div:nth-child(3),
.sub-finEd div:nth-child(4),
.sub-events div:nth-child(3),
.sub-events div:nth-child(4),
.sub-picnic77 div:nth-child(3),
.sub-picnic77 div:nth-child(4),
.sub-blood div:nth-child(3),
.sub-blood div:nth-child(4),
.sub-blood75 div:nth-child(3),
.sub-blood75 div:nth-child(4),
.sub-blood76 div:nth-child(3),
.sub-blood76 div:nth-child(4),
.sub-other div:nth-child(3),
.sub-other div:nth-child(4) {
    display: none;
} */

@media(min-width: 500px) {

    .sub-yearly img,
    .sub-orientation img,
    .sub-finEd img,
    .sub-events img,
    .sub-picnic77 img,
    .sub-blood img,
    .sub-blood75 img,
    .sub-blood76 img,
    .sub-other img,
    .sub-misc img,
    .mem-education img,
    .sub-10agm img, 
    .sub-11agm img,
    .sub-12agm img,
    .sub-13agm img,
    .sub-14agm img ,
    .sub-15agm img,
    .sub-112nari img,
    .sub-114nari img,
    .sub-service-center img,
    .sub-finEd img,
    .sub-voc-train img,
    .sub-teej img{
        max-height: 145px;
        height: auto;
        max-width: 100%;
        width: auto;
    }
}

/* @media(min-width: 576px) {

    .sub-yearly div:nth-child(3),
    .sub-orientation div:nth-child(3),
    .sub-finEd div:nth-child(3),
    .sub-events div:nth-child(3),
    .sub-picnic77 div:nth-child(3),
    .sub-blood div:nth-child(3),
    .sub-blood75 div:nth-child(3),
    .sub-blood76 div:nth-child(3),
    .sub-other div:nth-child(3) {
        display: block;
    }
} */

/* @media(min-width: 768px) {

    .sub-yearly div:nth-child(4),
    .sub-orientation div:nth-child(4),
    .sub-finEd div:nth-child(4),
    .sub-events div:nth-child(4),
    .sub-picnic77 div:nth-child(4),
    .sub-blood div:nth-child(4),
    .sub-blood75 div:nth-child(4),
    .sub-blood76 div:nth-child(4),
    .sub-other div:nth-child(4) {
        display: block;
    }
} */

@media(min-width: 1024px) {

    .sub-yearly img,
    .sub-orientation img,
    .sub-finEd img,
    .sub-events img,
    .sub-picnic77 img,
    .sub-blood img,
    .sub-blood75 img,
    .sub-blood76 img,
    .sub-other img,
    .sub-misc img,
    .mem-education img,
    .sub-10agm img, 
    .sub-11agm img,
    .sub-12agm img,
    .sub-13agm img,
    .sub-14agm img,
    .sub-15agm img,
    .sub-112nari img,
    .sub-114nari img,
    .sub-service-center img,
    .sub-finEd img,
    .sub-voc-train img,
    .sub-teej img{
        max-height: 155px;
        height: auto;
        max-width: 100%;
        width: auto;
    }
}