@media only screen and (min-width: 1550px) {
    .getInvolvedSlider .slick-track {
        display: flex;
        gap: 30px;
    }
}
@media only screen and (max-width: 1701px) {
    .slider-buttons {
        padding-inline: 9px;
    }
    .slider-arrow {
        padding: 5px;
    }
}
@media only screen and (max-width: 1660px) {
    .donationImage {
        left: 0;
        right: 0;
    }
    .donationImage img {
        border-radius: 100px;
    }
    .slider-buttons {
        top: unset;
        transform: unset;
        bottom: -30px;
        justify-content: center;
        gap: 200px;
    }
    section.currentAppeal {
        background: url(https://resourcepad.io/indus-us-wp/wp-content/uploads/2024/04/div.slcr_row_curve-1.png) top/100% no-repeat !important;
    }
    .currentAppealText .section_heading {
        padding-top: 20px;
    }
    .addressPill.d-flex.align-items-center.justify-content-center.gap-20 a {
        font-size: 22px;
    }
}
@media only screen and (max-width: 1440px) {
    .gridContainer {
        grid-template-columns: 290px auto;
    }
    header nav {
        max-width: 500px;
    }
    .has-menu {
        position: static;
    }
    .mega-menu {
        width: 60%;
        min-width: auto;
        left: 0;
        margin: 0 auto;
        right: 0;
    }
    .mega-menu-container {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .has-menu:is(:hover, :focus)::after {
        display: none;
    }
    .mega-menu-container > .menu-box:nth-of-type(2n) {
        padding-inline: 0;
        border-inline: none;
    }
    .slick-slide > * {
        display: block;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 1550px) {
    .slick-slide {
        padding-inline: 8px;
    }
    .bannerSlider .slick-slide {
        padding-inline: 0;
    }
}
@media only screen and (max-width: 1240px) {
    .pillWithBackground {
        padding: 20px 40px;
    }
    .singlePageGrid {
        grid-template-columns: auto 340px;
        gap: 20px;
    }
    .postCategories li {
        font-size: var(--fs-12);
        padding: 10px 14px;
        top: 10px;
        left: 10px;
    }
    .formatContent :is(h1, h2, h3, h4, h5, h6) {
        font-size: var(--fs-25);
    }
    .formatContent :is(p) {
        font-size: var(--fs-18);
    }
    .currentAppeal {
        background: 0 0 !important;
    }
    .currentAppealText * {
        color: #000;
        text-align: center;
    }
    .currentAppealText .icon_wrap i {
        color: #fff;
    }
    .currentAppealText .addressPill {
        margin-top: 15px;
		display: none !important;
    }
    .gridContainer {
        gap: 20px;
    }
    .involvedCardText h6 {
        font-size: var(--fs-20);
    }
    .pointCards {
        min-height: 270px;
    }
}
@media only screen and (max-width: 1175px) {
    .ctaSection .img_wrap img {
        width: 100%;
    }
    .bottomFooter.text-center p {
        font-size: 14px !important;
    }
    .involvedCardText {
        padding: 10px;
        max-width: 100%;
        background: var(--clr-silver-gradient);
        position: relative;
        width: 90%;
        margin: 0 auto;
        top: -30px;
        left: 0;
        bottom: -10px;
        border-radius: 12px;
    }
    footer * {
        text-align: center;
        justify-content: center;
        font-size: 17px !important;
    }
    .footerSearch,
    footer ul {
        margin: 0 auto;
    }
    .footer_list li::marker {
        display: none;
        color: #fff;
    }
    .footerSearch input {
        text-align: left;
    }
    .involvedCardText img {
        filter: brightness(100);
    }
    .getInvolved.panelSection img {
        width: 100%;
        border-radius: 0 !important;
    }
    .bannerHeading {
        font-size: var(--fs-45);
    }
    .bannerTextWrapper {
        max-width: 527px;
    }
    .navList > li > a {
        font-size: var(--fs-16);
    }
    .mega-menu-container {
        padding: 17px 23px;
    }
    .menu-title {
        font-size: var(--fs-20);
    }
    .menu-list li a {
        font-size: var(--fs-14);
    }
    .partners-map-slider {
        background: 0 0;
    }
    .partner-map-list {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
	
	.otherPageBannerContainer {
		flex-wrap: wrap;
		flex-direction: column;
	}
}
@media only screen and (max-width: 992px) {
	
	.successStorySection .storyImage {
		height: auto !important;
	} 
	
    .gridContainer,
    .mega-menu-container,
    .singlePageGrid {
        grid-template-columns: 1fr;
    }
    :root {
        --font-controller: 2px;
        --section-padding: 10px 0;
    }
    .stockDonationCards {
        flex-direction: column-reverse !important;
        margin-bottom: 15px;
    }
    .stockDonationCards .number {
        flex-direction: column !important;
        padding: 40px !important;
        border-radius: 100% !important;
        max-width: max-content;
        margin-bottom: 10px;
    }
    .chaptersCta img,
    .fundraiseCta img,
    .impactHorizontalCardNumber::after,
    .slider-buttons,
    .storySlider .play-icon {
        display: none;
    }
    section {
        overflow-x: hidden;
    }
    header .container {
        max-width: 100%;
    }
    .dots-md .slick-dots,
    .headerButtons#mobileHeaderButton {
        display: block !important;
    }
    .chapterLinkContainer {
        gap: 15px;
    }
    .involvedCard button {
        min-height: auto;
        max-width: 220px;
        padding: 30px;
        margin-top: 0;
        top: 0;
        border-radius: 5px;
    }
    .involvedCard img {
        width: 100%;
    }
    .chaptersCta a,
    .fundraiseCta a {
        display: block;
        margin: 0 auto;
        max-width: max-content;
    }
    .involvedText,
    .mobileContainer .headerLogo,
    .pointCards {
        min-height: auto;
    }
    .involvedCard:hover .involvedText,
    .slick-current .involvedText {
        outline-width: 3px;
    }
    .employeeStepCards {
        margin: 70px 0;
    }
    .fundraiseCta {
        padding-inline: 1rem;
    }
    .gridContainer .gridItem,
    .stockStepCards .icon_wrap,
    .stockStepCards .text_wrap {
        position: static;
    }
    .mega-menu-container {
        max-height: 590px;
        overflow-y: scroll;
        border-radius: 4px;
    }
    .mega-menu-container::-webkit-scrollbar {
        width: 4px;
    }
    .mega-menu {
        padding-top: 20px;
        left: 0;
        right: 0;
    }
    .appealCardText {
        padding: 15px 10px;
    }
    .appealCardText .icon_wrap {
        flex-shrink: 0;
        height: 30px;
        width: 30px;
    }
    .small_title {
        margin-bottom: 0.7em;
    }
    .storySliderButtons button {
        height: auto;
        width: auto;
    }
    .storyImage img {
        position: absolute;
        min-height: 470px;
        object-fit: cover;
        object-position: center;
        border-radius: 4px;
        width: 100%;
    }
    .successStoryMain {
        position: relative;
        background: 0 0;
        padding-block: 50px;
        transform: unset;
    }
    .hospitalCardText,
    .impactHorizontalCardText,
    .pointCards {
        padding: 20px 15px;
    }
    .involvedCardText .section_heading {
        font-size: var(--fs-25);
    }
    .newsletterInput {
        flex-direction: column;
        gap: 5px;
    }
    .newsletterInput button,
    .newsletterInput input {
        max-width: 100%;
        width: 100%;
    }
    .donateSection {
        --offset: 0px;
    }
    .donateSection .container {
        padding-top: 40px;
    }
    .donationImage img {
        border-radius: 70px;
    }
    .horizontalCardSlider .slick-track,
    .oneSideSlider .slick-track {
        gap: 10px;
    }
    .hospitalCardText {
        opacity: 1;
        background: #fff;
        transform: unset;
    }
    .hospitalCardText h6 {
        color: #000;
    }
    .hospitalCardText p {
        color: #646464;
    }
    .hospitalCards,
    .pointCards {
        margin: 0 auto;
    }
    .pointCards .icon_wrap {
        position: static;
        min-height: auto;
        padding: 20px 10px;
    }
    .pointSlider .item {
        padding-top: 0;
    }
    .horizontalHoverCardsText {
        position: relative;
        opacity: 1;
        padding: 20px 10px;
        min-width: auto;
        border-radius: 0 0 10px 10px;
        min-height: auto;
        z-index: 2;
        top: -20px;
    }
    .horizontalHoverCards {
        --controller: 0;
        flex-direction: column;
        border-radius: 23px;
        overflow: hidden;
        margin: 0 auto;
    }
    .impactHorizontalCards {
        flex-direction: column !important;
        min-height: auto;
        margin-bottom: 20px;
    }
    .impactHorizontalCards * {
        text-align: center;
    }
    .videoStorySection .slick-track {
        gap: 0;
        min-height: auto;
    }
    .otherAppealSlider .item {
        margin-right: 0;
    }
    .otherAppealCard {
        max-width: 270px;
        width: 100%;
        margin: 0 auto;
    }
    .otherAppealCardText {
        opacity: 1;
        background: rgba(0, 0, 0, 0.6);
    }
    .partners-map-slider {
        background: 0 0;
    }
    .partner-map-list {
        position: static;
        display: grid;
        gap: 15px;
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 15px;
    }
    #map_inner a,
    .currentAppealText .addressPill,
    .tt_sm {
        display: none !important;
    }
    .partners-map-slider .img_wrap {
        width: auto;
    }
    .partner-map-list li {
        margin-bottom: 0;
        font-size: var(--fs-16);
    }
    .partner-map-list li .icon {
        padding: 8px;
    }
    .partners-map-slider img {
        min-height: auto;
        width: auto;
    }
    .mobileContainer .headerLogo img {
        width: 125px;
        max-width: 100%;
        scale: 1;
    }
    .mobileContainer {
        padding-block: 0px;
    }
    .headerInfolist a {
        font-size: 13px !important;
    }
    .headerSocialList a {
        font-size: 14px;
        width: 30px;
        height: 30px;
    }
    .headerInfolist {
        max-width: max(360px, 100%);
    }
    .mobileLogo img {
        width: 110px;
    }
    .topHeader {
        gap: 5px;
    }
    .valueCards h6 {
        font-size: 24px;
    }
    .valueCards .icon_wrap {
        min-width: 100px;
    }
    .valueCards p {
        font-size: 14px;
        padding: 0;
    }
    .newsletterInput input:not([type="submit"]),
    .newsletterInput input[type="submit"] {
        margin-bottom: 10px !important;
    }
    .ctaSection,
    .successStoryMain,
    .successStorySection {
        padding-bottom: 0;
    }
    .footerInfoList li a {
        justify-content: start;
        padding-left: 50px;
        text-align: left;
    }
    .asideList li a {
        padding: 7px 0 !important;
        border-bottom: 1px solid #878787;
    }
    .asidelabel {
        padding: 5px;
        margin: 0 0 10px;
    }
    .asideMain {
        padding-inline: 8px;
    }
    .bannerTextWrapper {
        align-items: center !important;
        text-align: center !important;
        padding-top: 40px !important;
    }
    .bannerTextMain {
        min-height: auto !important;
    }
    .sm_state.sm_state {
        cursor: default !important;
    }
    .tt_sm:has(.tt_mobile_sm) {
        display: block !important;
    }
    #map_inner a {
        position: absolute !important;
        right: 100vw;
    }
    .pillWithBackground .before-theme-check-red::before {
        margin-top: 5px !important;
    }
    .fancybox-toolbar {
        top: 25%;
    }
}
@media only screen and (max-width: 767px) {
    :root {
        --font-controller: 3px;
        --section-padding: 40px 0;
    }
    .employeeStepCards {
        width: 70%;
        margin: 0 auto 145px !important;
    }
    .aboutAppealPill {
        min-height: 120px;
        padding: 5px;
        gap: 0px !important;
    }
    max-width .aboutAppealPill h6 {
        line-height: 1;
        margin-bottom: 6px;
    }
    .reversePanels .row:nth-of-type(2n),
    .reversePanels .row:nth-of-type(odd) {
        flex-direction: column-reverse;
        text-align: center;
        padding-block: 20px;
        border-block: 1px solid #e7e7e7;
    }
    form[data-form-id="1"] .es-form-field-container .gjs-row {
        flex-wrap: wrap !important;
    }
    .newsletterInput input:not([type="submit"]),
    .newsletterInput input[type="submit"] {
        margin: 0;
        width: 100%;
        max-width: 100%;
    }
    .waysToDonateCard {
        min-height: auto;
    }
    .storySlider .play-icon,
    br {
        display: none;
    }
    .bannerImage img {
        min-height: auto;
        object-fit: contain;
        border-radius: 0 0 0 200px;
        top: 0;
    }
    .currentAppealText {
        margin-bottom: 40px;
    }
    .storySliderButtons button {
        height: 45px;
        width: 45px;
    }
    .storySlider .item {
        margin-right: 0;
    }
    footer {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .footerLogo {
        margin-bottom: 20px;
    }
    .topFooter {
        margin-bottom: 0;
    }
    .donationImage img {
        min-height: 440px;
    }
    .donationFormContainer {
        padding-inline: 20px;
    }
    .presetAmounts label {
        flex: 1 0 40%;
    }
    .presetAmounts label:last-of-type {
        flex: 1 0 100%;
    }
    .employeeCardText {
        min-height: 300px;
    }
    .employeeStepCards .icon img {
        width: 90px;
    }
    .employeeCardText h6 {
        font-size: 20px;
    }
    .employeeStepCards .icon {
        bottom: -60px;
    }
}
@media only screen and (max-width: 580px) {
    .videoStorySlider .item.slick-active iframe {
        width: 100%;
        height: 315px;
    }
    .videoStorySlider iframe {
        width: 100%;
        height: 200px;
    }
    body.appeal-template-zakat p {
        font-size: 22px !important;
    }
    .calculateZakatCards .mb-2.pb-lg-3 {
        display: none;
    }
}
@media only screen and (max-width: 480px) {
    :root {
        --font-controller: 3.5px;
        --section-padding: 20px 0;
    }
    .valueHoverList li {
        margin-bottom: 20px !important;
    }
    .memberCard {
        min-height: auto;
    }
    .memberCard img {
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
    .pillWithBackground {
        padding: 10px;
        margin-bottom: 15px !important;
    }
    .pillWithBackground p {
        display: flex;
        align-items: start;
        justify-content: start;
        align-items: start !important;
        gap: 10px !important;
    }
    .pillWithBackground i {
        margin-right: auto;
    }
    .pillWithBackground .before-theme-check-red::before {
        position: static;
    }
    .employeeStepCards .stepName {
        min-height: auto;
        padding: 10px;
    }
    .employeeCardText {
        min-height: 280px;
    }
    .employeeStepCards .icon {
        padding: 20px;
    }
    .before-theme-check-red::before {
        left: -40px;
    }
    .asideList li a {
        padding: 17px 0;
    }
    .asideBottom {
        display: none;
    }
    .valueHoverList li:last-child {
        margin-bottom: 0;
    }
    .boardMemberText,
    .patientSuccessCardsText,
    .reportCardText {
        padding: 10px;
    }
    .blogDate {
        width: 60px;
        height: 60px;
    }
    .employeeMatchBox {
        padding: 20px 10px;
        min-height: auto;
    }
    .accordion__container,
    .calculateZakatCards {
        padding: 15px;
    }
    .calculateZakatCards svg {
        width: 70px;
    }
    .zakat-section-1,
    .zakat-section-7,
    .zakat-section-9 {
        min-height: auto;
        position: relative;
        padding-block: 50px;
    }
    .zakat-section-9::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.45);
        display: block;
    }
    .zakat-section-9 .container {
        position: relative;
        z-index: 3;
    }
    .form-style-1 :is(input, select, textarea),
    .form-style-2 :is(input, select, textarea) {
        min-height: 44px;
        padding-left: 13px;
    }
    .chapterLinkContainer a {
        padding: 10px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
        font-size: 20px;
        font-weight: 700;
        color: #4c4848;
    }
}
@media only screen and (max-width: 1440px) {
    .menu-list li a {
        font-size: 14px;
        width: 95%;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .mega-menu-container {
        padding: 12px 15px;
        width: 87%;
    }
    .menu-title {
        font-size: 20px;
    }
    .bannerImage img {
        height: auto !important;
        width: auto !important;
		min-height: 490px;
    }
    .bannerSubTitle {
        font-size: 15px;
    }
    .bannerSubTitle + a.btn {
        padding: 14px 24px;
        font-size: 14px;
    }
    .bannerTextWrapper {
        min-height: 405px;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        max-width: 535px;
        width: 100%;
        padding-top: 80px;
        padding-inline: 0px;
    }
    .bannerTextMain {
        min-height: 497px;
        padding-top: 0;
    }
    .appealGalleryCards img {
        max-width: 352px;
        width: 100%;
        object-fit: cover;
    }
    .testiCardName,
    .zakat-section-5 p {
        font-size: 16px !important;
    }
    footer .img_wrap:nth-child(2) {
        text-align: center;
    }
    .gridSection .gridItem:nth-child(2) div:has(.valueHoverList) .text_wrap {
        padding-left: 70px;
    }
    .currentAppealText {
        flex-wrap: nowrap;
    }
    .currentAppealText .section_heading {
        padding-top: 0;
    }
    .blogCardText .text_wrap {
        max-width: 260px;
        width: 100%;
    }
    .currentAppeal .label-before {
        margin-bottom: 16px;
    }
    .homeAboutSection .container > .section_heading {
        margin-bottom: 30px !important;
    }
    .homeAboutSection .row > .col-lg-5 {
        align-self: start;
    }
    .gridSection .section_label {
        margin-left: 40px !important;
    }
    .bannerTextWrapper span {
        display: inline;
    }
    .calculateZakatCards,
    .waysToDonateCard {
        height: 100%;
    }
    .waysCardHeader {
        min-height: 106px;
    }
    .appealImpactCards p,
    .waysToDonateCard p {
        font-size: 12px !important;
    }
    .gallerySection img {
        width: 300px;
        object-fit: cover;
    }
    .appealImpactSection .row,
    .formPanelSection .row,
    .panelSection .row {
        align-items: start !important;
    }
    .appealImpactSection .section_heading + p,
    .stockDonationCards .text p {
        font-size: 14px !important;
    }
    .dtd-lets-check {
        position: relative;
        left: -25px;
    }
    .zakat-section-3 {
        isolation: isolate;
    }
    .zakat-section-3::after {
        display: block !important;
        z-index: -1;
        left: -260px;
    }
    .zakat-section-5 .row {
        align-items: center;
    }
    .zakat-section-6 .section_heading {
        margin-bottom: 40px !important;
    }
    .zakat-section-6 a {
        margin: 0 !important;
    }
    .zakat-section-6 p:nth-child(2) {
        margin-bottom: 17px !important;
    }
    .calculateZakatCards p {
        font-size: 20px !important;
    }
    .appealImpactSection .btn {
        margin-bottom: 20px !important;
    }
    .bannerSubTitle {
        max-width: 350px;
        width: 100%;
    }
    .boardMembersSection .memberCard {
        min-height: 390px;
    }
    .volunteerForm label {
        font-size: 16px;
    }
    .panelSectionTextBasic li::before {
        position: relative;
        top: 4px;
    }
}
@media only screen and (min-width: 2900px) {
    .storyImage img {
        width: 43%;
    }
}
@media only screen and (max-width: 768px) {
    #getInvolvedSectionScreen {
        display: none !important;
    }
    #getInvolvedSliderSection {
        display: block !important;
    }
    .reversePanels .row:nth-of-type(2n),
    .reversePanels .row:nth-of-type(odd) {
        display: flex;
    }
	
	.otherPageContainer .bannerImage img {
		border-radius: 0px !important;
	}
}

/* Devices larger than mac */
@media only screen and (min-width: 2049px) {
/*     .bannerImage {
        height: 100% !important;
        width: 35% !important;
    } */
	.currentAppealCardText {
		background: #FFF;
	}
	
	
.banner .container {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
	.bannerImage {
    position: static;
    left: auto;
    right: auto;
    right: a;
    width: auto;
    height: auto;
}
	
    .bannerTextMain {
        height: auto !important;
        min-height: auto;
        background-color: #f0f6ff !important;
        background-image: none !important;
    }
	.bannerImage img {
	position: static;
		height: auto;
	}
	
    .bannerTextWrapper {
/*         padding-top: 0 !important; */
/*         padding-bottom: 258px !important; */
/*         height: 50% !important; */
/*         padding-inline: 0px !important; */
/*         position: relative; */
		padding: 0;
    }
/*     .successStoryMain div:has(> .section_heading) {
        position: relative;
        left: -15%;
    } */
/*     .video-link > img[data-src] {
        min-width: 650px !important;
    } */
/*     .video-link .play-icon img {
        height: 250px;
        width: 250px;
    } */
/*     .storyImage img {
        width: 54%;
    } */
	
    .storyImage img {
        border-radius: 65px;
        width: 900px;
    }
	
	.successStorySection {
    max-width: 2000px;
    width: 100%;
    margin: 0 auto;
}
	
	
	
    .partnerHospitalSection .slider-buttons,
    .pointSliderSection .slider-buttons {
        width: 35%;
        transform: translate(-50%, -50%);
        left: 50%;
    }
    .successStorySection .storySlider a[data-fancybox="gallery"] img {
        min-width: 650px;
    }
	
	.googleMapWrapper > * {
		height: 35%;
	}
	
	div:has(> .otherPageBannerContainer) {
		background-color: #F0F6FF;
		background-image: none !important;
	}
	
	
	.otherPageBannerContainer {
		margin-inline: auto !important;
	}

}

@media only screen and (max-width: 500px) {
	.bannerImage img {
		min-height: auto !important;
		border-radius: 0px !important;
	}

}



/* Responsive quries   */

@media only screen and (max-width: 767px) {
	.vc_item {
        height: 137px !important;
    }
.vc_images_carousel {
    max-width: 740px !important;
}	
		
}


@media only screen and (max-width: 580px) {
	.vc_carousel-inner {
    height: 138px;
}
	
	
}

@media only screen and (max-width: 360px) {
	.vc_carousel-inner {
    height: 31px;
}
	
	
}


/* Responsive quries   */

@media only screen and (max-width: 767px) {
	.vc_item {
        height: 137px !important;
    }
.vc_images_carousel {
    max-width: 740px !important;
}	
.vc_images_carousel .vc_carousel-control.vc_right {
    right: 283px !important;
}
.vc_images_carousel .vc_carousel-control.vc_right {
    left: auto;
    right: 87px !important;
}	
		
}


@media only screen and (max-width: 580px) {
	.vc_carousel-inner {
    height: 138px;
}
	
}

@media only screen and (max-width: 360px) {
	.vc_carousel-inner {
    height: 138px !important;
}

.vc_images_carousel .vc_carousel-control.vc_right {
        left: auto;
        right: 390px !important;
    }
	
	
}

@media only screen and (max-width: 425px) {
	

.vc_images_carousel .vc_carousel-control.vc_right {
        left: auto;
        right: 368px !important;
    }
	
	
}