@media screen and (max-height: 600px) {
    .custom-modal-wrap .modal-venue-wrapper {
        max-height: 40vh;
    }
}
@media screen and (min-width: 2300px) {
    .split-img-left-card p,
    .split-img-right-card p,
    .center-img-text-wrap p,
    .two-column-card p,
    .featured-icon-card p,
    .card-body p,
    .ftr-location ul li,
    .leaders-card p,
    .more-text-featured-card .read-toggle p,
    .featured-icon-card h6,
    .event-card p,
    .event-venue ul li,
    .excerpts p,
    .search-list ul li p,
    .nxt-prev-wrap a,
    .search-input input.wp-block-search__input,
    .video-item p {
        font-size: var(--22px);
    }
    .card-body h6 {
        font-size: var(--35px);
    }
    .ftr-widget p {
        font-size: var(--20px);
    }
    .ftr-widget p.footer-head,
    .event-venue p {
        font-size: var(--25px);
    }
    body {
        font-size: var(--22px);
    }
    .more-text-featured-card .continue-article p {
        font-size: var(--20px);
    }
    .jump-links p {
        font-size: var(--15px);
    }
    .event-thumb h6 {
        font-size: var(--35px);
        max-width: 20rem;
    }
    .blog-list h2,
    .search-list ul li h5 {
        font-size: var(--30px);
    }
    .post-date .date,
    .post-date .author-name {
        font-size: var(--18px);
    }
    .post-date .date::before {
        width: 19px;
        height: 19px;
    }
    .post-date .author-name::before {
        width: 16px;
        height: 16px;
    }
    .post-date .date {
        padding-left: 28px;
    }
    .post-date .author-name {
        padding-left: 23px;
    }
    .excerpts .wp-block-post-excerpt__more-link {
        font-size: var(--18px);
    }
    .blog-content {
        padding: 45px 45px 0 45px;
        gap: 22px;
    }
    .excerpts .wp-block-post-excerpt__more-text {
        bottom: 45px;
    }
    .blog-list li {
        padding-bottom: 8rem;
    }
    .blog-sidebar ul li a {
        font-size: var(--25px);
    }
    .blog-detail-card h4 {
        font-size: var(--37px);
    }
    .result-list-content {
        gap: 18px;
    }
    .blog-sidebar ul li {
        gap: 20px;
    }
    .blog-sidebar ul li time,
    .nav-wrapper ul li a {
        font-size: var(--17px);
    }
    .blog-sidebar ul li {
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }
}

@media screen and (min-width: 2000px) {
    .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
        max-width: 75%;
    }
    .split-img-left-wrap .split-img-left-card {
        gap: 110px;
    }
    .abt-sec .split-left-img img {
        width: 100%;
    }
}

@media screen and (min-width: 1920px) {
    /* h3.sec-head {
        max-width: 42%;
    } */
    .btn-wrap .btn a {
        font-size: 16px;
    }
    .btn-icon a {
        padding-left: 3rem;
    }
    .btn-wrap, .excerpts .wp-block-post-excerpt__more-text {
        gap: 15px;
    }
}

@media screen and (min-width: 1321px) and (max-width: 1500px) {
    .cca-logo {
        width: 18%;
    }
    .navbar {
        gap: 35px;
    }
    .header-btn a {
        padding: 10px 15px;
        font-size: var(--15px);
    }
}

@media screen and (min-width: 1680px) {
    .video-modal .modal-wrapper, .youtube-modal-content {
        max-width: 1200px;
        width: 100%;
    }
}

