/*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: 2.5rem;
    }
}

/*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;
    }
}

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

    .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;
    }
}

/*Wide Mobile Layout: 480px*/

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