@media(max-width: 1222px) {

    /* .about-section {
        margin-top: 0% !important;
    } */

    /* .tp-slider-section .carousel-item img {
        height: 500px !important;
    } */

    .d-sm-flex-fix {
        gap: 20px;
        flex-direction: column !important;
    }

    /* .d-hide-img2 {
        display: none !important;
    } */

    /* .d-sm-width-iframe {
        width: 100%;
    } */

    .tp-about-container-img2 {
        max-width: 100% !important;
    }

    .tp-service-wrapper h3 {
        font-size: 1.5rem;
    }

    .serviceCarousel .carousel-control-next,
    .serviceCarousel .carousel-control-prev {
        margin: 30% 0 0 0;
    }

    .tp-counter-section .tp-counter-fixed-img .tp-counter-content ul li {
        width: 50% !important;
        padding-top: 8% !important;
    }

    .tp-counter-section .tp-counter-fixed-img .tp-counter-content ul {
        flex-wrap: wrap !important;
    }

    .tp-counter-section .tp-counter-fixed-img .tp-counter-content h1 {
        font-size: 2rem !important;
    }

    .card .list-group-item h3 {
        font-size: 1.2rem !important;
    }

    .tp-image-grid-item-content-collection {
        text-align: center !important;
    }

    .tp-slider-section .carousel-caption h1 {
        font-size: 3rem !important;
    }
}

@media (max-width: 1200px) {

    .middle-section {
        flex: 1;
        width: 100%;
        max-width: 100%;
    }

    .tp-project-tab-side {
        flex-wrap: wrap;
    }

    .tp-project-tab-wrapper-content h3 {
        font-size: 18px;
    }


    .tp-project-tab-wrapper-content {
        margin-top: 15px;
    }

    .md-project-upcoming {
        display: none;
    }

    .carousel-indicators {
        bottom: -34px;
    }

    .text-card img {
        width: 50% !important;
    }

    .for_mobile {
        display: none;
    }

    .tp-about-section .card-body {
        padding: 20px 30px;
        text-align: center;
    }

    .tp-about-section .card .card-head {
        padding-top: 30px;
    }

    .tp-about-section .card .list-group {
        width: 100%;
        padding: 0;
    }

    .tp-about-section .card .list-group .list-group-item {
        text-align: center;
    }

    .tp-about-section .card .card-img img {
        width: 150px;
        height: 150px;
    }

    .news-section .tap-pane-divider .tab-pane-info-left p {
        display: none;
    }

    .event-details-section {
        padding-left: 0;
        margin-bottom: 30px;
    }

    .grid-container {
        display: grid;
        grid-template-columns: auto auto auto;
    }

    .tp-contact-items {
        padding-left: 0;
        margin-top: 40px;
    }

    .tp-contact-items ul {
        padding-left: 0;
    }

    .career-list-section .tap-pane-divider {
        display: block !important;
    }

    .career-list-section .tab-pane-info {
        flex-wrap: nowrap;
        margin-top: 0;
    }

    .navbar-top-links,
    .navbar-bottom-links {
        padding: 0;
    }

}