@media screen and (max-width: 1500px) {
    h5 {
        font-size: 2.2rem;
    }
    .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
        max-width: 90%;
    }
    /* button.btn.btn-white,
    .btn.btn-white a {
        font-size: 20px;
        gap: 10px;
    } */
    .jump-links p {
        font-size: 14px;
    }
    .event-wrapper, .blog-list {
        gap: 30px;
    }
   /* home page */
    .entry-content .church-family-sec{
        margin-top: -3rem;
    }

     /* find your place */
     .featured-icon-card-wrap {
        gap: 80px;
    }
    .btn-wrap .btn a {
        font-size: 16px;
        /* display: inline-block; */
    }
    .event-content .wp-block-buttons>.wp-block-button {
        width: 100%;
    }
    .event-card{
        padding-bottom: 11rem;
    }
    .btn-wrap{
        flex-direction: column-reverse;
    }
    .btn-icon a::before {
        width: 20px;
    }
    .btn-icon a::before{
        height: 19px;
    }
    /* events */
    .event-card figure{
        aspect-ratio: 16 / 8;
    }
    .featured-img-left, .we-believe-sec .featured-img-left {
        grid-template-columns: 43.5% 44.3%;
        gap: 5.8125rem;
    }
    .featured-img-left .right-wrap {
        padding: 3rem 0;
    }
    .search-result-wrap .result-list-card, .result-list-card {
        grid-template-columns: 25% 70%;
    }
    .give-content-wrapper.black-bg-absolute::before {
        height: 80%;
    }
    .video-modal .modal-wrapper, .youtube-modal-content {
        width: 70%;
    }
    .nav-wrapper ul li a {
        font-size: 14px;
    }
}

