/*Medium Layout: 1280*/
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .hero-cont h1 {
        font-size: 50px;
    }

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

/*Tablet Layout: 768px*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .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 150px 1fr 100px;
        grid-gap: 5px;
    }

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

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

    .our-activity-wrapper {
        display: grid;
        grid-template-columns: auto auto;
    }

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

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

    .magazine-wrapper.two-grid {
        display: initial;
    }

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

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

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

    .single-info.first {
        display: none;
    }

}

/*Mobile Layout: 320px*/
@media only screen and (max-width: 767px) {
    .topbar .row {
        display: grid;
        grid-template-columns: 45% 55%;
    }

    footer {
        margin-bottom: 80px;
    }

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

    .mobile-footer-wrapper {
        display: grid;
    }

    .header-section-2 {
        display: none;
    }

    .info-wrap {
        display: none;
    }

    .header-cont-wrap {
        display: initial;
        text-align: center;
    }

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

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

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

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

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

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

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

    .nibras-info-section .section-title h2 {
        margin: 15px 0;
    }

    .magazine-wrapper.two-grid {
        grid-template-columns: auto;
        max-height: unset;
        margin-bottom: 30px;
    }

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

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

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

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

    .our-activity-wrapper {
        display: initial;
        /*grid-template-columns: auto auto;*/
    }

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

    .stuff-wrapper {
        display: initial;
    }

    .single-stuff {}

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

    .video-wrapper {
        display: initial;
    }

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

    section.quick-links-section .sec-widget {
        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;
    }
}

/*Wide Mobile Layout: 480px*/

@media only screen and (min-width: 480px) and (max-width: 767px) {}