/* Default styling for extra large screens (2560px and above) */
@media screen and (min-width: 2560px) {
    .sponser-button {
        right: 7px;
        width: 222px;
    }
}

/* Large screens (1440px to 2560px) */
@media screen and (max-width: 2560px) and (min-width: 1440px) {
    .sponser-button {
        right: 32px;
        width: 242px;
    }

    .hut_slider_div {
        padding-left: 60px;
        padding-right: 75px;
    }

    .gallery_sign {
        bottom: -75px;
    }

    .hexagonRowmr {
        margin-right: 70px;
    }
}
















@media(max-width: 1192px) {
    .sponser-button {
        right: -2px;
        width: 181px;
    }

    .custom-slider .carousel-item h5 {
        font-size: 24px;
    }

    .custom-slider .carousel-item p {
        min-height: 160px;
        line-height: 26px;
    }

    .hut_count_heading,
    .sponser-button {
        font-size: 16px;
    }

    .hut_count_nmbr {
        font-size: 18px;
    }

    .cutcirclebox {
        width: 840px;
        height: auto;
    }

    .cutcirclerowOne {
        top: 20px;
    }

    .lrcFaq .accordion-button,
    .lrcFaq .accordion {
        font-size: 20px;
    }

    .zeena_text {
        font-size: 22px;
    }

    .trapezoid-container .front p {
        font-size: 18px;
    }

    .trapezoid-container .front h3 {
        font-size: 20px;
    }

    .trapezoid-container .front {
        padding: 20px;
    }

    .lrc-last-donate .carousel-caption {
        height: 100px;
    }

    .lrc-last-donate .carousel-caption {
        top: 50%;
    }

    .carousel-bg-middle .carousel-caption {
        top: 47%;
    }


    .lrc-last-donate-last .carousel-caption {
        top: 47%;
    }

    .mvv-lg-height {
        height: 516px;
    }

    .man_descr_med {
        font-size: 14px;
    }

    .man_descr_med {
        font-size: 14px;
    }

    .man_descr_small {
        font-size: 100%;
    }

    .man_descr_med {
        font-size: 100%;
    }

    .man_descr_lg {
        font-size: 100%;
    }

    .Slickimage-container .image {
        height: 290px;
    }

    .benevity-bg {
        min-height: 140px;
        align-items: center;
        justify-content: center;
    }

    .doubledonation-bg {
        min-height: 140px;
        align-items: center;
        justify-content: center;
    }

    .every-bg {
        min-height: 140px;
        align-items: center;
        justify-content: center;
    }

    .my-navbar .navbar-nav .nav-link {
        padding: 8px 10px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 38px;
        width: 38px;
        right: 30px;
        bottom: 30px;
        border-radius: 4px;
    }
}