@media (min-width: 992px) and (max-width: 1200px) {
    .navbar-brand img {
        width: 100%;
    }

    .wrap-delete button {
        width: 125px;
    }

    .wrap-delete button .icon {
        display: none;
    }

     .wrap-delete button:hover  {
        background-color: var(--tp-primary-color);
        transition: .3s ease;
     }
     
    .wrap-delete button:hover .text {
        color: white;
    }
}

    @media (max-width: 991px) {
        /* .for_mobile {
        display: inherit !important;
    } */

        /* .for_screen {
        display: none !important;
    } */

        .md_indicators {
            top: auto !important;
            margin-right: 40% !important;
            z-index: 15 !important;
            bottom: -32px;
        }

        .md-flex {
            display: inherit !important;
        }

        /* .m_head */
        .md_chairperson {
            display: inherit !important;
            text-align: center;
        }

        .md_indicators {
            margin-right: 30% !important;
        }

        .about-section {
            margin-top: 13%;
        }

        .container-header h2 {
            font-size: 1.8rem;
        }

        .container-about-wrapper {
            padding: 100px 80px;
        }

        .tp-about-container-img3-content a {
            font-size: 15px;
        }

        .tp-counter-section .tp-counter-fixed-img .tp-counter-content {
            padding: 60px 40px;
        }

        .tp-project-upcoming-main {
            padding-top: 0 !important;
            margin-top: -12px;
        }

        .carousel-inner {
            padding-bottom: 5px;
        }

        .tp-project-upcoming-wrapper.first-item {
            height: 260px !important;
        }

        .footer-section {
            flex-direction: column;
            gap: 50px;
        }

        .tp-footer-items,
        .tp-footer-items.first-item {
            width: 100%;
        }

        .breadcrumb-section {
            margin-top: 130px;
        }

        .team-wrapper {
            padding: 80px 80px;
        }

        .tp-team-items .tp-teams-img img {
            width: 180px;
            height: 180px;
        }

        .tp-teams-info h4 {
            font-size: 16px;
        }

        .tp-teams-info h4 span {
            font-size: 14px;
        }

        .tp-about-section .card .card-img img {
            width: 120px;
            height: 120px;
        }

        .tab-pane-img img {
            height: 300px !important;
            width: 100%;
        }

        .tab-pane-info {
            flex-wrap: wrap;
            gap: 20px;
            margin-top: 30px;
        }

        .tab-pane-info-right {
            padding-left: 0;
            display: flex;
            gap: 5px;
        }

        .news-section .tab-pane-img img {
            height: 250px;
        }

        .news-section .tap-pane-divider .tab-pane-info-left h3 {
            font-size: 21px;
        }

        .tap-pane-divider {
            flex-wrap: wrap;
        }

        .tab-pane-event-show-img img {
            height: 300px;
            width: 100%;
        }

        .donation-section {
            display: none !important;
        }

    }

    @media (max-width: 768px) {

        .about-section {
            margin-top: 46% !important;
        }

        .d-sm-flex-fix {
            gap: 20px;
            flex-direction: column !important;
        }

        .container-header {
            padding-right: 0px !important;
        }

        /* p {
        font-size: 0.9rem !important;
    } */

        /* .d-hide-img2 {
        display: none !important;
    }

    .d-hide-img {
        display: none !important;
    }

    .d-hide-img img {
        display: none !important;
    } */

        .d-sm-width-iframe {
            width: 100%;
        }

        .tp-about-container-img2 {
            max-width: 100% !important;
        }

        .tp-project-upcoming-wrapper {
            padding-right: 0% !important;
        }

        .tp-service-wrapper h3 {
            font-size: 1.5rem;
        }

        .serviceCarousel .carousel-control-next,
        .serviceCarousel .carousel-control-prev {
            margin: 30% 0 0 0;
        }

        .tp-counter-section .tp-counter-fixed-img .tp-counter-content ul {
            flex-wrap: wrap !important;
        }

        .tp-counter-section .tp-counter-fixed-img .tp-counter-content ul h6 {
            font-size: 1.3rem !important;
        }

        .tp-counter-section .tp-counter-fixed-img .tp-counter-content h1 {
            font-size: 2rem !important;
        }

        .card .list-group-item h3 {
            font-size: 16px !important;
        }

        .gallery-section .tp-image-grid-item {
            display: none !important;
        }

        .tp-image-grid-item:nth-child(2),
        .tp-image-grid-item:nth-child(3),
        .tp-image-grid-item:nth-child(5),
        .tp-image-grid-item:nth-child(7) {
            width: 50% !important;
            display: block !important;
        }

        .tp-image-grid-item-content-collection {
            text-align: center !important;
        }

        .tab-pane-event-info-left .tab-pane-info-title a {
            font-size: 0.8rem !important;
        }

        .d-sm-flex-col {
            flex-direction: column !important;
        }

        .width-sm {
            width: 350px !important;
        }

        .tp-contact-items ul {
            padding-left: 0px !important;
        }

        .card .list-group {
            width: 100% !important;
        }

        .card .card-head {
            flex-direction: column !important;
        }

        .md_indicators {
            top: auto !important;
            margin-right: 18% !important;
            z-index: 15 !important;
            bottom: -32px;
        }

        .card-head .md_card {
            width: 37% !important;
            margin: auto !important;
        }

        .card-head .md_card img {
            margin-top: 20px;
        }

        .mb_testimonial {
            margin: auto !important;
            width: 110px !important;
        }

        .mb_test_details h3,
        .mb_test_details h5 {
            text-align: center;
        }

        .md_footer_logo {
            /* margin: auto; */
            margin-bottom: 10px;
        }

        .md_footer_logo a {
            display: contents !important;
        }

        /* .md_footer_description{ */
        /* text-align: center; */
        /* word-break: break-all; */
        /* } */
        /* .mb_footer_icon{ */
        /* margin: auto; */
        /* } */


        .md_chairperson {
            display: inherit !important;
            text-align: center;
        }

        .mb_project_row {
            display: inherit !important;
        }

        .tp-about-container-img3-content h3 {
            font-size: 1.3rem;
        }

        .container-about-wrapper {
            padding: 60px 20px;
        }

        .container-header h2 {
            font-size: 21px;
            margin: 10px 0 40px;
        }

        .slick-prev:before,
        .slick-next:before {
            font-size: 21px !important;
        }

        .slick-slide {
            padding: 5px;
        }

        .tp-service-wrapper {
            height: 100%;
            padding: 30px 20px;
        }

        .tp-service-wrapper h3 a {
            font-size: 1.3rem;
            font-size: 18px;
        }

        .tp-service-wrapper .tp-service-wrapper-content p {
            font-size: 13px !important;
        }

        .tp-counter-section .tp-counter-fixed-img .tp-counter-content ul .number {
            font-size: 36px;
        }

        .tp-counter-section .tp-counter-fixed-img .tp-counter-content ul .text {
            font-size: 14px;
            margin-top: 10px;
        }

        .tp-counter-section .tp-counter-fixed-img .tp-counter-content ul li {
            width: 100% !important;
            gap: 30px;
            margin-bottom: 10px;
        }

        .tp-project-upcoming-wrapper-content {
            padding: 0 15px;
        }

        .tp-project-upcoming-wrapper-content .date-wrapper {
            flex-wrap: wrap;
            gap: 5px;
        }

        .tp-project-upcoming-wrapper-content h3 {
            margin-top: 10px;
            font-size: 19px;
        }

        .project-ribbon-ongoing {
            font-size: 12px;
        }

        .tp-project-upcoming-wrapper-content p i {
            margin-left: 0 !important;
        }

        .tp-project-upcoming-wrapper.first-item {
            margin-bottom: 25px !important;
        }

        .project-section .carousel-indicators {
            top: -25px;
        }

        .slick-prev {
            left: -6px !important;
            z-index: 1;
        }

        .slick-next {
            right: -3px !important;
            z-index: 1;
        }

        .tp-slider-section .carousel-item img {
            height: 100%;
        }

        .tp-slider-section {
            height: 75px;
        }

        .container-header p {
            font-size: 14px;
        }

        .tp-about-container-img3 img {
            height: 80px;
        }

        .tp-about-container-img3-content h3 {
            font-size: 19px;
        }

        .tp-about-container-img3-content a {
            font-size: 14px;
        }

        .nav-project .nav-link {
            font-size: 13px;
        }

        .tp-project-tab-side {
            gap: 40px;
        }

        .tp-project-tab-wrapper-content h3 {
            font-size: 16px;
        }

        .project-ribbon-upcoming {
            font-size: 12px;
        }

        .tp-card-wrapper1 {
            padding: 2%;
            width: 100%;
        }

        .brands__wrapper>a img {
            max-width: 9rem;
        }

        .tp-footer-bottom-section p,
        .tp-footer-bottom-section p a {
            font-size: 13px;
        }

        .tp-footer-items ul li a,
        .tp-footer-items p {
            font-size: 13px;
        }

        .tp-footer-logo img {
            width: 250px;
        }

        .breadcrumb-section {
            margin-top: 100px;
        }

        .breadcrumb-section-wrapper {
            padding: 0 20px;
        }

        .breadcrumb-section-info span {
            font-size: 13px;
        }

        .breadcrumb-section-info .active,
        .breadcrumb-section-info a {
            font-size: 14px;
        }

        .tp-about-section .container-wrapper {
            padding: 60px 20px;
        }

        .tp-about-section-header p {
            font-size: 15px;
        }

        .section-description {
            font-size: 15px;
        }

        .single-section h2 {
            font-size: 21px;
        }

        .tp-team-items .tp-teams-img img {
            width: 150px;
            height: 150px;
        }

        .team-wrapper {
            padding: 60px 20px;
        }

        .tp-about-section .card .list-group-item h3 {
            font-size: 19px !important;
        }

        .tp-about-section .card .list-group-item p,
        .tp-about-section .card .list-group-item h5 {
            font-size: 14px;
        }

        .tp-about-section .card-body .content * {
            font-size: 14px !important;
        }

        .tp-about-section .card .card-img img {
            width: 90px;
            height: 90px;
        }

        .tp-about-section .card-body {
            padding: 20px 20px;
        }

        .show-event-mainheader {
            font-size: 22px;
            padding-top: 2%;
            color: #0099cd;
            margin-bottom: 10px;
        }

        .tab-pane-event-show-img img {
            height: 200px !important;
        }

        .tab-pane-event-show-info p {
            font-size: 15px;
        }

        .tab-pane-img img {
            height: 200px !important;
        }

        .news-section .tap-pane-divider .tab-pane-info-left h3 {
            font-size: 16px;
        }

        .event-details-description {
            font-size: 15px;
        }

        .scrollable-table-container table {
            font-size: 14px;
        }

        .show-event-header {
            font-size: 22px;
        }

        .grid-container {
            grid-template-columns: auto;
        }

        .tab-pane-info {
            gap: 10px;
        }

        .gallery-items a>img {
            height: 100%;
        }

        .video-wrapper {
            padding: 20px 0;
        }

        .video-title {
            font-size: 16px;
        }

        .tp-footer-header {
            font-size: 22px;
        }

        .contact-item-top-info span {
            font-size: 14px;
        }

        .contact-item-top-info a {
            font-size: 14px;
        }

        .contact-form {
            margin-top: 30px;
        }

        .form-control,
        input,
        select {
            font-size: 14px !important;
        }
    }

    @media (max-width: 570px) {
        .mb-events {
            flex-wrap: wrap;
        }

        .btn-readmore1,
        .btn-volunteer a {
            font-size: 15px;
        }


        .career-list-section .tab-pane-info {
            flex-wrap: wrap;
        }
    }