.mobile-on{display: none;}
/* 📱 Teléfonos (ej. iPhone 6, 7, 8) */
@media (max-width: 480px) and (min-width: 320px) {
    body {
            -webkit-overflow-scrolling: touch;
            overscroll-behavior: contain;
        }
        .w-xs-200{width: 200px;}
        .order-xs-1{order: -1;}
    .wow2{
            visibility: hidden;
        }
        body .fz-18 {
            font-size: 15px !important;
            line-height: 1.6 !important;
        }
    body .container{
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
        body ul#beliefsTab.nav-tabs .nav-link {
            border: 2px solid #fff !important;
            margin-right: 10px !important;
            font-size: 15px !important;
            padding: 4px 10px !important;
        }
    body .footer--menu li {
        width: 50%;
    }
    footer .text-right{
        text-align: left !important;
        margin-top: 20px;
    }
    body video { 
            min-width: 130%;
    }
    body .absolute-bottom span {
        padding: 0px !important;
    }
    .navbar-default .navbar-toggler .icon-bar,
    header.sticky .navbar-default.header-light .navbar-toggler .icon-bar,
    header.sticky .navbar-default.header-light-transparent .navbar-toggler .icon-bar {
        background: #fff !important;
    }
    .card-content>div {
        border-left: 0px solid gray;
    }
    .thegapo h5{
        font-size: 25px;
    }
    .thegapo>div {
        max-width: 100%;
    }
    body #pinCardsMinistries1,body #pinCardsMinistries2,
    body #pinCardsMinistries3{
        height: auto !important;
        padding: 70px 0px !important;
    }
    body #pinCardsMinistries1 .card--sticky ,
    body #pinCardsMinistries2 .card--sticky ,
    body #pinCardsMinistries3 .card--sticky {
        transform: translateY(0px) !important;
        margin-bottom: 40px;
    }
    #pinCardsHome .card--sticky.cs-4,
    #pinCardsHome .card--sticky.cs-3,
    #pinCardsHome .card--sticky.cs-2 {
        margin-top: 60px;
        transform: translateY(0px) !important;
        padding: 0 !important;
    }
        #pinCardsHome{
            height: auto !important;
        }
    .mobile-on {
        display: block !important;
    }
    .mobile-off {
            display: none;
    }
    .main--menu { 
        transform: translateY(-80vh);
        padding: 140px 0px 80px 0px !important;
    }
    header>nav::before{
        width: 100% !important;
    } 
    h1, h2, h3, h4, h5, h6 {
        font-weight: 800 !important;
    }
    .crop {
        bottom: -7px;
        height: 90px;
        object-fit: cover;
    }
    .mb-xs-220{
        margin-bottom: 220px !important;
    }
    .absolute-bottom span{
        text-align: center!important;
        padding: 0px 10px 60px 10px
    }
        .init-hero .absolute-bottom {
            position: absolute;
            bottom: -20px;
        }
    body .card--sticky h2.vertical-text {
        display: none;
    }
    footer .container.position-relative{
        margin-bottom: 20px !important;
    }
    body .card--sticky .card-content {
        position: relative;
        display: flex;
        min-height: 50px;
        gap: 0px;
        flex-direction: column;
    }
    .card--sticky .card-content div p {
        padding: 0px 25px 30px !important;
        font-size: 15px !important;
        line-height: 1.5 !important;
    }
    body .wifi--cards>a.wc-1>img {
        position: absolute;
        z-index: 0;
        bottom: 0px;
        right: -34%;
        width: 120%;
        max-width: 200%;
    }
    .card--sticky .card-content div h2,
    .card--sticky .card-content div p {
        text-align: left;
        padding: 0px 25px 0px;
    }
    .mt-40{
        margin-top: 40px;
    }
    .mb-xs-10{
        margin-bottom: 10px !important;
    }
    body h1 {
        font-size: 37px;
        line-height: 1;
    }
    .card--sticky.cs-3,
    .card--sticky.cs-2 {
        padding-left: 0px;
    }
    body .card-content div>img {
        height: 155px;
        width: 100%;
        object-fit: cover;
        object-position: 29% 50%;
    }
    body .card--sticky img.Container {
        position: absolute;
        top: 166px;
        left: auto;
        margin: auto;
        width: 60px;
        height: 80px;
        z-index: 999;
        right: 0;
    }
    body .card-content div>img.changing_families {
        height: 155px;
        width: 100%;
        object-fit: cover;
        object-position: 46% 50%;
    }
    body .card-content div>img.genu {
        height: 155px;
        width: 100%;
        object-fit: cover;
        object-position: 50% 50%;
    }
    .wifi--cards { 
        align-items: initial;
        flex-direction: column;
    }
        body .ml-50 {
            margin-left: 0px
        }
    .wifi--cards>a { 
        width: 100%;
    }
    .pb-xs-40 {
        padding-bottom: 40px !important;
    }
    .pb-xs-80 {
        padding-bottom: 80px !important;
    }
        .shareyourstory .txt { 
            display: flex;
            align-items: center;
        }
        form .button-icon {
            top: 11px;
        }
    body .fz-22 {
        font-size: 16px !important;
    }
    .small,
    small {
        font-size: 12px;
        font-weight: 400;
    }
    .form-row {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .photopredica {
        width: 100%;
        height: 50vh;
        position: relative;
        right: 0;
        top: 0;
        margin-bottom: -50px;
    }
    .pb-xs-0{
        padding-bottom: 0px !important;
    }
    .pt-xs-0 {
        padding-top: 0px !important;
    }
    .reverse{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .givebutton .big {
        font-size: 181px;   
        bottom: -45px;
        left: -3px;   
    }
    .signature { 
        bottom: 10px;
    }
    body .floating--footer {
        position: absolute;
        bottom: 86px;
        right: 0;
        object-fit: cover;
        width: 100%;
        max-width: 500%;
        left: 0;
        margin: auto;
        height: 288px !important;
    }
    body .footer--menu li a {
        color: white;
        font-family: "Alumni Sans";
        font-size: 27px;
        font-weight: 600;
        text-decoration: none;
        display: inline-block;
        text-transform: capitalize;
        padding: 8px 0px;
        line-height: 1;
    }
    footer{
        overflow: hidden; 
        padding: 100px 0px 300px;
        height: auto !important;
    }
    body .mb-120 {
        margin-bottom: 50px;
    }
    .hero--give h3 { 
        font-size: 2rem; 
    }
    .hero--give h1 {
        font-size: 5rem !important;
    }
    body .text-container{
        height: 54px !important;
    }
    #thuderAboutsection {
        height: auto !important;
        overflow: hidden;
    }
    #thuderAboutsection-3,
    #thuderAboutsection-2 {
        transform: translateY(0px);
    }

    .team--cards { 
        width: 100%;
        transform: translateX(0%);
        flex-direction: column ;
    }
    .team--cards li.t-card {
        width: 100%;
    }
    .team--cards aside h5 {
        margin-bottom: 5px;
        font-size: 40px;
    }
    .team--cards aside p {
        margin-bottom: 0;
        font-style: italic;
        font-size: 16px;
    }
    .team--cards li.t-card aside { 
        bottom: 0;
        background: rgba(0, 0, 0, .2);
        border-radius: 0px 0px 20px 20px;
        padding: 30px 20px;
    }
    .hero--give {
        text-align: left !important;
        align-items: unset;
        gap: 0px;
        flex-direction: column;
    }
    .mb-xs-40{
        margin-bottom: 40px;
    }
    .text-xs-left{
        text-align: left !important;
    }
    .panel-title {
        font-size: 22px !important; 
    }
    .accordion-style1.panel-group .panel-heading+.panel-collapse>.panel-body {
        border-top: 0;
        padding: 25px 0;
        font-size: 16px;
        line-height: 1.7;
    }
    .bigbutton.light-color b{
        font-weight: 800;
    }
    .bigbutton.light-color{
        background: white !important;
        color: var(--primary) !important;
        font-size: 40px;
        align-items: center;
        font-weight: 800 !important;
    }
    .card-button-view h2 {
        font-size: 2.2rem; 
    }
    .card-button-view {
        padding: 20px 20px; 
    }
    .mosaic-column { 
        min-width: 100%;
    }
    .team--cards.testi li.t-card aside{
        background:transparent !important
    }
    .team--cards.testi li.t-card {
        width: 100%;
        margin-bottom: 140px;
    }
    .names {
        color: var(--primary);
        font-size: 22px;
        margin-left: 0px;
        font-weight: 400;
        display: block;
    }
    .schedule-grid {
        display: flex;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        flex-direction: column;
    }
    .schedule-intro {
        flex: 0 0 100%;
        border-right: 0px solid rgba(255, 255, 255, 0.1);
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .day-column{
        border-right:0px solid rgba(255, 255, 255, 0.1);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .pastor-content { 
        padding: 0 10px;
    }
    .init-hero,
    .special-hero{
        max-height: 80vh !important;
    }
    
    .special-hero.customj {
        max-height: 200px !important;
        margin-top: 80px;
        border-radius: 10px;
    }
    body .p,
    body p{
        font-size: 14px !important;
            line-height: 1.5 !important;
    }
        .col-xs-2 {
            -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
        }
    
        .col-xs-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }
    
        .col-xs-4 {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
    
        .col-xs-5 {
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
        }
    
        .col-xs-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
    
        .col-xs-7 {
            -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
        }
    
        .col-xs-8 {
            -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
        }
    
        .col-xs-9 {
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%;
        }
    
        .col-xs-10 {
            -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
            max-width: 83.333333%;
        }
    
        .col-xs-11 {
            -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
            max-width: 91.666667%;
        }
    
        .col-xs-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
}