@media(max-width: 992px) {
    .my-navbar {
        height: 60px;
    }

    .nav_logo {
        height: 70px;
    }

    .mt-130 {
        margin-top: 69px;
    }

    .my-navbar .my-d-flex {
        top: 20px;
    }

    .my-navbar .navbar-nav .nav-link {
        display: inline-block;
        min-width: 225px;
        margin-bottom: 8px;
    }

    .my-navbar-collapse {
        background-color: #fff;
        padding: 10px 10px 10px 0px;
        margin-top: 5px;
    }

    .big_h {
        font-size: 36px;
    }

    #typewriter-heading {
        max-width: 300px;
        font-size: 23px;
    }

    .custom-slider .carousel-item h5 {
        font-size: 20px;
    }

    .sponser-button {
        right: -3px;
        width: 174px;
    }

    .reachBox1 h5,
    .reachBox2 h5,
    .reachBox3 h5,
    .reachBox4 h5 {
        font-size: 18px;
    }

    .reachBox1 ul,
    .reachBox2 ul,
    .reachBox3 ul,
    .reachBox4 ul {
        font-size: 16px;
        line-height: 24px;
    }

    .reachImg1,
    .reachImg2,
    .reachImg3,
    .reachImg4 {
        width: 150px;
        height: 150px;
    }

    .reachBox2,
    .reachBox4 {
        padding-left: 70px;
    }

    .reachBox3 {
        padding-right: 70px;
    }

    .my-dark-theme .navbar-light .navbar-toggler {
        background-color: #d9d9d9;
    }

    #themeToggle {
        margin-top: -15px;
    }

    .bg-1 {
        background-image: url(../images/bg-1.png);
        background-repeat: no-repeat;
        background-position: 205px 361px;
        background-size: 339px 197px;
        height: auto;
    }

    .flower-container {
        width: 250px;
        height: 250px;
    }

        .flower-container .flower-image {
            height: 120px;
        }

    .footer_expand:hover {
        height: 241px;
    }

    .custom-slider .carousel-item p {
        font-size: 18px
    }

    .custom-slider .carousel-item p {
        line-height: 24px;
        min-height: 170px;
    }

    .flower-container .image-1 {
        top: 10px;
    }

    .cutcirclebox {
        width: 700px;
        height: auto;
    }

    .cutcirclerowOne {
        top: 16px;
    }

    .cutcirclerowThree {
        bottom: 45px;
    }

    .cutcircletext {
        font-size: 14px;
    }

    .pieSlice .circle {
        width: 280px;
        height: 280px;
    }

    .pieSlice_edit_text {
        font-size: 14px;
        line-height: 18px;
    }

    .lrcFaq .accordion-button,
    .lrcFaq .accordion {
        font-size: 18px;
    }

    .trapezoid-container,
    .trapezoid-container .front, .trapezoid-container .back {
        clip-path: none;
    }

    .trapezoid-container {
        width: 100%;
    }

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

        .trapezoid-container .front h3 {
            font-size: 17px;
        }

        .trapezoid-container .front {
            padding: 20px 10px;
        }

    .zeena_text {
        font-size: 18px;
    }

    .hexagonRowmt {
        margin-top: initial;
    }

    .hexagonRowml {
        margin-left: 25px;
    }

    .hexagonRowml {
        margin-left: 25px;
    }

    .hexagonRowmr {
        margin-right: 65px;
    }

    .sbstair .box {
        font-size: 18px;
    }

    .lrc-last-donate .carousel-item img {
        height: 100px;
    }

    .lrc-last-donate .carousel-caption {
        top: 51%;
    }

        .lrc-last-donate .carousel-caption h2 {
            font-size: 24px;
        }

    .stretch-btn-bg {
        margin-top: 102px;
    }

    .don_end_title {
        font-size: 24px;
    }

    .mvv-lg-height {
        height: 641px;
    }

    .trapezoid {
        aspect-ratio: 2.5 / 3;
    }

    .Slickimage-container .image {
        height: 250px;
    }

    .Slickimage-container .title {
        font-size: 16px;
    }

    .Slickimage-container .link {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }

    #yearTabs.nav-tabs .nav-link {
        font-size: 14px;
        line-height: 14px;
    }

    .category-header h5 {
        font-size: 15px;
        font-weight: 500;
    }

    .shrinkNav.shrink .image-gold {
        top: 20px;
        margin-top: 25px;
    }

    .image-gold {
        right: 150px;
        top: 42px;
    }

    /*def*/

}


