@media only screen and (max-width: 47.9375em) {
    .navigate .logo {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .navigate:after {
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: transparent;
        width: 50%;
        display: block;
        min-height: 50px
    }

    .navigate .navbar-header {
        z-index: 999
    }

    .navigate .navbar-header a {
        font-size: 20px;
        line-height: 48px;
        color: inherit
    }

    .top-nav {
        display: none;
        height: 100px
    }

    #upfoot img {
        margin-top: 0;
        margin-bottom: 20px
    }

    .navbar-default .navbar-toggle {
        border-color: transparent;
        border-radius: 0;
        margin-top: 15px
    }

    .navbar-default .navbar-toggle .icon-bar {
        display: block;
        width: 35px;
        height: 2px;
        border-radius: 5px
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #3853A4
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent
    }

    .navbar-nav {
        margin: 6.5px -15px
    }

    .main-nav .navbar-default .nav.navbar-nav li a {
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
        overflow: hidden
    }

    .carousel .item {
        height: 500px
    }

    .carousel .item .carousel-caption {
        left: 0;
        width: 100%
    }

    .about {
        padding: 10px 0 0 0
    }

    .about p {
        padding: 30px 0
    }

    .up-to-date h1 {
        padding: 0
    }

    .up-to-date form .form-control {
        margin-right: 0
    }

    .up-to-date form .form-group {
        margin-bottom: 0
    }

    .up-to-date form .btn-default {
        width: 100%;
        border-top-right-radius: 0;
        border-bottom-left-radius: 10px
    }

    .up-to-date .social a {
        margin-top: 0;
        margin-bottom: 20px
    }

    .breadcrump-head {
        height: 150px
    }

    .breadcrump-head .b-title {
        font-size: 24px;
        padding-top: 10px
    }

    .breadcrump-head .b-nav {
        height: 45px;
        width: 335px;
        padding: 12px 80px;
        left: 45%
    }

    .breadcrump-head h5 {
        color: #fff;
        font-size: 11px
    }

    .news .news-image {
        margin-bottom: 10px
    }

    .address {
        margin-top: 20px
    }

    #upfoot .foot-donate-btn {
        margin-bottom: 20px
    }

    .donate .donate-box .form-control {
        width: 100%
    }

    .fundraise .content-box {
        padding: 20px 0
    }

    .fundraise .content-box p {
        font-size: 14px
    }
}

@media (min-width: 550px) and (max-width: 991px) {
    .navigate .logo {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .navigate:after {
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: transparent;
        width: 50%;
        display: block;
        min-height: 50px
    }

    .navigate .navbar-header {
        z-index: 999
    }

    .navigate .navbar-header a {
        font-size: 20px;
        line-height: 48px;
        color: inherit
    }

    .top-nav {
        display: none;
        height: 100px
    }

    #upfoot img {
        margin-top: 0;
        margin-bottom: 20px
    }

    .navbar-default .navbar-toggle {
        border-color: transparent;
        border-radius: 0;
        margin-top: 30px
    }

    .navbar-default .navbar-toggle .icon-bar {
        display: block;
        width: 50px;
        height: 3px;
        border-radius: 5px
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #3853A4
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent
    }

    .navbar-nav {
        margin: 6.5px -15px
    }

    .main-nav .navbar-default .nav.navbar-nav li a {
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
        overflow: hidden
    }

    .carousel .item {
        width: 100%;
        height: auto
    }

    .about {
        padding: 10px 0 0 0
    }

    .about p {
        padding: 30px 0
    }

    .up-to-date h1 {
        padding: 0
    }

    .up-to-date form .form-control {
        margin-right: 0
    }

    .up-to-date form .form-group {
        margin-bottom: 0
    }

    .up-to-date form .btn-default {
        padding: 0 80px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 10px
    }

    .breadcrump-head {
        height: 150px
    }

    .breadcrump-head .b-title {
        font-size: 30px;
        line-height: 100px
    }

    .breadcrump-head .b-nav {
        height: 45px;
        width: 335px;
        left: 45%
    }

    .news .news-image {
        margin-bottom: 10px
    }

    .address {
        margin-top: 20px
    }

    #upfoot .foot-donate-btn {
        margin-bottom: 20px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important
    }

    .navbar-collapse.collapse.in {
        display: block !important
    }

    .navbar-header .collapse, .navbar-toggle {
        display: block !important
    }

    .navbar-header {
        float: none
    }
}

@media (min-width: 991px) and (max-width: 1200px) {
    .main-nav .navbar-default .nav.navbar-nav li a {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 15px
    }

    .up-to-date form .form-control {
        font-size: .5em
    }

    .up-to-date .social a {
        width: 65px;
        height: 65px
    }
}