@media (min-width: 320px) and (max-width: 575.98px) {
    .nav-item {
        padding: 5px 16px;
    }
    .swiper-container .banner-text {
        padding: 90px 14px;
    }
    .swiper-container .banner-text .banner-header {
        font-size: 45px;
        line-height: 51px;
    }
    .swiper-container .banner-text .banner-description {
        width: 100%;
        font-size: 14px;
        line-height: 22px;
    }
    .swiper-container .banner-button .button {
        padding: 10px 25px;
        font-size: 14px;
    }

    .topBanner {
        height: 100%;
        background-image: linear-gradient(
            90deg,
            rgba(23, 24, 74, 0.99) 0%,
            rgba(23, 24, 74, 0.5) 100%
        );
    }

    .swiper-container img {
        height: 100%;
    }

    #slider {
        height: 585px;
    }

    .sm_none {
        display: none;
    }

    .about-container {
        padding: 80px 10px 0px 14px;
    }

    .about-container .about-description {
        -webkit-line-clamp: none;
    }

    .about-container .about-button .button {
        padding: 9px 20px;
        margin-bottom: 5rem;
        font-size: 14px;
    }

    .activity-section-left {
        padding: 80px 20px 40px 26px;
        width: 100%;
    }

    .activity-button .button {
        padding: 10px 20px;
        font-size: 14px;
        margin-bottom: 3rem;
    }

    .activity-caption-text {
        line-height: 28px;
    }

    .volunteer-section .volunteer-section-left {
        padding: 80px 10px 0px 14px;
    }

    .volunteer-description {
        -webkit-line-clamp: none;
        
    }

    .volunteer-button .button {
        padding: 10px 20px;
        font-size: 14px;
        margin-bottom: 5rem;
    }

    .scholarship-section .scholarship-section-left {
        padding: 80px 10px 0px 20px;
    }

    .scholarship-description {
        -webkit-line-clamp: none;
    }

    .scholarship-button .button {
        padding: 10px 20px;
        font-size: 14px;
        margin-bottom: 5rem;
    }

    .testimonial-title h2 {
        margin-bottom: 50px;
    }

    .testimonial-section .swiper-button-next,
    .testimonial-section .swiper-rtl .swiper-button-prev {
        right: 0;
    }

    .footer-section {
        padding: 95px 0px;
    }

    .footer-column {
        margin-bottom: 50px;
    }

    .activity-caption-two {
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .service-caption-two {
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: 50%;
        transform: translateY(-50%);
    }

    .event-description {
        -webkit-line-clamp: none;
    }

    .event-section-header {
        width: 100%;
    }

    .service-caption-text {
        line-height: 28px;
    }

    .event-shedule {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 30px;
    }

    .event-button .button {
        padding: 9px 20px;
        font-size: 14px;
        margin-bottom: 5rem;
    }

    .count-image-text {
        flex-direction: column;
        gap: 50px;
        padding: 90px 10px;
    }

    .service-description {
        -webkit-line-clamp: none;
    }

    .service-button .button {
        padding: 10px 20px;
        font-size: 14px;
        margin-bottom: 5rem;
    }

    .event-content {
        padding: 80px 20px 0px 24px;
    }

    .testimonial-title {
        margin-top: 0;
    }

    .volunteer-section {
        padding: 120px 24px;
    }

    .service-text-section {
        padding: 74px 20px 0px 24px;
    }

    .scholarship-section {
        padding: 120px 24px;
    }

    .testimonial-slider {
        padding-bottom: 120px;
    }

    .service-text-section {
        padding: 74px 24px 0px 42px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .nav-item {
        padding: 8px 16px;
    }
    .swiper-container .banner-text {
        padding: 90px 14px;
    }
    .swiper-container .banner-text .banner-header {
        font-size: 45px;
        line-height: 51px;
    }
    .swiper-container .banner-text .banner-description {
        width: 100%;
        font-size: 14px;
        line-height: 22px;
    }
    .swiper-container .banner-button .button {
        padding: 10px 25px;
        font-size: 14px;
    }

    .topBanner {
        height: 100%;
        background-image: linear-gradient(
            90deg,
            rgba(23, 24, 74, 0.99) 0%,
            rgba(23, 24, 74, 0.5) 100%
        );
    }

    .swiper-container img {
        height: 100%;
    }

    #slider {
        height: 585px;
    }

    .sm_none {
        display: none;
    }

    .about-container {
        padding: 80px 24px 0px 42px;
    }

    .about-container .about-description {
        -webkit-line-clamp: none;
    }

    .about-container .about-button .button {
        padding: 9px 20px;
        margin-bottom: 5rem;
        font-size: 14px;
    }

    .activity-section-left {
        padding: 80px 24px 40px 42px;
        width: 100%;
    }

    .activity-button .button {
        padding: 10px 20px;
        font-size: 14px;
        margin-bottom: 3rem;
    }

    .activity-caption-text {
        line-height: 28px;
    }

    .volunteer-section .volunteer-section-left {
        padding: 80px 10px 0px 14px;
    }

    .volunteer-description {
        -webkit-line-clamp: none;
    }

    .volunteer-button .button {
        padding: 10px 20px;
        font-size: 14px;
        margin-bottom: 5rem;
    }

    .scholarship-section .scholarship-section-left {
        padding: 80px 10px 0px 20px;
    }

    .scholarship-description {
        -webkit-line-clamp: none;
    }

    .scholarship-button .button {
        padding: 10px 20px;
        font-size: 14px;
        margin-bottom: 5rem;
    }

    .testimonial-title h2 {
        margin-bottom: 50px;
    }

    .testimonial-section .swiper-button-next,
    .testimonial-section .swiper-rtl .swiper-button-prev {
        right: 0;
    }

    .footer-section {
        padding: 95px 0px;
    }

    .footer-column {
        margin-bottom: 50px;
    }

    .activity-caption-two {
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .service-caption-two {
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: 50%;
        transform: translateY(-50%);
    }

    .event-description {
        -webkit-line-clamp: none;
    }

    .event-section-header {
        width: 100%;
    }

    .service-caption-text {
        line-height: 28px;
    }

    .event-button .button {
        padding: 9px 20px;
        font-size: 14px;
        margin-bottom: 5rem;
    }

    .count-image-text {
        flex-direction: column;
        gap: 50px;
        padding: 90px 10px;
    }

    .service-description {
        -webkit-line-clamp: none;
    }

    .service-button .button {
        padding: 10px 20px;
        font-size: 14px;
        margin-bottom: 5rem;
    }

    .event-content {
        padding: 80px 24px 0px 42px;
    }

    .testimonial-title {
        margin-top: 0;
    }

    .testimonial-slider {
        padding-bottom: 120px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .swiper-container .banner-text {
        padding: 90px 14px;
    }
    .swiper-container .banner-text .banner-header {
        font-size: 45px;
        line-height: 51px;
    }
    .swiper-container .banner-text .banner-description {
        width: 100%;
        font-size: 14px;
        line-height: 22px;
    }
    .swiper-container .banner-button .button {
        padding: 10px 25px;
        font-size: 14px;
    }

    .topBanner {
        height: 100%;
        background-image: linear-gradient(
            90deg,
            rgba(23, 24, 74, 0.99) 0%,
            rgba(23, 24, 74, 0.5) 100%
        );
    }

    .swiper-container img {
        height: 100%;
    }

    #slider {
        height: 585px;
    }

    .sm_none {
        display: none;
    }

    .about-container {
        padding: 80px 10px 0px 38px;
    }

    .about-container .about-description {
        -webkit-line-clamp: none;
    }

    .about-container .about-button .button {
        padding: 9px 20px;
        margin-bottom: 5rem;
        font-size: 14px;
    }

    .activity-section-left {
        padding: 80px 30px 40px 50px;
        width: 100%;
    }

    .activity-button .button {
        padding: 10px 20px;
        font-size: 14px;
        margin-bottom: 3rem;
    }

    .activity-caption-text {
        line-height: 28px;
    }

    .volunteer-section .volunteer-section-left {
        padding: 80px 20px 0px 30px;
    }

    .volunteer-description {
        -webkit-line-clamp: none;
    }

    .volunteer-button .button {
        padding: 10px 20px;
        font-size: 14px;
        margin-bottom: 5rem;
    }

    .scholarship-section .scholarship-section-left {
        padding: 80px 20px 0px 30px;
    }

    .scholarship-description {
        -webkit-line-clamp: none;
    }

    .scholarship-button .button {
        padding: 10px 20px;
        font-size: 14px;
        margin-bottom: 5rem;
    }

    .testimonial-title h2 {
        margin-bottom: 50px;
    }

    .testimonial-section .swiper-button-next,
    .testimonial-section .swiper-rtl .swiper-button-prev {
        right: 84%;
    }

    .footer-section {
        padding: 95px 0px;
    }

    .activity-caption-two {
        left: 50%;
        transform: translatex(-50%);
        top: 74%;
    }

    .service-caption-two {
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        top: 78%;
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: 50%;
        transform: translateY(-50%);
    }

    .event-description {
        -webkit-line-clamp: none;
    }

    .event-section-header {
        width: 100%;
    }

    .service-caption-text {
        line-height: 28px;
    }

    .event-button .button {
        padding: 9px 20px;
        font-size: 14px;
        margin-bottom: 5rem;
    }

    .count-image-text {
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 50px;
    }

    .service-text-section {
        padding: 74px 20px 60px 47px;
    }

    .service-description {
        -webkit-line-clamp: none;
    }

    .testimonial-title {
        margin-top: 22px;
    }

    .testimonial-slider {
        padding-bottom: 120px;
    }

    .footer-title-two {
        font-size: 16px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    /* ForNavbarSection */
    .nav-item {
        padding: 16px 16px;
    }
    .nav-item .nav-link {
        font-size: 14px;
    }

    /* ForBannerSection */

    .swiper-container .banner-text {
        position: absolute;
        top: 0;
        padding: 118px 13px;
    }
    .swiper-container .banner-text .banner-header {
        margin-bottom: 1.3rem;
        font-size: 52px;
        line-height: 60px;
    }
    .swiper-container .banner-text .banner-description {
        width: 543px;
        font-size: 15px;
    }
    .swiper-container .banner-button {
        margin-top: 42px;
    }
    .swiper-container .banner-button .button {
        padding: 18px 32px;
        border-radius: 10px;
    }

    .activity-button {
        padding-top: 34px;
        padding-bottom: 65px;
    }

    .about-button {
        margin-bottom: 65px;
    }

    .activity-description {
        -webkit-line-clamp: 6;
    }

    .activity-caption-text {
        line-height: 26px;
    }

    .service-button {
        margin-bottom: 65px;
    }

    .service-caption-text {
        line-height: 26px;
    }

    .event-button {
        margin-bottom: 65px;
    }

    .event-image-container {
        height: 100%;
    }

    .event-shedule {
        width: 100%;
        gap: 10px;
        flex-direction: column;
    }

    .scholarship-button {
        margin-bottom: 65px;
    }

    .testimonial-section .swiper-button-next,
    .testimonial-section .swiper-rtl .swiper-button-prev {
        right: 88%;
    }

    #slider {
        height: 595px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .about-button {
        margin-bottom: 90px;
    }

    .activity-button {
        margin-bottom: 90px;
    }

    .h_50 {
        height: 50%;
    }

    .event-button {
        margin-bottom: 90px;
    }

    .scholarship-button {
        margin-bottom: 90px;
    }

    .service-button {
        margin-bottom: 90px;
    }
    
}
@media (min-width: 991.98px){
    .volunteer-description{
        max-height:200px;
        overflow: hidden;
    }
}
/* ********* */