@media (min-width: 300px) and (max-width: 768px) {
    
    body {
    overflow-x: hidden;
    }

    .image-card-row1 {
        margin: 10px 50px;
    }
    .modal-content{
        width: 80%;
    align-items: center;
    margin-left: 37px;
    }

    .content span {
        top: 0px;
        right: 3px;
    }

    .content h3 {
        padding-bottom: 0px;
        padding-top: 9px;
    }

    .slider-container2 {
        height: auto;
        background-image: url("../images/slider2-responsive.jpg");
    }

    .text-container {
        padding-right: 0;
        padding: 24px;
        color: #fff;
    }
    .text-container p{
        padding-right: 142px;
    }

    .text-container span:first-child {
        font-size: 1.6rem;
    }

    .text-container span:nth-child(2) {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }

    .card-row {
        padding: 20px 60px;
    }
    .vol-med_margin{
        padding-top: 10px;
    }

    .card-row-4 {
        padding: 20px 53px;
    }

    .card-row .content p {
        margin-top: 35px;
    }

    .card-col-4 h3 {
        padding-bottom: 0;
        padding: 15px 0;
    }

    .cont-flud44 {
        padding: 10px 18px;
    }

    .pdf-row {
        flex-direction: column;
        margin: 0 60px;
    }
    .pdf-row li{
        margin-top: 10px;
    }

    .content h5 {
        padding: 25px 0;
    }

    .contact-bar {
        display: flex;
        gap: 30px;
        justify-content: center;
        padding: 30px 30px;
    }

    .contact-bar a {
        font-size: 0.9rem;
    }

    .logo img {
        width: 212px;
    }

    .logo-container {
        padding: 10px 15px;
    }

    .donate {
        height: 32px;
        display: flex;
        gap: 2px;
    }

    .donate-input {
        width: 79px;
        font-size: 0.7rem;
        height: 27px;
    }

    .rupay {
        font-size: 1.2rem;
        padding-right: 17px;
    }
    .ngoheading h1{
            font-size: 1.5rem;
    }

    .ngoheading h1::before,
    .ngoheading h1::after {
        content: "";
        width: 80px;
        height: 5px;
        background-image: url(../images/doted-dash2.png);
    }

    .slider-container h1 {
        position: absolute;
        top: 51px;
        font-size: 0.9rem;
        color: #fff;
        padding-left: 60px;
        padding-right: 160px;
    }

    .cont-bar-cont span {
        border-radius: 50px;
        padding: 5px;
    }

    .vis-content1 h3 {
        padding: 18px;
        font-size: 1.5rem;
    }

    .vis-content2 h3 {
        font-size: 1.5rem;
    }

    .vis-content1 p {
        font-size: 1.2rem;
        padding-top: 0px;
    }

    .vis-content2 div p {
        line-height: 1.4;
        font-size: 0.9rem;
    }

    .image-card-row {
        padding-left: 0;
        padding-right: 0;
        margin: 0px 10px;
    }
    .heading{
        font-size: 1.7rem;
    }

    .heading2 {
        font-size: 1.8rem;
    }

    .content-2 p {
        font-size: 0.7rem;
        padding-top: 0;
    }

    .content {
        height: auto;
    }

    .item-container {
        display: flex;
        padding: 0 15px;
        gap: 0;
        font-size: 1rem;
        font-weight: bold;
    }
    .footer-container{
        padding: 0;
    }
    .content h4{
        padding: 15px 10px
    }
    .navbar-toggler{
        margin-left: 10px;
    }
    .team-row{
    padding: 0px;
}

}

@media (min-width: 770px) and (max-width: 900px){
    .logo img{
        width: 100%;
    }
    .logo-container {
        padding: 10px;
    }
    .item-container{
        display: flex;
            gap: 0px;
    }
    .slider-container h1{
        position: absolute;
    top: 90px;
    padding-left: 145px;
    padding-right: 362px;
    }
    .card-row {
    padding: 40px 40px;
    }
    
    .content span {
        position: absolute;
    top: 67px;
    right: 36px;
    }
    .slider-container2 {
        height: auto;
    }
    .text-container{
        padding-right: 340px;
        padding-left: 48px;
        margin: 30px 0;
    }
    .text-container span:first-child{
        font-size: 2.4rem;
        line-height: 2.4rem;
    }
    .text-container span:nth-child(2){
        font-size: 2.4rem;
        line-height: 2.4rem;
    }
    .team-row {
        padding: 0px;
    }
    .pdf-row li{
        margin: 10px;
    }
    .pdf-content h5{
        font-size: 0.8rem;
    }
    .pdf-content img{
            width: 100%;
    }

}