@media(max-width: 767.98px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
        width: 30px;
        height: 30px;
        background-size: 20px;
    }

    .my-navbar {
        height: 65px;
    }

    .nav_logo {
        height: 50px;
    }

    .mt-130 {
        margin-top: 20px;
    }

    .my-navbar-collapse {
        background-color: #fff;
        padding: 10px 10px 10px 0px;
        margin-top: 5px;
    }

    .my-navbar .my-d-flex {
        right: 10px;
    }

    .my-navbar .navbar-nav .nav-link {
        display: inline-block;
        min-width: 225px;
        margin-bottom: 8px;
    }

    .my-dark-theme .my-navbar-collapse {
        background-color: #121212;
    }

    .my-dark-theme .navbar-light .navbar-toggler {
        background-color: #d9d9d9;
    }

    .bg-1 {
        height: auto;
        text-align: center;
    }

    .big_h {
        font-size: 30px;
        margin-top: 10px;
    }

    #typewriter-heading {
        max-width: 250px;
        font-size: 23px;
    }

    .custom-slider .carousel-item h5 {
        font-size: 18px;
        margin-bottom: 15px;
        min-height: auto;
    }

    .custom-slider .carousel-item p {
        min-height: auto;
        font-size: 18px;
        line-height: normal;
    }

    #themeToggle {
        margin-top: -15px;
        margin-left: -30px;
    }

    .my-navbar.shrink {
        height: 65px;
        box-shadow: 0 .1rem .5rem rgba(0, 0, 0, .1);
    }

    .shrinkNav.shrink img {
        height: 50px;
    }

    .shrink .navbar-nav {
        margin-top: 0px !important;
    }

    .gallery_sign img {
        height: 90px
    }

    .gallery_sign p {
        margin: 0px;
        font-size: 16px;
    }

    .flex_container {
        display: block;
    }

        .flex_container img {
            max-width: 100%;
            width: 100%;
            height: 120px;
            object-fit: contain;
            margin-bottom: 1rem;
        }

    .slider-images {
        height: 475px;
    }

        .slider-images img {
            max-width: 100%
        }

    .p_top, .p_top4, .p_top3, .p_top2, .p_top5 {
        width: 100%;
    }

    .custom-card p, .custom-card2 p, .custom-card3 p, .custom-card4 p, .custom-card5 p {
        font-size: 16px;
    }


    .sponser-button {
        right: 3px;
        width: 220px;
    }

    .donate-radio-text {
        font-size: 14px;
        padding: 5px 3px;
    }

    .hut_count_heading {
        font-size: 15px;
    }

    .donate-tabs .nav-tabs .nav-link {
        font-size: 16px;
    }

    #formSection {
        scroll-margin-top: 100px; /* Adjust this value as needed */
    }

    .fs-xs-16 {
        font-size: 16px !important
    }

    .reachImg1,
    .reachImg3 {
        right: -30px;
        bottom: -120px;
        width: 100px;
        height: 100px;
    }

    .reachImg2,
    .reachImg4 {
        left: -30px;
        bottom: -120px;
        width: 100px;
        height: 100px;
    }

    #section-feature ul {
        padding-top: 20px;
    }

    .footer_expand_logo {
        height: 60px;
    }

    .footer_expand {
        height: 115px;
    }

    .comingSoon .logo {
        height: 110px;
    }

    .mvv-xs-padding {
        padding-left: 60px;
    }

    .mvv-xs-height {
        height: 395px;
    }

    .flower-container {
        width: 200px;
        height: 200px;
        margin-top: 75px;
        margin-bottom: 80px;
    }

        .flower-container .flower-image {
            height: 95px;
        }

    .flower-dynamic-content {
        margin-top: 68px;
        margin-bottom: 30px;
    }

    .button_magic {
        font-size: 16px;
    }

    .cutcirclerowOne,
    .cutcirclerowTwo,
    .cutcirclerowThree {
        position: initial;
        border: solid 1px #eee;
        padding: 10px 10px;
        transform: none;
    }

    .cutcirclebox {
        width: 100%;
        height: auto;
    }

    .cutcirclerowOne {
        border: solid 1px #aaa9b2;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
    }

    .cutcirclerowTwo {
        border-bottom: solid 1px #b13c20;
        border-right: solid 1px #b13c20;
        border-left: solid 1px #b13c20;
    }

    .cutcirclerowThree {
        border-bottom: solid 1px #e0ad39;
        border-right: solid 1px #e0ad39;
        border-left: solid 1px #e0ad39;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
    }

    .mx_auto_xs {
        margin: 0 auto;
    }

    .bg-contribution {
        background-image: none;
    }

    .lrcFaq .accordion-button {
        font-size: 16px;
        padding: 0px;
    }

    .question {
        padding: 5px 10px;
        min-width: 63px;
        text-align: center;
    }

    .lrcFaq .accordion {
        font-size: 16px;
    }

    .lrcFaq .accordion-body {
        padding: 10px 10px;
    }

    .lrcFaq .accordion-item {
        margin-bottom: 20px;
    }

    .bg-Faq {
        background-image: none;
    }

    .boxCurve {
        border: 0;
        border-radius: 0;
        transform: none;
        position: absolute;
        top: 45px;
        left: -10px;
        z-index: -1;
        width: 2px;
        height: 570px;
        background-color: #C8CDD6;
        margin: 50px;
    }

    .circle-container {
        gap: 5px;
    }

        .circle-container .heading {
            font-size: 18px;
        }

        .circle-container .paragraph {
            font-size: 16px;
        }

        .circle-container .circle {
            width: 100px;
            height: 100px;
        }

        .circle-container .circle-icon {
            background-size: 50px;
        }

    .trapezoid {
        width: 100%;
        margin: 0 auto;
        height: 200px;
    }


    .trapezoid-container .front {
        padding: 20px;
    }

    .zeena_text {
        font-size: 20px;
        top: 55%;
    }

    .mt-zeena-2, .mt-zeena-1 {
        margin-top: 0px;
    }

    .hexagonRowml {
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }

    .hexagonRowmr {
        margin-right: calc(-.5 * var(--bs-gutter-x));
    }

    .hexagon {
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .hexagonRowml p,
    .hexagonRowmr p {
        text-align: center;
    }

    .policy-header h1 {
        font-size: 1.7rem;
    }

    .policy-section h2 {
        font-size: 20px;
    }

    .policy-section p {
        font-size: 18px;
        line-height: 26px;
    }

    .lead {
        font-size: 18px;
        font-weight: 300;
        line-height: 24px;
    }

    .policycontent-wrapper ul {
        line-height: 26px;
    }

    .pt-100 {
        padding-top: 20px;
    }

    .bg-wrap::before {
        background-size: 50px, 50px;
    }

    .sbstair .triangle {
        width: 25px;
    }

    .sbstair .box {
        height: 65px;
        border-width: 10px;
        box-shadow: none;
        line-height: 21px;
    }

    .dimand_box_bg {
        background-size: contain;
        height: auto;
        padding-top: 0px;
        margin-top: 0px;
    }

    .lrc-last-donate .carousel-item {
        height: 325px;
        margin-bottom: 25px;
    }

    .stretch-btn {
        line-height: 32px;
        font-size: 12px;
    }

    .stretch-btn-bg {
        margin-top: 70px;
    }

    .stretch-btn:hover, .stretch-btn:active {
        letter-spacing: 0;
    }

    .don_end.list-unstyled {
        font-size: 16px;
    }

    .don_end_title {
        font-size: 20px;
    }

    .don_end .icon {
        width: 30px;
        height: 31px;
    }

    .don_end .list-item {
        padding-left: 40px;
        margin-bottom: 15px;
        font-size: 14px;
    }

    .digit_counter {
        min-width: 55px;
    }

    .glow-on-hover {
        font-size: 15px;
        margin-bottom: 10px;
        height: 45px;
    }

    .don_end.list-unstyled {
        margin-bottom: 35px;
    }

    .pieSlice_edit_text {
        font-size: 14px;
    }

    .pieSlice p {
        font-size: 16px;
        text-align: justify;
    }

    .pieSlice h2 {
        font-size: 19px
    }

    .pieSlice h4 {
        font-size: 18px;
    }

    .pieSlice .heartbeat .fs-5 {
        font-size: 16px !important;
    }

    .pieCard .card-body p {
        text-align: justify;
    }

    .fs-xs-20 {
        font-size: 20px;
    }

    .fs-xs-18 {
        font-size: 18px;
    }

    .flower-container .center-text {
        font-size: 18px;
        font-weight: 600;
    }

    .flower-dynamic-heading {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .flower-dynamic-content {
        font-size: 16px;
    }

    .cutcircletext {
        font-size: 14px;
    }

    .cutcircleHeading {
        font-size: 18px;
    }

    .gallery_sign {
        bottom: -25px;
    }

    .Slickimage-container .image {
        height: 130px;
    }

    .lrc_slick_slides .slick-prev {
        left: -12px;
    }

    .lrc_slick_slides .slick-next {
        right: -12px;
    }

        .lrc_slick_slides .slick-prev:before, .lrc_slick_slides .slick-next:before {
            font-size: 20px;
        }

    .cutcirclebox-xs {
        height: 110px;
        object-fit: contain;
    }

    .cursor,
    .cursor2 {
        display: none;
    }

    .masonry-tabs .nav-tabs .nav-item .nav-link {
        font-size: 13px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .every img,
    .Benevity img,
    .Double_the_Donation img {
        height: 30px;
    }

    .fs-xs-14 {
        font-size: 14px !important;
    }

    .vertical-text-side {
        padding: 6px 4px;
        font-size: 14px;
        width: 90px;
    }

    .benevity-bg,
    .doubledonation-bg,
    .every-bg {
        min-height: auto;
    }

    .hide_xs {
        display: none;
    }

    .shrinkNav.shrink .image-gold {
        top: -12px;
    }

    .image-gold {
        height: 45px;
    }

    .shrinkNav.shrink .image-gold {
        height: 45px;
    }

    .image-gold {
        right: 110px;
        top: 11px;
    }

    .sometime_Modal .carousel-item img {
        height: 280px;
    }

    .sometime_Modal .modal-header h5 {
        font-size: 16px;
    }
    .flood-detail-1 {
        height: 200px;
        object-fit: cover;
    }
}
/*abc*/


@media (min-width: 576px) and (max-width: 767px) {
    .sponser-button {
        right: -2px;
        width: 183px;
    }
}

@media (min-width: 429px) and (max-width: 450px) {
    .sponser-button {
        right: 4px;
        width: 234px;
    }
}

@media (min-width: 451px) and (max-width: 456px) {
    .sponser-button {
        right: 5px;
        width: 235px;
    }
}

@media (min-width: 457px) and (max-width: 464px) {
    .sponser-button {
        right: 6px;
        width: 237px;
    }
}

@media (min-width: 465px) and (max-width: 467px) {
    .sponser-button {
        right: 7px;
        width: 241px;
    }
}

@media (min-width: 467px) and (max-width: 470px) {
    .sponser-button {
        right: 10px;
        width: 241px;
    }
}

@media (min-width: 471px) and (max-width: 475px) {
    .sponser-button {
        right: 12px;
        width: 241px;
    }
}

@media (min-width: 476px) and (max-width: 480px) {
    .sponser-button {
        right: 15px;
        width: 241px;
    }
}

@media (min-width: 481px) and (max-width: 490px) {
    .sponser-button {
        right: 26px;
        width: 241px;
    }
}

@media (min-width: 491px) and (max-width: 500px) {
    .sponser-button {
        right: 33px;
        width: 241px;
    }
}

@media (min-width: 501px) and (max-width: 505px) {
    .sponser-button {
        right: 34px;
        width: 241px;
    }
}

@media (min-width: 506px) and (max-width: 510px) {
    .sponser-button {
        right: 39px;
        width: 241px;
    }
}

@media (min-width: 511px) and (max-width: 520px) {
    .sponser-button {
        right: 42px;
        width: 241px;
    }
}

@media (min-width: 521px) and (max-width: 530px) {
    .sponser-button {
        right: 57px;
        width: 241px;
    }
}


@media (min-width: 531px) and (max-width: 540px) {
    .sponser-button {
        right: 58px;
        width: 241px;
    }
}



@media (min-width: 541px) and (max-width: 550px) {
    .sponser-button {
        right: 64px;
        width: 241px;
    }
}

@media (min-width: 551px) and (max-width: 560px) {
    .sponser-button {
        right: 72px;
        width: 241px;
    }
}




@media (max-width: 375px) {
    .slider-images {
        height: 415px;
    }

    .sponser-button {
        right: 0px;
        width: 192px;
    }
}


@media (max-width: 320px) {
    .slider-images {
        height: 360px;
    }

    .sponser-button {
        right: -4px;
        width: 161px;
    }

    .hut_slider_div {
        padding-left: 35px;
        padding-right: 36px;
    }
}