/* 1. Desktop Hidden by Default */
.mobile-only-navigation {
    display: none;
}

/* 2. Mobile Only Styles (Triggers at 768px and below) */
@media screen and (max-width: 768px) {
    .mobile-only-navigation {
        display: block;
        position: relative;
    }

    /* Hamburger Button Styling */
    .mobile-menu-toggle {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 30px;
        height: 21px;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        z-index: 100;
    }

    .hamburger-bar {
        width: 100%;
        height: 3px;
        background-color: #333; /* Change to fit your theme */
        transition: all 0.3s ease;
    }

    /* Menu Drawer (Hidden by default, slides down when active) */
    .mobile-menu-wrapper {
        display: none; 
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #ffffff;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        z-index: 99;
    }

    /* Class added by JS to show the menu */
    .mobile-menu-wrapper.is-open {
        display: block;
    }

    /* Basic styling for WP menu list items */
    .mobile-menu-list {
        list-style: none;
        padding: 20px;
        margin: 0;
    }

    .mobile-menu-list li {
        margin-bottom: 15px;
    }
a.moblogo img {
    margin: 10px 0 -10px 20px;
    width: 60px;
}
    .mobile-menu-list li a {
        text-decoration: none;
        color: #333;
        font-size: 18px;
        display: block;
    }
}


@media (max-width: 600px) {

 img{
     max-width:100%;
 }
 
 .no-mobile{
     display:none;
 }
 
 .header-container {
    max-width: 100% !important;
}
header {
    position: relative;
}

header h1 .bannerthumb-title *{
    font-size:1em !important;
}

.banner-thumb-title h1{
    font-size:2.5em;
    text-align:center;
}
span.address {
    font-size: 9px;
    letter-spacing: 0;
    text-align: center;
}

.header-icons {
    display: none;
}

.banner-video {
position:relative;
width:100%;
}


section.home-slider .container-fluid, section.home-slider .container-fluid .row, section.home-slider .container-fluid .col-md-12, section.home-slider .container-fluid .swiper, section.home-slider img {
    width: 100%;
    margin:0 auto;
    
        padding: 0;
        border-radius: 0 !important;
}

.swiper-pagination-slider.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
}

.swiper-button-next-slider, .swiper-button-prev-slider {
    display:none;
}



section.home-about .container {
    padding: 20px;
}

section.home-about .container h3{
font-size:24px;
margin:10px 0 10px 0;
}


section.home-about a.btn{
    margin: 10px 0 30px;
}
.appeals-container .two-colors h3{
    border:none;
    font-size:1.5em;
}
.appeals-container .two-colors h3 span{
    padding:0px;
}

.appeals-container .two-colors h3 span:after{
    background:none;
    
}


.appeals-container .two-colors h3 span strong {
    
    background:none !important;
    color:#ffcc09 !important;
}

p.headdesc {
    font-size: 13px;
    padding: 0 10%;
    text-align: center;
}


.two-colors h3 {
    font-size: 30px;
    margin: 0 0 0;
}
section.help-section.container .col-md-10 .row {
    
    display:flex;
    justify-content: center;
}
section.help-section.container .row.mt-4 {
    margin-top: 0 !important;
}

.help-section .col-md-4 h5 a{
font-size:13px !important;
    font-weight:500;
    text-align:center;
}
.help-section .col-md-4 img{
    height:100px !important;
}
.help-section .col-md-4 {
    margin-bottom:20px;
    width: 50%;
}


.help-section .col-md-4 > div{
    
    border-radius:0px !important;
}

.help-card-body {
    padding: 5px;
}

.help-card-body a.btn.btn-learn {
    padding:4px 10px;
margin-bottom:10px;
    margin-right:5px;
    border-radius:0px;
    font-size:12px;
    
}
    
    
    
    .container.clientbg {
    background: none;
}

.testisection h3 {
    font-size: 31px;
}

.testisection {
  padding-top:20px;
}

.testi-slider {
    padding: 0 !important;
}
.single-testi {
    padding: 7% 3%;
    background:transparent !important;
    border-color: #fff !important;
}

.single-testi p{
    font-size:14px;
}


.achievement-background-overlay {
    display: none;
}

.achievement-background-overlay2 {
    width: 100%;
}

.col-lg-6.col-md-12.mb-4.mb-lg-0.text-center.ach-left {
    display: none;
}




.qd-left {
    display: none;
}
.qd-fields{
    width:100%;
    overflow:hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.qd-fields > div {
 margin-bottom:10px;
 padding: 10px;
 float:left;
 width: 48% !important;
min-width:48%;}

.qd-fields > div.qd-input *{
    padding:2px;
    font-size:15px !important;
}
.qd-fields > div.qd-select {
    padding:0px;
}
.qd-fields *{
    font-size:12px !important;
    
}

.quick-donate-bar {
    display: block;
    max-width: 100%;
    align-items: end;
    overflow: hidden;
    padding: 20px 20px;
    margin:15px 2%;
    border-radius:10px;
    position:relative;
}

button#donate-bar-btn {
    width: 100%;
    text-align: center !important;
    display: block;
}

.tth-item i {
    font-size: 22px;
}
	
	#thebillingbox .checkout-form {
    padding: 0;
    border: none;
}


input#monthly-date {
    max-width: 100%;
}

button[name="submit_dd_date"] {
    width: 100% !important;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 !important;
    padding: 10px 5px 10px 5px !important;
    border-radius: 4px;
}


}