#member-dir-main{
    height: auto;
}
.gallery-wrapper{
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(400px, 1fr))[auto-fill];
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 20px;
}
@media screen and (max-width:500px) {
    .gallery-wrapper{

    -ms-grid-columns: auto;
        grid-template-columns: auto;
}
}

#section2 .gallery-wrapper{
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(300px, 1fr))[auto-fill];
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}
#section2 .gallery-wrapper h3{
    font-size: 1rem;
}
#section2 .ind-photo-cont{
    height: max-content !important;
}
#section2 .gallery-wrapper .image{
    height: 150px;
}

#no-rst{
    width: 100%;
}
.gallery-wrapper .ind-photo-cont{
    width: 100%; border: thin solid lightgrey; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.108); padding: 20px; 
}
    .ind-photo-cont h3{
        text-align: center; margin-bottom: 10px;
}
.gallery-wrapper .ind-photo-cont .image{
    width: 100%; height: 300px; overflow: hidden;
}
.ind-photo-cont .image img{width: 100%; height: 100%; object-fit: cover;}

    .caption{
    margin: 10px 0; color: grey;
}
    .other-details{
    margin: 20px 0; color: rgb(50, 50, 50); border-top: thin solid rgba(211, 211, 211, 0.265); padding: 10px 0;
}
.ind-photo-cont .btn button{
    background-color: rgb(232, 64, 22); color: #fff; border: transparent;
}
.ind-photo-cont .btn button:hover{
    background-color: rgba(232, 64, 22, 0.758); 
}


    /*  */
    h1{
        text-align: center; font-size: clamp(1rem,6vw, 2rem); margin: 20px;
    }
    #section1 {
        padding: 30px 15% !important;
    }
    #section1 p{
        line-height: 1.6rem !important;
    }
    #section1 .photo{
        width: 100%;  height:700px; overflow: hidden;
    }
    #section1 .photo img{
        width: 100%; height: 100%; object-fit: contain;
    }

    @media screen and (max-width:500px) {
        #section1{
            padding:20px !important;
        }
        #section1 .photo{
            width: 100%;  height:auto; overflow: hidden;
        }
        #section1 .photo img{
            width: 100%;  height:auto; 
        }
    }