@media (max-width:1200px) {
    nav ul li a {
        font-size: 15px;
        padding: 10px;
    }
}

@media (max-width:992px) {
    .top-info {
        display: none;
    }
    nav ul li a {
        color: #424242;
    }
    .sticky nav {
        display: initial;
    }
    .top-menu-bar {
        display: block;
    }
    .navigation {
        position: fixed;
        top: 0;
        left: 100%;
        height: 100%;
        width: 100%;
        overflow-x: scroll;
        background: #fff;
        display: block;
        transition: 500ms ease all;
    }
    nav ul li {
        display: block;
    }
    nav.navigation.open {
        left: 0;
    }
    .sub-menu {
        transition: inherit;
        position: static;
        display: none;
    }
    .title-wrapper h2,
    .slider-content h1 {
        font-size: 36px;
    }
    .btn {
        font-size: 14px;
    }
    .work--col-wrapper:nth-child(1),
    .work--col-wrapper:nth-child(2) {
        margin-bottom: 70px;
    }
    .event-image:first-child {
        margin-right: 15px;
    }
    .event-content-wrapp:first-child {
        margin-left: 15px;
    }
    .footer-col-wrapper {
        margin-bottom: 30px;
    }
    .activiti-top-image {
        height: 100vh;
    }
    .contact-address-wrap {
        margin-bottom: 30px;
    }
}

@media (max-width:767px) {
    header {
        background: transparent;
    }
    .who-we-content {
        margin-bottom: 15px;
    }
    .title-wrapper h2,
    .slider-content h1 {
        font-size: 26px;
        font-weight: 600;
    }
    .column {
        -ms-flex: 50% !important;
        flex: 50% !important;
        max-width: 50% !important;
    }
}

@media (max-width:480px) {
    .activiti-sec-title {
        margin-bottom: 60px !important;
    }
    .top-menu-bar {
        top: 30x;
    }
    .logo-wrapper img {
        width: 85px;
    }
    .blog-detail-content h2 {
        font-size: 25px !important;
    }
    .blog-detail-wrapper img {
        height: 350px !important;
    }
    .custom-slider figure {
        height: 400px;
    }
    .all-sec-padding {
        padding: 40px 0;
    }
    .title-wrapper {
        margin-bottom: 40px;
    }
    .flex-direction-nav a {
        display: none;
    }
    .donate-content h2 {
        font-size: 30px;
    }
}