/*-------------------------------------------------------------
                    responsive start
-------------------------------------------------------------*/
.for-mobile {
    display: none;
}
.for-desktop {
    display: block;
}
@media only screen and (max-width:991px) {
    .for-mobile {
        display: block;
    }
    .for-desktop {
        display: none !important;
    }
    .for-mobile.right-action {
        position: absolute;
        top: 24px;
        right: 65px;
        display: flex;
    }
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
    .right-menu {
        align-items: flex-start;
        flex-direction: column;
    }
    .right-menu .menu-section {
        flex-direction: column;
        width: 100%;
    }
    .main-footer {
        grid-column-gap: 20px;
        grid-row-gap: 30px;
        grid-template-columns: repeat(1, minmax(0px, 1fr));
        padding: 40px 0;
    }
    .footer-bottom {
        text-align: center;
        row-gap: 15px;
        margin-top: 10px;
        flex-direction: column-reverse;
    }
    .top-info a:last-child {
        display: none;
    }
    nav {
        background: #ffffff;
    }
    .inline-menu {
        width: 100%;
        height: 100%;
        padding-top: 20px;
    }
    .slider__content {
        width: 100%;
    }
    .about-section {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .about-feature-list {
        border-bottom: 1px solid #e7e6e6;
    }
    .service-box {
        margin-top: 15px;
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }
    .center-heading {
        text-align: center;
    }
    .main-head {
        font-size: 34px;
    }
    .section-padding {
        padding: 40px 0 40px 0;
    }
    .footer-item:nth-child(2) {
        padding-left: 0;
    }
    .slider__content--maintitle {
        font-size: 30px;
        line-height: 40px;
    }
    .about-content-area .inline-main-btn {
        flex-direction: row;
    }
    .home2__slider--bg {
        width: 100%;
        height: 550px;
    }
    .hero__slider--items__inner {
        width: 100%;
        height: 550px;
    }
    .top-info a {
        font-size: 12px;
        margin-right: 10px;
    }
    .main_menu ul li:last-child {
        border-bottom: 0 solid #ddd;
    }
    .breadcrumb-area {
        padding-top: 0;
        height: 160px;
    }
    .breadcrumb-area h1, .breadcrumb-area h2, .breadcrumb-area h3, .breadcrumb-area h4 {
        font-size: 30px;
    }
    .breadcrumb-list ul {
        padding: 5px 20px;
        margin-top: 10px;
    }
    .breadcrumb-list a, .breadcrumb-list li {
        font-size: 10px;
        margin-right: 10px;
    }
    .pad-top {
        padding-top: 40px;
    }
    .team-grid {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }
    .team-box h3 {
        padding: 25px 10px;
        height: 65px;
    }
    .main-service-img img {
        height: auto;
        width: 100%;
    }
    .gallery-section {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }
    .gallery-details {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }
    .header-top-section {
        display: none;
    }
    .hero__slider--section {
        margin-top: 70px;
    }
    .inline-main-btn {
        column-gap: 10px;
    }
    .about-img-area img {
        width: 100%;
        left: 0;
    }
    .mission-vision-section {
        position: relative;
        padding: 0 15px;
        box-shadow: 0 0 0px 0 #0000001c;
    }
    .mission-image {
        margin: 20px 0;
    }
    .video-bg-text {
        top: 0;
        padding: 15px;
    }
    .video-bg {
        height: 600px;
        margin-top: 45px;
    }
    .slider__content--maintitle span:before {
        display: none;
    }
    .left-profile {
        flex-direction: column;
        text-align: center;
        margin-bottom: 15px;
    }
    .right-card {
        margin-left: 0;
    }
    .des-item span {
        font-size: 18px;
    }
    .des-item img {
        height: 26px;
    }
    .director-img {
        margin-right: 0;
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .profile-section .container .row {
        align-items: center;
    }
    .main-menu .donate-btn a {
        width: 100%;
    }
    .breadcrumb-area .container {
        padding-top: 40px;
        flex-direction: column;
    }
    .easy-contact .main-head {
        padding: 0 15px;
        text-align: center;
    }
    .gallery-details.video-gallery {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }
    .container-info .home-contact-info {
        padding: 30px 15px;
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .contact-box-inline {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .home-contact-map iframe {
        height: 400px;
    }
    .contact-form {
        padding: 40px 15px;
    }
}



@media only screen and (max-width:600px) {
    .event-date span {
        font-size: 30px;
        line-height: 30px;
    }
    .event-date {
        top: 10px;
        left: 10px;
        width: 100px;
        height: 80px;
    }
    .bank-details {
        z-index: 9;
    }
    .bank-details:before {
        z-index: -1;
        opacity: 0.2;
    }
    .breadcrumb-area h1, .breadcrumb-area h2, .breadcrumb-area h3, .breadcrumb-area h4 {
        font-size: 26px;
        font-weight: 700;
        text-align: center;
    }
    .gallery-details.video-gallery {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .extra-link {
        margin-top: 10px;
    }
    .footer-section {
        padding-top: 50px;
    }
    .footer-item {
        margin-bottom: 30px;
    }
    .donate-btn.main-btn {
        width: 100%;
    }
    .service-box {
        margin-top: 15px;
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .service-item {
        padding: 30px 15px;
    }
    .gallery-img {
        height: 250px;
    }
    .sub-heading-banner h4 {
        width: 100%;
    }
    .header-social {
        display: none;
    }
    .about-content-area .inline-main-btn {
        margin-top: 15px;
    }
    .center-heading .main-head {
        padding: 0 15px;
    }
    .main-head {
        font-size: 30px;
        line-height: 36px;
    }
    .team-grid {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .gallery-section {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .gallery-head .main-head {
        font-size: 24px;
        margin-bottom: 24px;
    }
    .gallery-details {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .slider__content--maintitle span:before {
        display: none;
    }
    .slider__content--desc {
        width: 100%;
    }
    .video-bg-text p {
        width: 100%;
    }
    .location-area {
        margin: 20px 0;
    }



}



@media only screen and (max-width:360px) {
    .inline-main-btn {
        flex-direction: column;
        row-gap: 10px;
    }
    .slider__content--maintitle {
        font-size: 30px;
        margin-bottom: 5px;
    }
    .slider__content--desc {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .des-item span {
        word-break: break-word;
    }
    .footer-widget a {
        word-break: break-all;
    }


}

/*-------------------------------------------------------------
                    responsive end
-------------------------------------------------------------*/