@media screen and (max-width: 1680px) {
    .navbar {
        gap: 1.5rem;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1320px) {
    .cca-logo {
        width: 20%;
    }
    .navbar {
        gap: 24px;
    }
    .nav-wrapper ul li a {
        font-size: var(--13px);
    }
    .header-btn a {
        font-size: var(--15px);
        padding: 10px 15px;
    }
    .video-item p {
        margin-top: 25px;
    }
    .video-item {
        margin-bottom: 3.5rem;
    }
    .search-list .result-list-img {
        height: 100%;
    }
    .search-list ul li figure {
        height: 100%;
        width: 100%;
    }
}

@media screen and (min-width: 991px) and (max-width: 1199px) {
    .event-card figure {
        aspect-ratio: 16 / 10;
    }
}


@media screen and (max-width: 1199px) {
    .cca-logo {
        width: 17%;
    }
    .navbar {
        gap: 17px;
    }
    .header-main .is-menu-open  ul{
        width: 100%;
        align-items: center !important;
    }

    .nav-wrapper ul li a {
        font-size: 12px;
    }
    .nav-wrapper .is-menu-open ul li a, .nav-wrapper .is-menu-open ul li .cust-submenu li a {
        font-size: 22px;
    }
    .header-btn a,
    .header-main.sticky .header-btn a {
        padding: 8px;
        font-size: 12px;
    }
    .video-gallery {
        column-gap: 2.9375rem;
    }
    .video-item p {
        margin-top: 20px;
    }
    .video-item {
        margin-bottom: 3rem;
    }
    .featured-content h4 {
        font-size: 35px;
    }
    .wp-container-core-post-template-is-layout-1.g-d-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .banner-new-slider .banner-caption h1 {
        font-size: 5rem;
    }
    .banner-new-slider .banner-caption h1{
        max-width: 46rem;
    }
    .btn-wrap, .excerpts .wp-block-post-excerpt__more-text {
        position: absolute;
        bottom: 9px;
        gap: 8px;
        padding-bottom: 1.5rem;
    }
    h4, .h4{
        font-size:2.6rem;
    }
    h3, .h3{
        font-size:3.0625rem;
    }
    .btn-medium a {
        font-size: var(--15px);
    }
    .featured-content p {
        font-size: 1.8rem;
    }
    .give-banner-pera p{
        max-width: 66vw;
    }
    .split-head-card h6 {
        font-size: 1.9rem;
    }
    .breadcrumb-wrap.fyp-breadcrumb .breadcrumb {
        margin-bottom: 25px;
    }
    .jump-links-wrap {
        margin-bottom: 25px;
    }
    /* who we are */
    .featured-img-left, .we-believe-sec .featured-img-left {
        grid-template-columns: 42.5% 48.3%;
        gap: 4.8125rem;
        padding: 6rem 0;
        align-items: flex-start;
    }
    .featured-text-wrap {
        gap: 1.5rem;
    }
    /* find your place */
    .jump-links-wrap.sticky {
        top: 63px;
    }
    .featured-icon-card-wrap {
        gap: 30px;
    }
     .featured-icon-card img {
        max-height: 50px;
    }
    /* .split-img-left-wrap .split-img-left-card {
        padding-bottom: 6rem;
    } */
    .split-img-left-wrap .split-img-left-card {
        grid-template-columns: calc(54% - 50px) calc(49% - 50px);
        gap: 4.25rem;
    }
    .event-card {
        padding-bottom: 10rem;
    }
    /* going deeper*/
    .post-date {
        gap: 10px;
        flex-wrap: wrap;
    }
    .post-date .date, .post-date .author-name {
        padding-left: 24px;
    }
    .blog-list li figure {
        aspect-ratio: 16 / 10;
    }

    /* pop up */
    .leader-bio-modal .modal-wrapper {
        width: 72%;
    }
    .blog-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .blog-detail-sec .blog-detail-wrap {
        grid-template-columns: 64% 30%;
    }
    .search-list .result-list-img {
        height: 100%;
    }
    .search-list ul li figure {
        height: 100%;
        width: 100%;
    }
    .video-item h2 {
        font-size: var(--20px);
    }
    .newsletter-form {
        max-width: 82%;
    }
    .breadcrumb-wrap .breadcrumb {
        margin: 6rem 0 50px;
    }
    .blog-sidebar h6 {
        font-size: var(--25px);
    }
    .entry-content .church-family-sec {
        margin-top: 6rem;
        padding-top: 6.25rem;
    }
    .modal-wrapper {
        width: 58%;
    }
    .modal-content {
        padding-left: 3.625rem;
        padding-right: 3.625rem;
    }
    .give-content-wrapper.black-bg-absolute::before {
        height: 85%;
    }
    .give-content-wrapper .center-img-text-wrap {
        padding-bottom: 0;
    }
    .way-card {
        max-width: 41vw;
    }
    .contact-sec .contact-wrap {
        grid-template-columns: calc(46% - 30px) calc(33% - 30px);
    }
    .contact-wrap .location ul li {
        font-size: var(--22px);
    }
    .contact-wrap .location ul li.contact-location::before, .contact-wrap .location ul li.contact-number::before, .contact-wrap .location ul li.contact-email::before, .contact-wrap .location ul li.contact-time::before {
        width: 22px;
        height: 22px;
    }
    .two-column-card {
        gap: 4.5rem;
    }
}

@media screen and (max-width: 1080px) {
    .btn.btn-white a {
        gap: 8px;
    }
    .btn-icon a::before {
        width: 16px;
    }
    .event-sec .event-wrapper,
    .blog-list {
        gap: 30px;
    }
    .event-thumb h6 {
        font-size: var(--25px);
    }
    .event-card p {
        font-size: 16px;
    }
    .event-venue ul li {
        font-size: 16px;
    }
    /* blog page */
    .blog-detail-sec .blog-detail-wrap {
        gap: 3rem;
    }
}

@media screen and (max-width: 1024px) {
    h3.sec-head {
        max-width: 100%;
        font-size: 68px;
    }
}


@media screen and (max-width: 991px) {
    body {
        font-size: 1.2rem;
    }
    h4, .h4 {
        font-size: 2.2rem;
    }
    h5 {
        font-size: 1.8rem;
    }
    button.btn.btn-white, button.btn.btn-black {
        font-size: var(--17px);
    }
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: block;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
    .cca-logo {
        width: 68%;
    }
    .header-main .cca-logo img {
        width: 72%;
    }
    .nav-wrapper .main-nav {
        margin-left: auto;
    }
    .breadcrumb h4 {
        font-size: var(--40px);
    }
    .video-gallery {
        grid-template-columns: repeat(1, 1fr);
    }
    .video-item {
        margin-bottom: 4rem;
    }
    .event-sec .event-wrapper {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .event-card, .blog-list li {
        width: 100%;
    }
    /* home page */
    .featured-content .btn-medium a{
        padding: 10px 15px;
        font-size: 16px;
    }
    .abt-sec .card-body p {
        max-width: 100%;
    }
    .featured-content h4 {
        font-size: 26px;
        line-height: 1.2;
    }
    .featured-content p {
        font-size: var(--22px);
    }
    .church-family-sec {
        padding: 6rem 0 5.625rem;
    }
    .church-family-wrap .right-wrap{
        gap: 2rem;
    }
    .entry-content .church-family-sec {
        margin-top: 0;
    }
    /* give page */
    .way-to-give-wrap .way-to-give-wrap-data {
        display: block;
    }
    .way-card {
        max-width: none;
    }
    .center-img-text-wrap figure {
        aspect-ratio: 16 / 10;
    }
    .way-to-give-img figure img{
        object-position: 0 -4rem;
    }
    .ways-to-give-content {
        margin-top: 0;
        gap: 3rem;
    }
    .way-to-give-wrap .way-to-give-wrap-data {
        display: flex;
        flex-direction: column;
        gap: 4rem;
    }
    .give-banner-pera p {
        max-width: 75vw;
        font-size: var(--18px);
    }
    .way-to-give-wrap {
        margin-top: 0;
    }
    /* who we are page */
    .featured-img-left, .we-believe-sec .featured-img-left {
        grid-template-columns: 100%;
        padding: 5rem 0;
        gap: 3.5rem;
    }
    .featured-img-left .left-wrap figure {
        aspect-ratio: 16 / 12;
    }
    .featured-img-left .left-wrap img{
        object-position: 0 -60px;
    }
    .featured-img-left .right-wrap {
        gap: 2.5rem;
        padding: 0;
    }
    .featured-text-wrap {
        gap: 1.9rem;
    }
    .leaders-wrap {
        gap: 2rem;
    }
    .we-believe-sec{
        margin-block-start: 17px;
    }
    .featured-text-card h5 {
        font-size: 1.8rem;
    }
    .split-head-wrap {
        margin-top: 3rem;
    }
    .featured-img-left .left-wrap{
        order: 2;
    }
    .split-head-card h6 {
        font-size: 1.8rem;
    }
    /* find your place */
    .jump-links-wrap {
        padding: 25px 0 15px 0;
    }
    .split-img-left-card .left-wrap{
        padding-bottom: 3rem;
    }
    .mission-sec .featured-icon-card-wrap{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 50px; 
    }
    .two-column-card {  
        gap: 90px;
    }
    .custom-modal-wrap {
        margin: 0;
    }
    .split-img-left-wrap .split-img-left-card {
        padding-bottom:6rem;
        grid-template-columns: 100%;
        gap: 0;
    }
    .straightfromheart-sec{
        padding-top: 2rem;
    }
    .featured-img {
        aspect-ratio: 9 / 13;
    }
    .split-right-img {
        aspect-ratio: 9 / 10;
    }
    .split-img-right-card .left-wrap{
        order: 1;
    }
    .split-img-right-wrap .split-img-right-card {
        grid-template-columns: 100%;
        gap: 2rem;
    }
    .split-img-right-card .split-right-img {
        aspect-ratio: 16 / 9;
    }
    .pink-bg-absolute::before {
        height: 100%;
        bottom: 0;
    }
    .two-column-card-wrap .two-column-card{
        display: block;
    }
    .two-column-card figure {
        aspect-ratio: 16 / 10;
    }
    .two-column-card2 {
        padding-top: 4rem;
    }
    /* blog page */
    .blog-detail-sec .blog-detail-wrap {
        gap: 3rem;
    }
    .blog-detail-card .nxt-prev-link {
        align-items: self-start;
        margin-bottom: 40px;
    }
    .blog-detail-sec .blog-detail-wrap {
        display: block;
    }
    .blog-sidebar.wp-container-core-group-is-layout-13{
        padding: 4rem 0 4rem 0;
    }
    /* pop up */
    .leader-bio-modal .modal-body {
        max-height: 34vh;
        overflow-y: auto;
    }
    .split-left-img-square {
        aspect-ratio: 16 / 12;
        width: 100%;
        height: 100%;
    }
    ::-webkit-scrollbar {
        width: 4px;
    }
    .modal-content.leader-bio {
        padding: 2.5rem 2.5rem 2.75rem;
    }
    .way-card h6 {
        font-size: var(--25px);
    }
    .give-content-wrapper .way-card p {
        font-size: var(--20px);
    }
    .give-content-wrapper .way-card .cash-check-address, .ftr-location ul li {
        font-size: var(--17px);
        line-height: 1.4;
    }
    .give-content-wrapper .way-card .cash-check-para {
        margin-bottom: 1.5rem;
    }
    .watch-search-wrap form {
        width: 55%;
    }
    .wp-element-button {
        font-size: var(--15px);
    }
    .newsletter-form {
        max-width: 95%;
    }
    .social-links ul li img {
        width: 22px;
    }
    .ftr-top-wrap figure {
        width: 180px;
    }
    .ftr-location {
        margin-top: 40px;
    }
    .breadcrumb-wrap .breadcrumb {
        margin-top: 6rem;
    }
    .split-head-wrap .split-head-card, .split-head-card {
        grid-template-columns: 28% 65%;
        gap: 50px;
    }
    .more-text-featured-wrap {
        row-gap: 55px;
    }
    footer .ftr-btm-wrap {
        margin-top: 3rem;
        flex-wrap: wrap;
    }
    .more-text-featured-card h6 {
        font-size: var(--22px);
        line-height: 1;
    }
    .modal-wrapper {
        width: 75%;
    }
    .youth-sec.split-img-right-wrap .split-img-right-card {
        grid-template-columns: 100%;
    }
    .kids-sec .left-wrap {
        margin-bottom: 0;
    }
    .kids-sec .right-wrap {
        padding: 0;
    }
    .youth-sec {
        margin-top: 6rem;
    }
    .contact-sec .contact-wrap {
        grid-template-columns: 100%;
    }
    .contact-wrap .location ul li.contact-location::before, .contact-wrap .location ul li.contact-number::before, .contact-wrap .location ul li.contact-email::before, .contact-wrap .location ul li.contact-time::before {
        width: 25px;
        height: 24px;
    }
    .cust-submenu {
        gap: 25px;
        align-items: center !important;
    }
    .main-nav .navbar .cust-submenu ul {
        padding: 0 !important;
        gap: 17px !important;
    }
    li.cust-submenu {
        gap: 17px;
    }
    .video-modal .modal-wrapper, .youtube-modal-content {
        padding-left: 22px;
        padding-right: 22px;
        padding-bottom: 22px;
        width: 80%;
    }
}


@media screen and (max-width: 786px) {
    /* .split-img-left-wrap .split-img-left-card {
        display: block;
    } */
    .abt-sec .card-body p {
        max-width: 100%;
    }
    h3.sec-head {
        font-size: 55px;
    }
    .card-body p {
        margin-top: 0;
    }
    .split-head-wrap .split-head-card,
    .split-head-card {
        display: block;
    }
    .wp-block-column.sec-life-grp.is-layout-flow.wp-block-column-is-layout-flow {
        margin-top: 20px;
    }
    /* .wp-block-group.card-body {
        margin-top: 3rem;
    } */
    .wp-block-button.btn.btn-white.grp-leader {
        padding-bottom: 50px;
    }
    .pink-bg-absolute::before {
        height: 100%;
    }
    /* .wp-block-group.right-wrap {
        order: 1;
    } */
    .split-img-right-wrap .split-img-right-card {
        grid-template-columns: 100%;
    }
    p.has-text-align-center {
        max-width: 100%;
    }
    h4.wp-block-heading.sec-head.men {
        text-align: start;
    }
    h4.wp-block-heading.sec-head.women {
        text-align: start;
    }
    .leaders-wrap {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    p.abt-our-leads {
        margin-top: 20px;
    }
    /* .featured-img-left,
    .we-believe-sec .featured-img-left {
        grid-template-columns: 100%;
        gap: 5.8125rem;
    } */
    .ftr-btm-wrap {
        display: block !important;
    }
    .social-links {
        margin-top: 20px !important;
        gap: 10px;
    }
    button.btn.btn-white,
    .btn.btn-white a {
        gap: 8px;
    }
    .btn-icon a::before {
        width: 14px;
    }
    .banner-new-slider .banner-caption h1 {
        font-size: 5rem;
    }
    .church-family-wrap, .church-family-wrap .right-wrap {
        gap: 0;
    }
    .church-family-wrap .card-body{
        margin-top: 0;
    }
    .straightfromheart-sec .card-body.sticky{
        position: static;
    }
    /* home page */
    .featured-img {
        aspect-ratio: 9 / 7;
    }
    .featured-content h4 {
        font-size: 40px;
    }
    .featured-content p {
        font-size: var(--35px);
    }
    .featured-content {
        bottom: 20px;
    }
    .get-connected-wrap{
        gap:3rem
    }
    .split-img-left-wrap .split-img-left-card {
        padding-bottom: 0;
    }
    .church-family-wrap h3.sec-head {
        padding: 30px 0 35px 0;
    }
    .church-family-sec {
        padding: 3rem 0 5.625rem;
        margin-top: 4.3125rem;
    }
    .church-family-wrap{
        gap:0;
    }
    .church-family-wrap .right-wrap .card-body img{
        margin-top: 4rem;
    }
    .banner-caption .banner-btn{
        max-width: 100%;
    }
    .split-img-left-wrap {
        padding-bottom:2rem;
    }
    /* find your place */
    .split-img-right-wrap .split-img-right-card {
        gap: 3rem;
    }
    /* going deeper */
    .blog-list li figure {
        aspect-ratio: 16 / 10;
    }
    .newsletter-form p {
        display: none;
    }
}

@media screen and (max-width: 776px) {
    .straightfromheart-sec {
        margin-top: 0 !important;
    }
    .split-head-wrap .split-head-card,
    .split-head-card {
        display: block;

    }
    /* home page */
    .banner-caption a{
        font-size: 14px;
    }
    .modal-wrapper {
        width: 90%;
    }
    .modal-content {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem;
    }
    
}

@media screen and (min-width: 680px) and (max-width: 767px) {
    .event-card figure {
        aspect-ratio: 16 / 10;
    }
}

@media screen and (max-width: 767px) {
    .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
        max-width: 85%;
    }
    .cca-logo {
        width: 58%;
    }
    .pink-bg-absolute::before {
        top: 12rem;
    }
    .split-left-img-square {
        aspect-ratio: 16 / 12;
        height: 100%;
    }
    .two-column-card {
        gap: 65px;
    }
    .blog-list-wrap .post-date{
        display: grid;
        gap: 10px;
    }
    .watch-search-wrap form {
        width: 100%;
    }
    .newsletter-form {
        max-width: 75%;
    }
}

@media screen and (max-width: 704px) {
    .more-text-featured-card {
        width: 100%;
    }
}

@media screen and (max-width: 680px) {
    .banner-new-slider .banner-caption h1 {
        font-size: 62px;
    }
    p.copyright {
        font-size: 13px;
    }
    .social-links ul li img {
        max-width: 70%;
    }
    .social-links ul {
        gap: 8px;
    }
    .event-sec .event-wrapper {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .btn-wrap, .excerpts .wp-block-post-excerpt__more-text {
        position: absolute;
        bottom: 20px;
        gap: 8px;
    }
    .blog-list-wrap .blog-list {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .breadcrumb-wrap.fyp-breadcrumb .breadcrumb {
        margin-bottom: 12px;
    }
    .fyp-jump-links{
        justify-content: initial;
    }
    /* home page */
    .straightfromheart-sec .card-body img {
        aspect-ratio: 16 / 9;
    }
    /* find your place */
    .btn-wrap {
        flex-direction: initial;
    }
    .wp-block-buttons>.wp-block-button {
        width: initial;
    }
    .event-card {
        padding-bottom: 10rem;
    }
    /* going deeper */
    .blog-list-wrap .post-date {
        display: flex;
        gap: 2rem;
    }
    /* event */
    .event-card figure {
        aspect-ratio: 16 / 6;
    }
    .event-thumb h6 {
        font-size: var(--35px);
    }
    
    .breadcrumb h4 {
        font-size: var(--35px);
    }
    .btn-wrap {
        flex-direction: column-reverse;
    }
    .btn.btn-white a {
        padding: 0.7rem 2rem;
    }
    .btn-icon a::before{
        left: 12px;
    }
    /* going deeper */
    .blog-list li figure {
        aspect-ratio: 16 / 8;
    }
    /* pop up */
    .leader-bio-modal .modal-wrapper {
        width: 82%;
    }
    .modal-content.leader-bio{
        padding: 3rem 2rem 2rem;
    }
    .modal-content .modal-heading {
        font-size: var(--30px);
        line-height: 1.2;
        margin-bottom: 12px;
    }
    .blog-detail-card .nxt-prev-wrap {
        flex-wrap: wrap;
        gap: 0;
    }
    .nxt-prev-link {
        width: 100%;
        justify-content: flex-start;
    }
    .nxt-prev-link .has-text-align-right {
        text-align: left;
    }
    .search-result-wrap .result-list-card, .result-list-card {
        grid-template-columns: 28% 68%;
        gap: 20px;
    }
    .black-bg-absolute::before {
        top: 10rem;
        height: 100%;
    }
    .give-content-wrapper.black-bg-absolute::before {
        height: 100%;
    }
    
}

@media screen and (max-width: 575px) {
    .nav-wrapper {
        gap: 15px
    }
    .cca-logo {
        width: 49%;
    }
    .header-main .cca-logo img {
        width: 70%;
    }
    .header-btn a {
        padding: 5px;
    }
    .video-item {
        margin-bottom: 3rem;
    }
    .video-item p {
        margin-top: 14px;
    }
    .leaders-wrap {
        display: grid !important;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .mission-sec .featured-icon-card-wrap {
        grid-template-columns: repeat(1, 1fr);
    }
    
    /* home page */
    .split-img-left-card .right-wrap a {
        padding: 10px 15px;
        font-size: 14px;
    }
    .featured-content h4 {
        font-size: 35px;
    }
    .featured-content p {
        font-size: var(--25px);
    }
    /* event */
    .event-thumb h6 {
        font-size: var(--30px);
    }
    /* give */
    .give-content-wrapper .way-card p {
        font-size: var(--20px);
    }
    .ways-to-give-content {
        gap: 3rem;
    }
    .search-result-wrap .result-list-card, .result-list-card {
        grid-template-columns: 100%;
    }
    h4, .h4 {
        font-size: 2rem;
    }
    .post-date .date, .post-date .author-name {
        font-size: var(--13px);
    }
    .video-item h2 {
        font-size: var(--18px);
    }
    button.btn.btn-white, button.btn.btn-black {
        font-size: var(--15px);
    }
    .modal-wrapper {
        width: 85%;
    }
    .youth-sec {
        margin-top: 3rem;
    }
    .close img, .youtube-modal-close-button img {
        width: 15px;
        height: 15px;
    }
    .modal-content .modal-heading {
        margin-bottom: 0;
    }
    .modal-content {
        gap: 2rem;
    }
}

@media screen and (max-width: 480px) {
    h5 {
        font-size: 1.6rem;
    }
    h4.wp-block-heading.sec-head.life-grp-head {
        font-size: 45px;
    }
    .pink-bg-absolute::before {
        top: 6rem;
    }
    .black-bg-absolute::before {
        top: 8rem;
    }
    .center-img-text-wrap .sec-head.young-adult {
        font-size: 45px;
    }
    .jump-links p {
        text-align: center;
    }
    .banner-btn a.wp-block-button__link.wp-element-button {
        font-size: 14px;
    }
    .way-card .cash-check-heading{
        line-height: 1.2;
    }
    .ways-to-give-content {
        gap: 3rem;
    }
    .cca-logo {
        width: 45%;
    }
    .header-btn a, .header-main.sticky .header-btn a {
        padding: 8px 8px;
    }
    .header-main.sticky .nav-wrapper .cca-logo{
        width: 45%;
    }
    .featured-content {
        bottom: 8px;
    }
    .featured-img {
        aspect-ratio: 9 / 10;
    }
    /* event */
    .event-card figure {
        aspect-ratio: 16 / 8;
    }
    .give-content-wrapper .way-card p {
        font-size: var(--18px);
    }
    .btn a {
        font-size: var(--15px);
    }
    .video-item iframe {
        aspect-ratio: 16 / 10;
    }
    .newsletter-form {
        max-width: 100%;
    }
    .blog-detail-card h4 {
        font-size: var(--25px);
    }
    .grp-location-wrapper {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 418px) {
    h4.txt-get-connected {
        font-size: 35px;
    }
}

@media screen and (max-width: 412px) {
    /* .cca-logo {
        width: 46%;
    } */
    .header-main .cca-logo img {
        width: 100%;
    }
    .wp-block-navigation__responsive-container-open svg {
        width: 18px;
        height: 18px;
    }
    .blog-list-wrap .post-date {
        display: grid;
        gap: 10px;
    }
}
@media screen and (max-width: 380px) {
    .banner-new-slider .banner-caption h1 {
        font-size: 48px;
    }
    .banner-new-slider .banner-caption{
        gap: 12px;
    }
    .featured-content .btn-medium a {
        font-size: 14px;
    }
    .featured-img {
        aspect-ratio: 9 / 12;
    }
    .featured-content h4 {
        font-size: 30px;
    }
    .featured-content p {
        font-size: var(--22px);
    }
    .church-family-wrap .card-body img {
        aspect-ratio: 9 / 8;
    }
    .straightfromheart-sec .card-body img {
        aspect-ratio: 16 / 12;
    }
    .event-thumb h6 {
        font-size: var(--25px);
    }
    .header-btn a {
        font-size: 10px;
    }
    .header-btn a, .header-main.sticky .header-btn a {
        padding: 6px 6px;
        font-size: 10px;
    }
    .header-main.sticky .nav-wrapper .cca-logo{
        width: 43%;
    }
    .jump-links-wrap {
        margin-bottom: 40px;
    }
    /* going deeper */
    .blog-list li figure {
        aspect-ratio: 16 / 10;
    }
    .breadcrumb h4 {
        font-size: var(--30px);
    }
    .blog-list h2{
        font-size: var(--22px);
    }
    .nav-wrapper .is-menu-open ul li a{
        font-size: 18px;
    }
    

    /* pop up */

    .leaders-card .modal-content.leader-bio p {
        line-height: 1.5;
    }
    .modal-content .modal-heading {
        font-size: var(--25px);
    }
    .modal-content {
        gap: 24px;
    }
    .modal-header {
        padding-bottom: 1.5rem;
    }
    .leaders-card p {
        font-size: 16px;
    }
    .copyright p {
        font-size: var(--15px);
    }
}