@media (max-width: 991px) {
    .home-sec .home-content {
        padding: 40px 0;
    }
    .cont-sec p,
    .cont-sec .social {
        text-align: center;
    }
    .home-sec .img-sec img {
        margin-bottom: 50px;
    }
    .home-sec p {
        font-size: 14px;
    }
     
    
    
    .home-sec  h2{
        font-size: 1.3rem;
        
    }
    .home-sec  h3{
        font-size: 1.2rem;
        
    }
    
    
    .home-sec .video-sec video {
        margin-bottom: 50px;
        width: 100%; /* Make video full width */
    }
    .about-sec .about-img {
        display: flex;
        justify-content: center;
    }
    .about-sec .about-img img {
        margin-top: 50px;
        width: 80%; /* Make image responsive */
    }
    .contact-sec .col-lg-12 {
        padding: 0;
    }
    .contact-form textarea.form-control {
        width: 94%; /* Adjust width for better fit */
        margin-left: 3%; /* Center align */
    }
    .gallery-sec .pop-image img {
        top: 60%;
        left: 50%;
        width: 100%; /* Make image responsive */
        transform: translate(-50%, -50%);
    }
    
}

@media (max-width: 611px) {
    .about-sec .about-img img {
        width: 80%; /* Adjust width for smaller screens */
    }
    .contact-section .contact-form textarea.form-control {
        width: 92%; /* Further adjust width */
        margin-left: 4%; /* Center align */
    }
}

@media (max-width: 551px) {
    header .navbar-brand {
        font-size: 11px;
    }
    .gallery-sec .pop-image img {
        top: 50%;
        width: 80%; /* Make image responsive */
        transform: translate(-50%, -50%);
    }
    .carousel-item img {
        height: 200px;
    width: 100%;
    object-fit: cover;
    object-position: center;
        
    }
    .heading {
        text-align: center;
        font-size: 20px;
        
        font-weight: bold;
        margin-bottom: 20px;
    }
}


/* Additional CSS for better mobile experience */
@media (max-width: 480px) {
    .heading h2 {
        font-size: 22px; /* Adjust heading font size */
    }
    .donation-text, .donation-details {
        font-size: 16px; /* Adjust font size for donation text */
    }
    .contact-form input, .contact-form textarea {
        font-size: 14px; /* Adjust input font size */
    }
    .btn1 {
        font-size: 14px; /* Adjust button font size */
        padding: 10px 20px; /* Adjust button padding */
    }
    .home-section img {
        height: auto; /* Allow auto height for smaller screens */
    }
    .heading {
        text-align: center;
        font-size: 20px;
        
        font-weight: bold;
        margin-bottom: 20px;
    }
    .cert-list li {
        padding: 10px 0;
        color: #333;
        position: relative;
        padding-left: 30px;
        border-bottom: 1px solid #ddd;
        font-size: 14px;
    }
    .cert-list li img {
        width: 30px; /* Adjust logo width */
        height: auto; /* Maintain aspect ratio */
        margin-right: 15px; /* Space between logo and text */
    }
    .partner-item img {
        height: 30px; /* Set the height for a smaller, icon-sized logo */
        width: auto; /* Maintain the aspect ratio */
        margin-right: 10px; /* Adjust space between the logo and text */
    }
    .partner-item a {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #000; /* Adjust this color as needed */
        font-size: 14px;
    }
    .work-list li {
        font-size: 14px;
    
    }
    .work-content h2 {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
    }
    .media-heading {
        font-size: 1.2em;
        text-align: center;
        font-weight: bold;
        margin: 20px;
        
    }
}

@media (max-width: 991px) {
    .donation-image {
        width: calc(33.33% - 10px); /* Adjust width to create space between images */
        height: auto;
        margin-right: 10px; /* Add margin to the right of each image */
        display: inline-block; /* Display images inline */
    }

    .donation-image:last-child {
        margin-right: 0; /* Remove margin from the last image */
    }
    
}

@media (max-width: 611px) {
    .donation-image {
        width: calc(50% - 5px); /* Adjust width to create space between images */
        margin-right: 5px; /* Add margin to the right of each image */
        display: inline-block; /* Display images inline */
    }

    .donation-image:last-child {
        margin-right: 0; /* Remove margin from the last image */
    }
    .heading {
        text-align: center;
        font-size: 20px;
        
        font-weight: bold;
        margin-bottom: 20px;
    }
}

@keyframes scrollImages {
    0% {
        transform: translateX(0);
    }
    33.33% {
        transform: translateX(-100%);
    }
    
    100% {
        transform: translateX(0);
    }
}

.mission h2{
    font-size: 1.5rem;
    font-weight: bold;
}
.mission h3{
    font-size: 1.3rem;
}
.mission p{
    font-size: 14px;
}


.about-sec p{
    font-size: 14px;
}
#core-body h2 {
    
    
    font-size: 1.5 rem;
    
}

.online-sec h2{
    font-size: 1.5 rem;
    font-weight: bold;
}
.online-sec p{
    font-size: 14px;
}

#core-body .description {
    
    
    font-size: 14px;
    
}
#core-body .core-body-description {
    
    
    font-size: 14px;
    
}

#donate p{
    font-size: 1rem;
}
#donation h2{
    font-size: 1.5rem;
    font-weight: bold;
}