/* =========================
   Mobile (default)
========================= */

.topbar .row {
    display: grid;
    grid-template-columns: 45% 55%;
}

footer {
    margin-bottom: 80px;
}

.back_to_top i.fa {
    bottom: 100px;
}


.header-section-2,
.info-wrap,
.single-info.first {
    display: none;
}

.header-cont-wrap {
    display: block;
    /*text-align: center;*/
}

.hero-cont {
    padding: 50px 0;
}

.hero-cont h1 {
    font-size: 1.5rem;
}

section.donation-section {
    top: inherit;
    padding: 30px 0;
}

.d-wrapper form {
    grid-template-columns: 1fr;
}

.section-title h2 {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.section-padding {
    padding: 30px 0;
}

.single-activity {
    margin-bottom: 15px;
}

.magazine-wrapper.two-grid {
    /*grid-template-columns: repeat(2, 1fr);*/
    max-height: unset;
    margin-bottom: 30px;
}

.footer-bottom {
    grid-template-columns: 1fr;
    text-align: center;
}

.footer-menu ul,
.footer-widget {
    text-align: center;
}

.footer-widget {
    margin-bottom: 30px;
}

.single-slide-item {
    height: 250px;
    min-height: auto;
}

.our-activity-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.our-single-activity {
    width: 180px;
    height: 180px;
    margin: 5px auto;
}

/*.stuff-wrapper {*/
/*    display: block;*/
/*}*/

.stuff-wrapper .single-stuff {
    margin: 20px 0;
}

.video-wrapper {
    display: block;
}

.single-video {
    margin-bottom: 25px;
}

.gallery-images {
    grid-template-columns: repeat(2, 1fr);
}

.single-image a img {
    height: 150px;
}

.bredcumb-section h2 {
    font-size: 1.2rem;
}

section.page-content-section h1 {
    font-size: 1.5rem;
}

@media (min-width: 480px) {
    .our-activity-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}



@media (min-width: 768px) {

.magazine-wrapper .two-grid {
    grid-template-columns: 60% 40%;
    grid-gap: 10px;
}
.mobile-footer-wrapper {
    display: none;
}

    .header-cont-wrapper {
        grid-template-columns: 200px 1fr;
    }

    .navigation-menu ul li a {
        font-size: 0.8rem;
        padding: 3px;
    }

    .hero-cont h1 {
        font-size: 35px;
    }

    .d-wrapper form {
        grid-template-columns: 1fr 200px 1fr 200px;
        gap: 5px;
    }

    .section-title h2 {
        font-size: 2rem;
    }

    .single-slide-item {
        height: 400px;
    }

    .stuff-wrapper .single-stuff .cont h4 {
        font-size: 1.1rem;
    }

    section.magazine-section .sec-widget {
        margin-top: 30px;
    }

    /*.magazine-wrapper.two-grid {*/
    /*    display: block;*/
    /*}*/

    .video-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .sub-heading h3 {
        font-size: 1rem;
    }
}

@media (min-width: 992px) {
    
    .header-section-2,
.info-wrap,
.single-info.first {
    display: grid;
}
        .our-activity-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }

    .hero-cont h1 {
        font-size: 50px;
    }

    .section-title h2 {
        font-size: 2rem;
    }
}

@media (min-width: 1200px) {
    /* Future large screen tweaks */
}