@media (min-width: 1600px) {
    .container {max-width: 1550px;}
    .main-header .navbar-nav {gap: 0.75rem;} 
    .homepage .home-banner .h1-ls{font-size: 70px;}   
}
@media (max-width: 1599px) {
    .homepage .home-banner .banner-bg {height: 810px;}
}
@media (min-width: 1400px){
    .img-position {position: absolute;bottom: 0;right: -140px;}
    .our-mission-main .header-text {font-size: 36px;}
    .home-project-sec .owl-carousel .owl-stage {padding-top: 55px;}
    .home-project-sec .owl-carousel .owl-item {transition: transform .5s ease;}
    .home-project-sec .owl-carousel .owl-item.center {transform: scale(1.1)translateY(-9%);}
    .home-project-sec .owl-carousel .owl-item.active:not(.center) {transform: scale(0.88);}
}
@media (max-width: 1399px){
    .img-position {max-width: 410px;width: 100%;}
    .stage-img-order {order: -1;}
    .stage-img-order img {max-width: 410px;width: 100%;}
    .project-sec .swiper-slide {max-width: 700px;}
    .homepage .home-banner .banner-bg {height: 730px;}
    .our-mission-main .mission-border {width: 100%;height: 1px;}
}
@media (min-width: 1200px){
    .main-header .contact {padding-left: 17%;}
    .main-header ul.nav-subitem {
        position: absolute;
        background: var(--white);
        z-index: 1024;
        padding: 8px 0px;
        min-width: 200px;
        box-shadow: 0 0 15px #cccccc57;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: opacity 0.3s ease, transform 0.5s ease;
        border-radius: 6px;
        list-style: none;
    }
    .main-header .navbar-nav {margin: 0px auto;}
    .main-header .nav-item.submenu:hover .nav-subitem {opacity: 1;visibility: visible;transform: translateY(0px);}
    .youth-main .youth-card img, .women-saints .saints-card img {width: 50%;}
}
@media (max-width:1199px){
    .homepage p, .timeline-section .timeline-content ul{font-size: 16px;}
    .homepage .highlight .card {font-size: 16px;}
    .about-img-w {width: 500px;}
    .copy-right .sec-display{display: grid;justify-content: center;text-align: center;}
    .homepage .event-chart .date {font-size: 20px;}
    .homepage .home-banner .banner-bg {height: 640px;}
    .main-header .offcanvas {background: var(--light-blue);}
    .main-header .offcanvas .nav-link {text-align: left;padding: 11px 16px;text-decoration: none;color: var(--dark-blue);}
    .main-header .offcanvas .nav-item {border-bottom: 1px solid #052b541c;}
    .main-header .navbar-collapse {height: 100%; overflow-y: auto;}
    .main-header .offcanvas .donate-btn {padding: 11px 16px;}
    .main-header .offcanvas .nav-link.active, .main-header .offcanvas .nav-link:hover {background: var(--dark-blue);color: var(--white);}
    .main-header .res-sidebar-btn, .main-header .close {background: var(--dark-blue);color: var(--white);font-size: 18px;border: 0;border-radius: 4px;}
    .main-header .nav-subitem.dropdown-menu {background: var(--white);border-radius: 0;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);margin-top: 0;}
    .main-header .submenu .nav-link {display: flex;justify-content: space-between;gap: 0.5rem;align-items: center;}
    .res-img-w {max-width: 410px;width: 100%;}
    .order-img {order: -1;}   
    .cus-swiper .swiper-content {margin: 0 10%;}
    .bapushree-main .yt-link iframe {height: 450px;}   
}
@media (max-width: 991px){
    .upcoming-event .res-width {width: 350px;}
    .bapushree-main .bapushree-tab .nav-pills {flex-direction: row;flex-wrap: wrap;}
    .bapushree-main .bapushree-tab .nav-link {padding: 12px;}
    .bapushree-main .bapushree-tab .nav-link h4 {font-size: 20px;}
    .bapushree-main .bapushree-tab .nav-link.active::after {display: none;} 
    .timeline-section .timeline-item .year {font-size: 20px;}
    .timeline-section { & .timeline { &::before {top: 58%;}} .progress-line {top: 58%;}}
    .youth-main .youth-card, .women-saints .saints-card {flex-direction: column;gap: 0.5rem;}
    .homepage .home-banner .banner-bg {height: 580px;} 
    .coming-soon {background: url(../img/tab-bg.jpg)no-repeat top center; background-size: cover;}
}
@media (max-width: 767px) {
    .main-header .context {justify-content: center;display: grid;justify-items: center;}
    .homepage .order-change {order: -1;text-align: center;}
    .homepage .order-change .image-width-res {width: 380px;}
    .f-18 {font-size: 16px;}
    .homepage .home-banner .banner-bg {height: 405px;}
    .homepage .home-banner .banner-animation {margin-top: 30px;}
    .homepage .home-banner .h1-ls{font-size: 32px;}
    .homepage .home-banner .h3-ls{font-size: 20px; letter-spacing: 5px;margin-bottom: 7px;}
    .homepage .home-banner .circle-img-svg {top: -25px;}
    .bapushree-main .bapushree-tab .nav-link h4 {font-size: 18px;}
    .cus-swiper .swiper-slide {width: 100%;height: auto;}
    .cus-swiper .swiper-content {margin: 0 2%;}
    .bapushree-main .yt-link iframe, .location-sec .loaction-iframe iframe {height: 350px;}
    .timeline-section .timeline {width: max-content;}
    .timeline-section .timeline-item .year {font-size: 18px;}
    .timeline-section .timeline-item .dot {width: 12px; height: 12px;}
    .youth-main .dis-flex, .women-saints .dis-flex {gap: 0.5rem;}
    .youth-main .dis-flex .p-top, .women-saints .dis-flex .p-top {padding-top: 30px;}
    .donate-qr .nav-link {min-width: 250px; font-size: 20px;}    
}
@media (max-width: 575px) {
    .main-header .line {display: none;}
    .main-header .contact {display: grid;justify-items: center;}
    .bapushree-main .bapushree-tab .nav-link {width: 100%;}
    .coming-soon {background: url(../img/Mob-bg.jpg)no-repeat top center; background-size: cover;}
}
@media (min-width:450px) and (max-width:576px){
    .homepage .banner-animation {margin-left: 11%;margin-right: 11%;}
}



/* -------------------------------- pushpendra css start-------------------------------------- */
/* media query */
@media (max-width: 991px) {
    .contact-main {
        .contact-form-sec {
            padding: 25px 0px;
        }
        .contact-info,
        .contact-form {
            width: 100%;
        }
        .map-wrapper-sec {
            padding: 0px 0px 25px 0px;
        }
    }
    .overlay h3 {
        font-size: 25px;
    }
    .overlay p {
        font-size: 16px;
    }
    .gallery-details {
        .gallery-grid {
            grid-template-columns: repeat(3, 1fr);
        }
    }
}
@media (max-width: 767px) {
    .contact-main {
        .map-wrapper {
            margin-bottom: 20px;
        }
    }
    .overlay h3 {
        font-size: 20px;
    }
    .overlay p {
        font-size: 14px;
    }
    .gallery-details {
        .gallery-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }
}
@media (max-width: 575px) {
    .gallery-details {
        .gallery-grid {
            grid-template-columns: repeat(1, 1fr);
        }
        #lightbox-img {
            width: 250px;
        }
        .gallery-title {
            font-size: 22px;
        }
    }
    .join-community-form {
        .contact-form-sec {
            padding: 15px 0px;
        }
    }
}
/* -------------------------------- pushpendra css end-------------------------------------- */