@media only screen and (min-width: 1025px) {
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 21px;
    }
}

@media only screen and (min-width: 1281px) {
    .left-image-layout.hero .left-image-section-img-layout {
        width: 49%;
    }
    .left-image-layout.hero .left-content-layout {
        width: 51%;
    }
    .left-image-layout.hero .left-image-section-img-layout:after {
        width: 45%;
    }
}

@media only screen and (min-width: 1680px) {
    .left-image-layout.hero .left-image-section-img-layout:after {
        width: 30%;
    }
}

@media only screen and (min-width: 1921px) {
    .page-builder.oap .hero-slider .carousel-indicators {
        max-width: 483px;
    }
}

@media only screen and (min-width: 2048px){
    .page-builder.oap .hero-slider .carousel-indicators {
        max-width: 474px;
    }
    .right-image-layout.banner .text {
        padding: 6.5% 0;
    }
}

@media only screen and (max-width: 1917px) {
    .posts-section {
        height: 433px;
    }
}

@media only screen and (max-width: 1680px) {
    .default-page.about .posts-section {
        margin-bottom: 30px;
    }
    .page-builder.default-page.activit section {
        margin-bottom: 30px;
    }
    #page {
        overflow: hidden;
    }
    .post-content h2 {
        padding-right: 0;
    }
    .post-content > div {
        max-width: 271px;
    }
    .page.founder .left-image-section-img-layout:after {
        width: 47%;
    }
    .hero-singe-post .left-image-section-img-layout:after {
        width: 37%;
    }
}

@media only screen and (max-width: 1600px) {
    .page.founder .text {
        max-width: 720px;
    }
    .page.founder .left-image-section-img-layout:after {
        width: 56%;
    }
}

@media only screen and (max-width: 1577px) {
    .related-hero-post ul {
        max-width: 54%;
    }
}

@media only screen and (max-width: 1481px) {
    .posts-section {
        height: 400px;
    }
}

@media only screen and (max-width: 1440px) {
    .top-slider .carousel-caption,
    .top-slider .bg-layer,
    .bg-slider-img {
        height: 530px;
    }
    .page-header.banner,
    .bg-layout,
    .bg-layer-oap{
        height: 100% !important;
        padding: 10% 15px;
    }
    .page-header.banner.single-grant {
        padding: 5% 15px;
    }
    .hero-descr p {
        max-width: 75%;
    }
    .page-header.banner .page-title {
        font-size: 4.5rem;
    }
    .multi-item-carousel .col-md-4 {
        max-width: 337px;
    }
    .hero-carousel .row {
        padding: 1.9em 5.4em 1em;
    }
    .hero-carousel .carousel-control.left {
        left: -10%;
    }
    .hero-carousel .carousel-control.right {
        right: -10%;
    }
    .resources-section .row {
        padding: 3em 2.4em 0;
    }
    #svgimage {
        width: 65%;
    }
    .page.founder .page-content p {
        font-size: 2rem;
    }
    .page.founder .text {
        max-width: 693px;
    }
    .page.founder .left-image-section-img-layout:after {
        width: 74%;
    }
    .page-id-444 .page-builder.default-page .left-image-section-img-layout:after {
        width: 46%;
    }
    .default-page.conservation .left-image-section-img-layout:after {
        width: 46%;
    }
    .maps {
        height: 460px;
    }
}

@media screen and (-ms-high-contrast: active) and (min-width: 1440px), (-ms-high-contrast: none) {
    #svgimage {
        width:77%;
    }
}

@media screen and (-ms-high-contrast: active) and (min-width: 2048px), (-ms-high-contrast: none) {
    #svgimage {
        width:80%;
    }
}

@media only screen and (max-width: 1372px) {
    .related-hero-post ul {
        max-width: 64%;
    }
}

@media only screen and (max-width: 1366px) {
    .top-slider .carousel-caption,
    .top-slider .bg-layer,
    .bg-slider-img {
        height: 430px;
    }
    .posts-section {
        height: 330px;
    }
    .wrap-header h2 {
        font-size: 3rem !important;
    }
    .posts-section:before {
        width: 277px;
    }
    .right-image-layout.banner .text {
        width: 81.6%;
    }
    .hero-singe-post .left-image-section-img-layout:after {
        width: 45%;
    }
    h2.post-title {
        font-size: 2rem;
    }
    .category-news .right-content-layout .text,
    .category-blog .right-content-layout .text {
        max-width: 711px;
    }
    .quote-box-content p {
        max-width: 74.5%;
    }
    .related-hero-post ul {
        max-width: 66%;
    }
}

@media only screen and (max-width: 1320px) {
    .left-image-section-img-layout:after {
        width: 47%;
    }
}

@media only screen and (max-width: 1280px) {
    figcaption,
    .caption {
        font-size: 9px;
        line-height: 1.4;
        width: 160px;
        height: 76px;
    }
    figcaption:before,
    .caption:before {
        top: 75px;
    }
    .right-image-section-img-layout .caption {
        left: 31%;
        top: 4%;
    }
    .left-image-section-img-layout .caption {
        right: 21%;
        top: 4%;
    }
    .page-header.banner {
        height: 300px !important;
    }
    .text {
        padding-left: 15px;
    }
    .hero-carousel .carousel-control.left {
        left: -6%;
    }
    .hero-carousel .carousel-control.right {
        right: -6%;
    }
    .posts-section:before {
        width: 293px;
    }
    .default-page.conservation .default-page-content p {
        font-size: 2rem;
        line-height: 1.4;
    }
    .default-page.conservation .default-page-content h2 {
        font-size: 2.7rem;
        line-height: 1;
    }
    .default-page.conservation .default-page-content .row {
        padding: 3em 15px 1.8em;
    }
    .default-page.conservation .related-hero-post ul {
        -moz-columns: 1;
        columns: 1;
        -webkit-columns: 1;
    }
    .page-id-444 .page-builder.default-page .left-image-section-img-layout:after {
        width: 50%;
    }
    .right-image-layout.banner .text {
        width: 95.6%;
    }
    .hero-singe-post .content-box-right-layout {
        padding-left: 11%;
    }
    .hero-singe-post .content-box-left-layout {
        padding-right: 11%;
    }
    .navbar-nav {
        left: 3%;
    }
    .category-news .right-content-layout .text,
    .category-blog .right-content-layout .text {
        max-width: 702px;
    }
    .hero-slider .carousel-indicators {
        max-width: 479px;
    }
}

@media only screen and (max-width: 1250px) {
    .full-width-content-layout .text {
        padding: 2.4% 15px 3%;
    }
    .text {
        padding: 7px 15px 0;
    }
    .recent-updates .hero-cat.blog > ul > .col-md-4 {
        max-width: 330px;
    }
    .recent-updates .hero-cat.blog {
        max-width: 1040px;
    }
    .top-slider .carousel-inner > .item > img,
    .bg-layer {
        min-height: 330px;
        min-width: 100%;
    }
    .page-builder.front-page .right-content-layout {
        height: 100% !important;

    }
    .page-builder.front-page .right-content-layout .content-box-right-layout {
        padding: 35px 0 40px;
    }
    .page-builder.front-page .right-content-layout h2 {
        font-size: 3rem;
    }
    .page-builder.front-page .right-content-layout p {
        font-size: 2rem;
    }
    .right-image-section-img-layout img,
    .left-image-section-img-layout img {
        opacity: 0;
        max-width: 100%;
    }
    .recent-updates .hero-cat.blog > ul > .col-md-4.news h2,
    .recent-updates .hero-cat.blog > ul > .col-md-4.blog h2 {
        font-size: 2rem;
    }
    .recent-updates .post-thumb {
        max-height: 246px;
    }
    .recent-updates .post-date,
    .recent-updates li.col-md-4 .post-cat {
        font-size: 1.2rem;
    }
    .page-builder.front-page .right-image-layout.num-3 .right-content-layout p {
        font-size: 1.7rem;
    }
}

@media only screen and (max-width: 1250px) {
    .right-image-layout.banner .text {
        padding: 0;
        min-height: 350px;
    }
    .right-image-layout.banner .right-content-layout {
        height: 390px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .right-image-layout.banner .text {
        min-height: 340px;
    }
    .right-image-layout.banner .right-content-layout {
        height: 340px !important;
    }
    .page-id-444 .page-builder.default-page .left-image-section-img-layout::after {
        width: 58%;
    }
}

@media only screen and (max-width: 1190px) {
    .hero-singe-post .right-image-layout.banner .text p {
        font-size: 1.6rem;
    }
    .post-type-archive-grants .hero-box {
        padding: 0 15px;
    }
    .post-type-archive-grants .select-row {
        max-width: 100%;
    }
    .post-type-archive-grants .hero-cat > ul > .col-md-4 {
        max-width: 48.7%;
        height: 100%;
        width: 100%;
        min-height: initial;
    }
    .post-type-archive-grants .hero-cat > ul > .col-md-4:nth-child(2n) {
        margin-right: 0 !important;
    }
    .post-type-archive-grants .hero-cat > ul > .col-md-4:nth-child(3n) {
        margin-right: 23px;
    }
    .navbar-nav > li {
        margin: 0 1em 0 0;
    }
    .navbar-nav {
        left: 0;
    }
    .post-type-archive-grants .filter .bootstrap-select.oap:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .post-type-archive-grants .filter .bootstrap-select.partners:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        margin-right: 0;
    }
    .post-type-archive-grants .filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .post-type-archive-grants #clear-filter-submit,
    .post-type-archive-grants input.filter-remove-button[type="button"] {
        width: 48.8%;
    }
}

@media only screen and (max-width: 1173px) {
    .post-type-archive-oaps .row.hero-cat,
    .post-type-archive-heroes .row.hero-cat,
    .post-type-archive-oaps .filter.row,
    .post-type-archive-heroes .filter.row,
    .category-news .row.hero-cat,
    .category-blog .row.hero-cat {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .category-news .hero-cat.blog > ul > .col-md-4,
    .category-blog .hero-cat.blog > ul > .col-md-4 {
        max-width: 100%;
        width: 31.9%;
    }
    #clear-filter-submit {
        margin-top: 23px;
    }
    .post-type-archive-oaps .hero-cat > ul > .col-md-4,
    .post-type-archive-heroes .hero-cat > ul > .col-md-4 {
        max-width: 50%;
        width: 49%;
        margin-right: 20px !important;
    }
    .post-type-archive-oaps .post-info:before,
    .post-type-archive-heroes .post-info:before {
        display: none;
    }
    .post-type-archive-oaps .hero-cat > ul > .col-md-4:nth-child(2n),
    .post-type-archive-heroes .hero-cat > ul > .col-md-4:nth-child(2n) {
        margin-right: 0 !important;
    }
    .post-type-archive-oaps .filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .post-type-archive-heroes .filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .post-type-archive-oaps #clear-filter-submit,
    .post-type-archive-oaps input.filter-remove-button[type="button"],
    .post-type-archive-heroes #clear-filter-submit,
    .post-type-archive-heroes input.filter-remove-button[type="button"]{
        width: 49%;
        margin-right: 16px;
    }
    .post-type-archive-oaps .filter .bootstrap-select.programme:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .post-type-archive-heroes .filter .bootstrap-select.programme:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        margin-right: 0;
    }

}

@media only screen and (max-width: 1145px)  {
    .right-image-layout.banner .right-content-layout {
        height: 383px !important;
    }
    .posts-section {
        height: 300px;
    }
}

@media only screen and (max-width: 1109px) {
    .right-image-section-img-layout:after {
        width: 40%;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1090px) {
    .navbar-default .navbar-collapse {
        padding: 0;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1098px) {
    .category-news .hero-cat.blog > ul > .col-md-4,
    .category-blog .hero-cat.blog > ul > .col-md-4 {
        max-width: 100%;
        width: 31.8%;
    }
    .recent-updates .hero-cat.blog > ul > .col-md-4 {
        max-width: 328px;
    }
}

@media only screen and (max-width: 1145px)  {
    .right-image-layout.banner .right-content-layout {
        height: 330px !important;
    }
    .right-image-layout.banner .text {
        min-height: 330px;
    }
}

@media only screen and (max-width: 1080px)  {
    .right-image-layout.banner .right-content-layout {
        height: 320px !important;
    }
    .right-image-layout.banner .text {
        min-height: 320px;
    }
}

@media only screen and (max-width: 1057px) {
    .recent-updates .hero-cat.blog > ul > .col-md-4 {
        max-width: 31%;
    }
}

@media only screen and (max-width: 1028px) {
    .post-type-archive-oaps .hero-cat > ul > .col-md-4,
    .post-type-archive-heroes .hero-cat > ul > .col-md-4 {
        width: 48.9%;
    }
    .category-news .hero-cat.blog > ul > .col-md-4,
    .category-blog .hero-cat.blog > ul > .col-md-4 {
        max-width: 100%;
        width: 31.7%;
    }
    .post-type-archive-oaps .filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .post-type-archive-heroes .filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .post-type-archive-oaps #clear-filter-submit, .post-type-archive-oaps input.filter-remove-button[type="button"],
    .post-type-archive-heroes #clear-filter-submit, .post-type-archive-heroes input.filter-remove-button[type="button"] {
        margin-right: 14px;
    }
}

@media only screen and (max-width: 1024px) {
    .default-page.about .posts-section,
    .page-builder.default-page.activit section {
        margin-bottom: 15px;
    }
    .c100.big {
        font-size: 230px;
    }
    .circular-diagram .col-md-4.center p {
        vertical-align: middle;
        display: inline-block;
    }
    .page-numbers {
        width: 24px;
        height: 24px;
    }
    .search-results #content {
        margin-top: 0;
    }
    .right-image-layout.banner .right-content-layout {
        height: 300px !important;
    }
    #svgimage {
        width: 73%;
    }
    #svgimage svg {
        height: 300px;
    }
    .panel-body ul li a {
        width: 68%;
    }
    .left-image-section-img-layout .caption {
        right: 1%;
        top: 50%;
    }
    .right-image-section-img-layout .caption {
        left: 1%;
        top: 50%;
    }
    .top-slider .carousel-caption,
    .top-slider .bg-layer,
    .bg-slider-img {
        height: 330px;
    }
    .top-nav {
        position: static;
    }
    .navbar-header {
        position: fixed;
        width: 100%;
        z-index: 999;
        background: #fff;
    }
    #wpadminbar {
        position: fixed;
    }
    #content {
        margin-top: 0;
    }
    .navbar-collapse.in {
        margin-top: 127px;
        max-height: 285px;
        overflow-y: scroll;
        position: fixed;
        height: 85vh;
        z-index: 1000;
        background: #fff;
        width: 100%;
    }
    .post-type-archive-grants .post-info {
        padding: 6% 7%;
    }
    .hero-descr p {
        max-width: 100%;
    }
    h2 {
        font-size: 30px !important;
        margin: 0 auto !important;
        line-height: 1.5 !important;
    }
    .text {
        padding: 15px !important;
    }
    .page-numbers.current {
        padding: 5px;
    }
    .page-numbers.current, a, p, .left-image-layout.hero .text > div,
    .page-builder.oap .right-content-layout ul li,
    .post-date,
    .page-builder.default-page.activit .full-width-content-layout .text ul li,
    .default-page-content .subscribe-modal-activate {
        font-size: 14px !important;
    }
    .default-page-content .subscribe-modal-activate {
        max-width: 80px;
    }
    p {
        line-height: 1.5 !important;
    }
    .related-hero-post ul li a,
    .page-builder.oap .right-content-layout ul li {
        line-height: 1 !important;
    }
    .post-title,
    .widget-title,
    .wrap-header .post-date,
    .page-content p > span,
    .hero-name,
    .organization-name {
        font-size: 16px !important;
    }
    .hero-singe-post .right-image-layout.banner .text {
        text-align: center !important;
    }
    .widget-title {
        margin-bottom: 10px !important;
    }
    .page-header.banner .page-title,
    h1.page-title {
        font-size: 35px !important;
    }
    .content-box-right-layout .text {
        padding: 15px;
        position: static !important;
    }
    .page-header span {
        font-size: 22px !important;
    }
    .page-header span {
        max-width: 80% !important;
    }
    .page-header.banner {
        height: 100% !important;
        padding: 10% 15px;
    }
    .posts-section {
        height: 100%;
    }
    .post-box {
        padding: 0;
        width: 100%;
        background-position: center !important;
        position: static;
    }
    .post-content > .buttun-box {
        max-width: 100%;
    }
    .timeline-date > h2 {
        margin-top: 3.4% !important;
    }
    .post-content {
        text-align: center !important;
        padding: 15% 0;
    }
    .post-box.num1 .post-content {
        padding-left: 0;
    }
    .post-box.num2 .post-content {
        padding-right: 0;
    }
    .post-box.num1 {
        margin-bottom: 15px;
    }
    .contact-team-info-section .team-img > div {
        text-align: center;
    }
    .navbar-nav > li > .dropdown-menu {
        box-shadow: none;
        margin-bottom: 0;
        position: relative;
        margin-left: 0;
        background: #fff !important;
        left: 0;
        width: 100%;
    }
    .navbar-nav > li:hover > .dropdown-menu > li:hover {
        background: #43af65 !important;
    }
    .navbar-nav > li:hover > .dropdown-menu > li:hover > a {
        color: #fff !important;
        background: transparent !important;
    }
    .navbar-nav > li {
        cursor: pointer;
    }
    .navbar-nav > li:hover {
        background: #43af65;
    }
    .navbar-nav > li:hover a {
        color: #fff !important;
        background: transparent;
    }
    .navbar-nav > li:hover > .dropdown-menu > li > a {
        color: #006699 !important;
        background: #fff;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover {
        color: #fff !important;
        background: #43af65 !important;
        display: inline-block;
        position: static;
    }
    .navbar-default .navbar-nav > li.active {
        color: #fff !important;
        background: #43af65 !important;
    }
    .navbar-default .navbar-nav > li:hover > .dropdown-menu,
    .navbar-default .navbar-nav > li:focus > .dropdown-menu {
        display: none;
    }
    .hero-slider .carousel-indicators {
        max-width: 321px;
    }
    .category-news .hero-cat.blog > ul > .col-md-4,
    .category-blog .hero-cat.blog > ul > .col-md-4 {
        max-width: 100%;
        width: 48.7%;
    }
    .duration .info .title {
        font-size: 2.6rem;
    }
    .duration .info .descr {
        font-size: 2.6rem;
    }
    .duration .info .number {
        font-size: 7rem;
    }
    .page-content.oap-single span {
        font-size: 1.6rem;
    }
    .default-page.activities .with-content-repeater-layout .row .col-md-3 {
        width: 50%;
        float: left;
    }
    .multi-item-carousel .col-md-4 {
        max-width: 31.4%;
    }
    .resources-section ul li.col-md-4 {
        max-width: 300px;
    }
    .posts-section:before {
        display: none;
    }
    .post-content > div {
        max-width: 100%;
        text-align: center !important;
    }
    .post-content a {
        margin: 0 auto;
    }
    .icon-tab {
        width: 18%;
    }
    .icon-tab.active .tab-circle {
        width: 154px;
        height: 154px;
    }
    .panel-default:before {
        left: 9%;
    }
    .panel-collapse:before {
        left: -22.5%;
    }
    .panel-body ul li:nth-child(2n+1) {
        margin-right: 0;
    }
    .panel-body ul li {
        width: 89%;
    }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        padding-right: 15px;
    }
    .panel-title-box .fa-angle-right.active:before,
    .panel-title-box .fa-angle-right:before {
        right: 0;
    }
    .panel-body p {
        font-size: 1.5rem !important;
    }
    .panel-collapse::before {
        left: -23%;
    }
    .post-type-archive-grants .hero-descr p {
        font-size: 2rem;
    }
    .post-type-archive-grants .hero-box {
        padding: 0 15px;
    }
    .post-type-archive-grants .hero-cat > ul > .col-md-4 {
        max-width: 48.7%;
        height: 100%;
    }
    .post-type-archive-grants .select-row {
        max-width: 100%;
    }
    .post-type-archive-grants .hero-cat > ul > .col-md-4:nth-child(3n) {
        margin-right: 23px;
    }
    .maps {
        height: 330px;
    }
    .contact-slider-content h2 {
        font-size: 2.5rem;
    }
    .contact-slider-content p span {
        font-size: 1.7rem;
    }
    .default-page.contact .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        height: 307px !important;
    }
    .default-page.contact .default-page-content p {
        font-size: 1.4rem;
    }
    .contact-slider-content p {
        margin-top: 14px;
        font-size: 1.3rem !important;
    }
    .navbar-nav > li > .dropdown-menu li {
        border-bottom: none;
        padding-left: 15px;
    }
    .recent-updates .hero-cat.blog > ul {
        max-width: 100%;
    }
    .recent-updates .hero-cat.blog > ul > li {
        margin-right: 20px !important;
    }
    .recent-updates .hero-cat.blog > ul > li:last-child {
        margin-right: 0 !important;
    }
    .page-id-11 p {
        max-width: 100%;
    }
    .related-hero-post ul {
        max-width: 90%;
    }
    .category-news .right-content-layout p,
    .category-blog .right-content-layout p,
    .full-width-content-layout .text p {
        margin-bottom: 11px;
        text-align: left;
    }
    .full-width-content-layout .text {
        max-width: 984px;
    }
    .gallery-columns-3 .gallery-item {
        max-width: 31.5%;
        height: auto;
    }
    .quote-box-content p {
        max-width: 82.5%;
    }
    .quote-box-content p:before {
        width: 31px;
    }
    .category-news .right-content-layout .text,
    .category-blog .right-content-layout .text {
        max-width: 583px;
    }
    .hero-cat.blog > ul > .col-md-4:nth-child(3n) {
        margin-right: 23px;
    }
    .row.hero-cat {
        max-width: 95%;
    }
    .filter.row {
        padding: 1.76% 0 1.1%;
    }
    .post-type-archive-oaps .hero-cat > ul > .col-md-4:nth-child(3n),
    .post-type-archive-heroes .hero-cat > ul > .col-md-4:nth-child(3n) {
        margin-right: 20px;
    }
    .recent-updates .hero-cat.blog > ul > .col-md-4:nth-child(2n) {
        margin-right: 20px !important;
    }
    .hero-cat > ul > .col-md-4:nth-child(2n),
    .hero-cat.blog > ul > .col-md-4:nth-child(2n),
    .post-type-archive-heroes .hero-cat > ul > .col-md-4:nth-child(2n){
        margin-right: 0 !important;
    }
    #clear-filter-submit {
        margin: 15px 0 25px;
    }
    .select-row {
        margin: 0 auto 4.8%;
        vertical-align: middle;
    }
    .select-row span.title {
        position: relative;
        display: inline-block;
        vertical-align: top;
        padding-top: 15px;
    }
    input.filter-remove-button[type="button"] {
        min-width: 100%;
        white-space: normal;
        width: 100% !important;
    }
    .navbar-toggle {
        margin-top: 46px;
        margin-bottom: 46px;
    }
    .navbar-nav {
        position: static;
        top: 0;
        left: 0;
    }
    span.search-form {
        display: none;
    }
    #mob-search-form {
        display: block !important;
    }
    #s-m {
        max-width: 658px;
        position: relative;
        margin-right: 2%;
        padding: 8px 3em;
        min-height: 40px;
        background: url(../images/search.png) no-repeat #fff;
        background-size: 3%;
        background-position: 8px center;
        border: 2px solid #006699;
    }
    #searchsubmit-mob {
        color: #006699;
        font-size: 18px;
        font-weight: 400;
        text-transform: none;
        border: 2px solid #006699;
        background: transparent;
        max-width: 270px;
        width: 100%;
        line-height: 1;
        padding: 0.54em 1.5em;
        position: relative;
        top: 1px;
    }
    #mob-search-top {
        background: #fff;
        padding-bottom: 15px;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:focus,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > li.pll-parent-menu-item > a:hover,
    .navbar-default .navbar-nav > li.pll-parent-menu-item > a:focus,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff !important;
        text-decoration: none;
        background: #43af65;
        opacity: 0.9;
        font-weight: 600;
    }
    .navbar-nav > li {
        margin: 0;
    }
    .navbar-nav > li > a {
        margin: 0 0 1px;
        display: inline-block;
        position: static;
    }
    .navbar-nav .caret {
        right: 15px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        background: #43af65;
        color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        background-color: #fff;
        opacity: 0.9;
        color: #006699;
        font-size: 16px;
        font-weight: 400;
        line-height: 31px;
    }
    .navbar-default .navbar-nav > li > a:hover .caret,
    .navbar-default .navbar-nav > .open > a .caret,
    .navbar-default .navbar-nav > .open > a:focus .caret,
    .navbar-default .navbar-nav > .open > a:hover .caret {
        background-position: -10px -349px;
        right: 15px;
    }
    .top-slider .carousel-caption h3,
    .top-slider .carousel-caption h1 {
        font-size: 5rem;
        line-height: 1;
    }
    .top-slider .carousel-caption span {
        font-size: 2rem;
        line-height: 1;
    }
    .page-builder.front-page .right-image-section-img-layout {
        width: 52%;
    }
    .page-builder.front-page .right-image-section-img-layout img {
        height: auto;
    }
    .page-builder.front-page .right-content-layout {
        width: 48%;
    }
    .page-builder.front-page .content-box-right-layout .text {
        padding-left: 15px;
    }
    .page-builder.front-page .right-content-layout p {
        font-size: 1.7rem;
    }
    .recent-updates .hero-cat.blog {
        padding: 0 15px;
    }
    .recent-updates .hero-cat.blog > ul > .col-md-4 {
        max-width: 100%;
        width: 31.9%;
    }
    .recent-updates .post-thumb {
        max-height: 222px;
    }
    .recent-updates .content-box {
        min-height: 422px;
        height: 422px !important;
    }
    .content-twit {
        min-height: 258px;
        padding: 12px 25px 0;
        width: 100%;
    }
    .thumbnail-bg-layer img {
        max-width: 100%;
    }
    .thumbnail-bg-layer {
        width: 44.7%;
        min-height: 307px;
    }
    .hero-slider .carousel-caption p:before {
        width: 29px;
    }
    .hero-slider .carousel-caption {
        width: 55%;
    }
    .hero-slider .carousel-caption-content {
        max-height: 100%;
        min-height: 257px;
    }
    .hero-slider .carousel-caption h3 {
        font-size: 2.5rem;
        line-height: 1.9;
        padding: 0 0 10px;
    }
    .hero-slider .carousel-caption span {
        font-size: 1.5rem;
        bottom: 16px;
    }
    .hero-slider .carousel-caption p {
        font-size: 1.2rem;
        padding-top: 46px;
        padding-bottom: 0;
    }
    .hero-slider .carousel-inner {
        background: #fff;
    }
    .hero-carousel .post-thumb img {
        max-width: 100%;
        vertical-align: middle;
        min-height: initial;
        height: 220px;
        width: auto;
    }
    .post-thumb img {
        opacity: 1;
        margin: auto;
        display: block;
        max-width: 100%;
    }

    .category-blog .post-thumb img,
    .category-news .post-thumb img,
    .default-page.resources .post-thumb img,
    #oap-list .post-thumb img,
    #hero-list .post-thumb img,
    .recent-updates .post-thum img{
        opacity: 0;
    }
    .page-builder.front-page .right-image-layout.num-3 .right-content-layout p {
        font-size: 1.5rem;
    }
    .hero-singe-post .content-box-left-layout,
    .hero-singe-post .right-image-layout .text p {
        padding-right: 0;
    }
    .page-builder.oap .right-content-layout p,
    .page-builder.oap .right-content-layout ul li {
        max-width: 100% !important;
    }
    .single-oaps .full-width-content-layout .text p {
        font-size: 1.4rem;
    }
    .partner-list-layout .text ul li a img {
        max-height: 120px;
    }
    .partner-list-layout .text ul li {
        margin-right: 23px;
        max-width: 163px;
        height: 120px;
    }
    .single-oaps .hero-slider {
        height: 100%;
    }
    .circular-diagram .col-md-4.left p,
    .circular-diagram .col-md-4.right p,
    .contact-team-info-section .contact-content > div {
        text-align: center;
    }
    .circular-diagram .col-md-4 {
        padding: 15px 0;
        height: 100%;
        margin: auto;
    }
    .contact-team-info-section .contact-block {
        max-width: 406px;
    }
    .contact-team-info-section .contact-block .col-md-6 {
        height: 100%;
        padding: 15px;
        margin: auto;
    }
    .right-image-layout.banner .text {
        width: 100%;
    }
    .hero-singe-post .content-box-right-layout {
        padding-left: 0;
        min-height: initial;
        height: 100%;
    }
    .page.founder .entry-content {
        padding: 5.3% 15px 1.6%;
        max-width: 100% !important;
        margin: auto;
        position: static;
    }
    .right-image-layout.banner .text {
        width: 100%;
        position: static;
        float: none;
        height: 100%;
        min-height: initial;
        padding: 2em 15px;
    }
    .page-content.oap-single span,
    .page-content.oap-single p {
        font-size: 15px;
    }
}


@media only screen and (max-width: 990px) {
    .multi-item-carousel .col-md-4 {
        max-width: 31.3%;
    }
    .hero-carousel .post-info {
        min-height: 153px;
    }
}

@media only screen and (max-width: 978px) {
    .recent-updates .hero-cat.blog > ul > .col-md-4 {
        max-width: 100%;
        width: 31.7%;
    }
}

@media only screen and (max-width: 950px) {
    .multi-item-carousel .col-md-4 {
        max-width: 100%;
        margin-right: 0;
        width: 100%;
    }
    .multi-item-carousel .carousel-inner {
        max-width: 260px;
    }
    .multi-item-carousel {
        position: relative;
        max-width: 350px;
        margin: auto;
    }
}

@media only screen and (max-width: 942px) {
    .post-type-archive-grants .filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .post-type-archive-grants #clear-filter-submit,
    .post-type-archive-grants input.filter-remove-button[type="button"] {
        width: 48.7%;
    }
}

@media only screen and (max-width: 937px) {
    .post-type-archive-oaps .hero-cat > ul > .col-md-4,
    .post-type-archive-heroes .hero-cat > ul > .col-md-4 {
        width: 48.7%;
    }
    .post-type-archive-oaps .filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .post-type-archive-heroes .filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .post-type-archive-oaps #clear-filter-submit, .post-type-archive-oaps input.filter-remove-button[type="button"],
    .post-type-archive-heroes #clear-filter-submit, .post-type-archive-heroes input.filter-remove-button[type="button"] {
        margin-right: 11px;
    }
}

@media only screen and (max-width: 913px) {
    .post-type-archive-grants .hero-cat > ul > .col-md-4 {
        max-width: 48.6%;
    }
    .category-news .hero-cat.blog > ul > .col-md-4,
    .category-blog .hero-cat.blog > ul > .col-md-4 {
        max-width: 100%;
        width: 48.6%;
    }
}

@media only screen and (max-width: 875px) {
    .recent-updates .hero-cat.blog > ul > .col-md-4 {
        max-width: 100%;
        width: 31.5%;
    }
    .recent-updates .kebo-tweets .ktweet .ktext {
        line-height: 1;
    }
}

@media only screen and (max-width: 872px) {
    .post-type-archive-grants .filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .post-type-archive-grants #clear-filter-submit,
    .post-type-archive-grants input.filter-remove-button[type="button"] {
        width: 48.6%;
    }
}

@media only screen and (max-width: 850px) {
    .post-type-archive-grants .hero-cat > ul > .col-md-4 {
        max-width: 48.5%;
    }
    .category-news .hero-cat.blog > ul > .col-md-4,
    .category-blog .hero-cat.blog > ul > .col-md-4 {
        max-width: 100%;
        width: 48.5%;
    }
    .hero-slider .carousel-indicators {
        max-width: 316px;
    }
}

@media only screen and (max-width: 812px) {
    .post-type-archive-grants .filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .post-type-archive-grants #clear-filter-submit,
    .post-type-archive-grants input.filter-remove-button[type="button"] {
        width: 48.5%;
    }
}

@media only screen and (max-width: 800px) {
    .resources-section .post-info {
        min-height: initial;
        height: 100%;
    }
    .page-id-444 .page-builder.default-page .left-image-section-img-layout:after,
    .left-image-layout.hero .left-image-section-img-layout:after,
    .hero-singe-post .left-image-section-img-layout:after {
        width: 63%;
    }
    .page-header.banner.single-grant .page-title {
        font-size: 20px !important;
    }
    h2 {
        font-size: 26px !important;
        margin: 0 auto 15px !important;
        line-height: 1 !important;
    }
    .timeline-date > h2 {
        margin-top: 3.4% !important;
    }
    .timeline-date ul.list-in-tabs li {
        float: none;
        width: 100%;
    }
    .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
        white-space: normal;
    }
    .filter.row .dropdown-menu.open {
        width: 100%;
    }
    .filter .bootstrap-select.btn-group .dropdown-menu li a {
        line-height: 1 !important;
    }
    .timeline-date ul.list-in-tabs li a {
        width: 78.5%;
    }
    .page-builder.oap .hero-slider .carousel-indicators {
        max-width: 277px;
    }
    .hero-slider .carousel-indicators {
        max-width: 246px;
    }
    .partner-list-layout .text ul li {
        max-width: 46%;
        margin: 0.5em;
        float: left;
    }
    .partner-list-layout .text {
        max-width: 86%;
        margin: auto;
    }
    .default-page.activities .with-content-repeater-layout ul {
        max-width: 81%;
    }
    .multi-item-carousel .col-md-4 {
        max-width: 364px;
        width: 100%;
        margin: 0 auto !important;
    }
    .hero-carousel .row {
        padding: 1.9em 15px 1em;
        max-width: 395px;
    }
    .hero-carousel .carousel-control.left {
        left: -18%;
    }
    .hero-carousel .carousel-control.right {
        right: -18%;
    }
    .resources-section ul li.col-md-4 {
        margin: 15px auto !important;
    }
    .resources-section ul li.col-md-4,
    .resources-section ul {
        max-width: 365px;
        width: 100%;
    }
    .panel-default::before {
        left: 8.6%;
    }
    .panel-collapse::before {
        left: -23.5%;
    }
    .icon-tab.active .tab-circle {
        width: 131px;
        height: 131px;
    }
    .icon-tab.active .tab-circle span {
        font-size: 18px;
    }
    .panel-collapse:before {
        left: -24%;
    }
    .post-type-archive-grants .hero-cat > ul > .col-md-4 {
        max-width: 100%;
    }
    .post-type-archive-grants .post-info {
        padding: 6% 7% 3%;
    }
    .post-type-archive-grants .hero-descr p {
        font-size: 1.7rem;
    }
    .post-type-archive-grants .filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .post-type-archive-grants #clear-filter-submit,
    .post-type-archive-grants input.filter-remove-button[type="button"] {
        width: 100%;
        margin-top: 0 !important;
    }
    .with-content-repeater-layout ul {
        padding: 0;
        max-width: 60%;
    }
    .video-layout .img-responsive {
        position: relative;
        max-width: 100%;
        width: auto;
        height: 357px;
    }
    .category-news .page-content p,
    .category-blog .page-content p {
        font-size: 1.4rem;
    }
    .full-width-content-layout .text {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .gallery-columns-3 .gallery-item {
        margin: 0 17px 17px 0;
    }
    #searchform {
        padding: 20px 15px;
    }
    #s-m,
    #s {
        max-width: 62%;
        margin-right: 5px;
        background-size: 5%;
    }
    #searchsubmit {
        padding: 0.75em 1.5em;
        position: static;
        float: right;
    }
    #searchsubmit-mob,
    #searchsubmit {
        max-width: 36%;
    }
    .hero-descr p {
        padding: 0 15px;
        font-size: 2rem;
    }
    .filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    #clear-filter-submit {
        width: 270px;
    }
    input.filter-remove-button[type="button"] {
        min-width: 100%;
        word-wrap: break-word;
        padding-right: 30px;
    }
    .col-sm-6 {
        width: 100%;
    }
    .post-type-archive-oaps .post-info:before,
    .post-type-archive-heroes .post-info:before {
        display: none;
    }

    .sign-up-label {
        display: block;
    }
    #sign {
        margin: 1em auto;
        display: block;
    }
    #colophon .col-sm-3 {
        width: 100%;
        padding-right: 15px;
    }
    .widget-content {
        border-right: none;
        height: 100%;
        margin-bottom: 2em;
        border-bottom: 1px solid #fff;
    }
    ::-webkit-input-placeholder {
        font-size: 16px;
    }

    :-moz-placeholder {
        font-size: 16px;
    }

    ::-moz-placeholder {
        font-size: 16px;
    }

    :-ms-input-placeholder {
        font-size: 16px;
    }
    .page-title {
        font-size: 4rem;
    }
    .page-content p {
        font-size: 2rem;
    }
    .title-filter {
        margin: 1em 0;
    }
    .page-builder.front-page .right-content-layout a {
        font-size: 1.5rem;
        line-height: 2.5;
    }
    .recent-updates .hero-cat.blog > ul > .col-md-4 {
        max-width: 100% !important;
        margin-right: 0 !important;
        min-height: initial;
        height: 100% !important;
        width: 100%;
    }
    .recent-updates .hero-cat.blog > ul > .col-md-4:nth-child(2n) {
        margin-right: 0 !important;
    }
    .recent-updates .content-box {
        min-height: initial;
        height: 100% !important;
    }
    .recent-updates .post-thumb,
    .hero-cat.blog .post-thumb {
        max-height: 100%;
    }
    .hero-cat.blog > ul > .col-md-4 {
       min-height: initial !important;
        height: 100%;
    }
    .recent-updates .hero-cat.blog,
    .hero-cat.blog {
        max-width: 100%;
    }
    .recent-updates .post-thumb,
    .hero-cat.blog .post-thumb {
        background-size: cover !important;
        background-position: top !important;
        background-repeat: no-repeat !important;
    }
    .recent-updates .post-thumb img,
    .hero-cat.blog .post-thumb img {
        max-width: 100%;
        vertical-align: middle;
        min-height: initial;
        height: 100%;
        width: 100%;
    }
    .hero-slider .carousel-caption {
        width: 46%;
    }
    .hero-slider .carousel-caption p {
        padding-top: 27px;
    }
    .thumbnail-bg-layer:before {
        width: 87px;
    }
    .arrow-left-white,
    .arrow-right-white {
        top: 38.5%;
    }
    .page-builder.front-page .right-image-layout.num-3 .right-content-layout p {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 797px) {
    .post-type-archive-oaps .hero-cat > ul > .col-md-4,
    .post-type-archive-heroes .hero-cat > ul > .col-md-4 {
        margin-right: 19px !important;
    }
}

@media only screen and (max-width: 795px) {
    .category-news .hero-cat.blog > ul > .col-md-4,
    .category-blog .hero-cat.blog > ul > .col-md-4 {
        max-width: 100%;
        width: 48.4%;
    }
}

@media only screen and (max-width: 775px) {
    .post-type-archive-oaps .filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .post-type-archive-heroes .filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .post-type-archive-oaps #clear-filter-submit, .post-type-archive-oaps input.filter-remove-button[type="button"],
    .post-type-archive-heroes #clear-filter-submit, .post-type-archive-heroes input.filter-remove-button[type="button"] {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .c100.big {
        font-size: 240px;
    }
    #svgimage {
        width: 70%;
    }
    .post-type-archive-oaps .filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .post-type-archive-heroes .filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .post-type-archive-oaps #clear-filter-submit,
    .post-type-archive-oaps input.filter-remove-button[type="button"],
    .post-type-archive-heroes #clear-filter-submit,
    .post-type-archive-heroes input.filter-remove-button[type="button"] {
        margin-right: 0 !important;
        width: 100%;
    }
    .hero-cat > ul > .col-md-4,
    .hero-cat.blog > ul > .col-md-4 {
        max-width: 100%;
        margin-right: 0 !important;
    }
    .post-type-archive-oaps .hero-cat > ul > .col-md-4,
    .post-type-archive-heroes .hero-cat > ul > .col-md-4 {
        max-width: 100%;
    }
    .post-thumb {
        background-size: cover !important;
        background-position: top !important;
        background-repeat: no-repeat !important;
    }

    .hero-carousel .post-thumb {
        background-size: cover !important;
    }
    .post-type-archive-oaps .hero-cat > ul > .col-md-4,
    .post-type-archive-heroes .hero-cat > ul > .col-md-4 {
        min-height: initial;
        height: 100%;
        width: 100%;
        margin-right: 0 !important;
    }
    .post-type-archive-oaps .post-thumb img,
    .post-type-archive-heroes .post-thumb img {
        max-width: 100%;
        vertical-align: middle;
        min-height: initial;
        height: 100%;
        width: 100%;
    }
    .post-type-archive-grants .row.hero-cat {
        padding: 0;
    }
    .default-page.activities .with-content-repeater-layout ul {
        max-width: 100%;
    }
    .page.founder .page-content p {
        font-size: 1.8rem;
    }
    .default-page .page-title {
        font-size: 4.4rem !important;
        line-height: 3;
    }
    .page.founder .page-content span {
        font-size: 2rem;
    }
    .quote-box-content p {
        max-width: 80%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .select-row {
        padding-left: 8px;
    }
    .filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    #clear-filter-submit {
        width: 100%;
        margin-bottom: 15px;
    }
    .filter.row,
    .row.hero-cat {
        padding-left: 15px;
        padding-right: 15px;
    }
    .row.hero-cat {
        max-width: 100%;
    }
    .category-news .hero-cat.blog > ul > .col-md-4,
    .category-blog .hero-cat.blog > ul > .col-md-4 {
        max-width: 100%;
        width: 100%;
    }
    .search-results p {
        font-size: 1.3rem;
    }
    .read-more-btn {
        font-size: 1.5rem;
    }
    .hero-slider .carousel-caption {
        width: 52%;
    }
    .post-content > div {
        padding: 0 15px;
    }
    .right-image-section-img-layout:after {
        width: 48%;
    }
    .page-id-444 .page-builder.default-page .left-image-section-img-layout::after,
    .left-image-layout.hero .left-image-section-img-layout::after,
    .hero-singe-post .left-image-section-img-layout::after {
        width: 67%;
    }
    .right-image-layout.banner .right-content-layout {
        width: 56%;
    }
    .right-image-layout.banner .right-content-layout {
        height: 268px !important;
    }
}

@media only screen and (max-width: 740px) {
    .page-builder.oap .hero-slider .carousel-indicators {
        max-width: 265px;
    }
}

@media only screen and (max-width: 736px) {
    .page-builder.oap .post-thumb img {
        opacity: 1 !important;
    }
    .category-news .right-image-layout,
    .category-news .left-image-layout,
    .category-blog .right-image-layout,
    .category-blog .left-image-layout {
        display: table;
    }
    .category-news .right-content-layout,
    .category-news .left-content-layout,
    .category-blog .right-content-layout,
    .category-blog .left-content-layout {
        display: table-header-group;
        float: none;
        height: 100% !important;
    }
    .category-news .right-image-section-img-layout,
    .category-news .left-image-section-img-layout,
    .category-blog .right-image-section-img-layout,
    .category-blog .left-image-section-img-layout {
        display: table-footer-group;
        float: none;
        max-width: 100%;
        padding: 0 15px !important;
        background: #fff !important;
    }
    .category-news .right-image-section-img-layout img,
    .category-news .left-image-section-img-layout img,
    .category-blog .right-image-section-img-layout img,
    .category-blog .left-image-section-img-layout img{
        opacity: 1;
        max-width: 100%;
        display: block;
        margin: auto;
        width: 100%;
    }
    .category-news .left-image-section-img-layout:after,
    .category-news .right-image-section-img-layout:after,
    .category-blog .left-image-section-img-layout:after,
    .category-blog .right-image-section-img-layout:after{
        display: none;
    }
    .category-news .right-content-layout .text,
    .category-blog .right-content-layout .text{
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
    }
    #svgimage {
        display: none;
    }
    .right-image-layout,
    .left-image-layout {
        display: table;
        width: 100%;
    }
    .right-content-layout,
    .left-content-layout {
        display: table-header-group;
        float: none;
        height: 100% !important;
    }
    .right-image-section-img-layout,
    .left-image-section-img-layout {
        display: table-footer-group;
        float: none;
        max-width: 100%;
        padding: 0 15px !important;
        background: #fff !important;
        position: static !important;
    }
    .right-image-section-img-layout img,
    .left-image-section-img-layout img {
        opacity: 1;
        max-width: 100%;
        display: block;
        margin: auto;
        width: 100%;
    }
    .left-image-section-img-layout:after,
    .right-image-section-img-layout:after {
        display: none;
    }
    .right-content-layout .text,
    .left-content-layout .text {
        max-width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        position: static;
        width: 100%;
    }
    .icon-tab.active .tab-circle {
        width: 116px;
        height: 116px;
    }
    .right-image-layout,
    .left-image-layout {
        display: table;
    }
    .right-content-layout,
    .left-content-layout {
        display: table-header-group;
        float: none;
    }
    .right-image-section-img-layout,
    .left-image-section-img-layout {
        display: table-footer-group;
        float: none;
        max-width: 100%;
        padding: 0 15px !important;
        background: #fff !important;
    }
    .right-image-section-img-layout img,
    .left-image-section-img-layout img {
        opacity: 1;
        max-width: 80%;
        display: block;
        margin: 0 auto;
    }
    .left-image-section-img-layout:after,
    .right-image-section-img-layout:after {
        display: none;
    }
    .content-box-right-layout .text,
    .content-box-left-layout .text {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 5%;
        margin: 0 auto !important;
        max-width: 80% !important;
        position: static !important;
        padding-bottom: 5%;
        display: block;
        text-align: center;
    }
    .right-content-layout h2,
    .left-content-layout h2 {
        text-align: center;
    }
    .right-content-layout a,
    .left-content-layout a {
        margin: 0 auto;
    }
    .hero-slider a.btn {
        font-size: 1.5rem;
    }
    .hero-slider h2 {
        padding: 0.15em 0 0.15em;
        margin-bottom: 0;
    }
    .top-slider .carousel-inner > .item > img,
    .bg-layer {
        min-height: 298px;
    }
    .circular-diagram .col-md-4 {
        width: 100%;
    }
}

@media only screen and (max-width: 731px) {
    .page-header.banner .page-title, h1.page-title {
        font-size: 26px !important;
    }
    .posts-section .col-md-6 .post-content {
        padding: 15% 0;
    }
    .page-builder.oap .hero-slider .carousel-indicators {
        max-width: 246px;
        bottom: 25px;
    }
}

@media only screen and (max-width: 640px) {
    figcaption, .caption {
        font-size: 7px;
        width: 190px;
        height: 45px;
    }
    figcaption:before,
    .caption:before {
        top: 43px;
    }
    .top-slider .carousel-caption,
    .top-slider .bg-layer,
    .bg-slider-img {
        height: 280px;
    }
    .wrap-header h2 {
        font-size: 26px !important;
    }
    .page-title {
        font-size: 3rem !important;
    }
    .page-builder.oap .hero-slider .carousel-indicators {
        max-width: 100%;
        bottom: 5px;
    }
    .duration .col-md-6 {
        width: 100% !important;
        display: block !important;
        margin: 1em auto;
    }
    .page-builder.oap .right-content-layout p,
    .page-builder.oap .right-content-layout .text,
    .page-builder.oap .right-content-layout ul li {
        max-width: 100% !important;
        text-align: left;
        font-size: 15px !important;
    }
    .partner-list-layout .text ul {
        max-width: 100%;
    }
    .partner-list-layout .text ul li {
        float: left;
    }
    .circular-diagram .col-md-4,
    .contact-team-info-section .contact-block .col-md-6 {
        width: 100%;
    }
    .default-page.activities .with-content-repeater-layout .row .col-md-3 {
        width: 100%;
    }
    .default-page.activities .with-content-repeater-layout ul {
        max-width: 62%;
    }
    .default-page.activities .with-content-repeater-layout .text-repeat p {
        font-size: 2rem;
        text-align: center;
    }
    .icon-tab.active .tab-circle {
        width: 104px;
        height: 103px;
    }
    .panel-title a {
        font-size: 2.5rem;
    }
    .panel-collapse::before {
        left: -24.5%;
    }
    .timeline-date .row > h2 {
        font-size: 2.8rem;
    }
    .icon-tab.active .tab-circle span {
        font-size: 16px;
    }
    .default-page p,
    .default-page-content .subscribe-modal-activate {
        font-size: 1.6rem;
    }
    .default-page .page-title {
        font-size: 4.4rem !important;
    }
    .page.founder .content-box-right-layout .text,
    .page.founder .content-box-left-layout .text,
    .page.founder .right-content-layout h2,
    .page.founder .left-content-layout h2 {
        max-width: 100% !important;
        text-align: left;
    }
    .quote-hero-box {
        padding: 3em 15px;
    }
    .gallery-columns-3 .gallery-item {
        margin: 10px;
        max-width: 100%;
    }
    .gallery-columns-3 .gallery-item:nth-child(3n) {
        margin-right: 10px;
    }
    .full-width-content-layout .gallery-columns-3 {
        text-align: center;
    }
    .related-hero-post ul {
        -moz-columns: 1;
        columns: 1;
        -webkit-columns: 1;
    }
    .hero-slider .carousel-inner > .active {
        display: table;
        margin: 0 auto;
    }
    .hero-slider .carousel {
        padding-top: 5%;
		background: #fff;
    }
    .hero-slider .carousel-inner {
	    height: 529px;
	}
    .thumbnail-bg-layer {
        height: 100%;
        display: table-header-group;
        float: none;
        background: #fff !important;
    }
    .thumbnail-bg-layer:before {
        display: none;
    }
    .thumbnail-bg-layer img {
        max-width: 60%;
        opacity: 1;
        display: block;
        margin: 0 auto;
    }
    .hero-slider .carousel-caption {
        display: table-footer-group;
        float: none;
    }
    .hero-slider .carousel-caption-content {
        height: 100%;
        float: none;
        padding: 0 15px !important;
        position: static;
        max-width: 60%;
        display: block;
        margin: 0 auto;
    }
    .hero-slider .carousel-indicators {
        left: 0;
        right: 0;
        margin: 0;
        width: 100%;
        bottom: 3px;
        max-width: 100%;
    }
    .hero-slider .carousel-caption p {
        padding-top: 46px;
    }
}

@media only screen and (max-width: 568px) {
    .multi-item-carousel {
        max-width: 300px;
    }
    .quote-box-content p {
        max-width: 70%;
    }
    .page.founder .content-box-right-layout .text,
    .page.founder .content-box-left-layout .text,
    .page.founder .right-content-layout h2,
    .page.founder .left-content-layout h2 {
        line-height: 1;
        margin-bottom: 0.5em;
    }
    .with-programme .panel-body ul li,
    .timeline-date .panel-body ul li {
        font-size: 1.5rem;
    }
    .default-page.about .default-page-content .row {
        padding: 2.6em 15px 1em;
    }
    .panel-collapse:before {
        left: -25%;
    }
    .panel-body ul li a {
        padding-left: 15px;
    }
    .default-page.conservation .default-page-content p {
        font-size: 1.5rem;
    }
    .hero-singe-post .right-image-layout.banner .text p {
        font-size: 1.3rem;
    }
    .right-image-layout.banner h1 {
        font-size: 3rem;
    }
    .right-image-layout.banner span {
        font-size: 2rem;
    }
    .hero-singe-post .right-image-section-img-layout img,
    .hero-singe-post .left-image-section-img-layout img,
    .hero-singe-post .right-image-layout.banner .right-image-section-img-layout img {
        max-width: 100% !important;
    }
    .right-content-layout p,
    .left-content-layout p,
    .hero-singe-post .right-image-layout .text p {
        font-size: 1.4rem;
    }
    .filter .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 100%;
        margin-bottom: 15px;
    }
    #clear-filter-submit {
        margin: 0 0 25px;
        width: 100%;
        min-width: 100%;
    }
    .filter .bootstrap-select.btn-group .dropdown-menu {
        position: relative;
        max-width: 100%;
    }
    .select-row span.title {
        padding-bottom: 15px;
        display: block;
    }
    .top-slider .carousel-caption h3,
    .top-slider .carousel-caption h1 {
        font-size: 4rem;
    }
    .top-slider .carousel-caption span {
        font-size: 1.5rem;
    }
    .select-row {
        padding-left: 3px;
    }
}

@media only screen and (max-width: 414px) {
    .post-content > .buttun-box {
        max-width: 100%;
    }
    h2 {
        font-size: 20px !important;
        margin: 0 auto 15px !important;
        line-height: 1 !important;
    }
    .page-header.banner.single-grant .page-title {
        font-size: 18px !important;
    }
    .top-slider .carousel-caption,
    .top-slider .bg-layer,
    .bg-slider-img {
        height: 250px;
    }
    .partner-list-layout .text ul li {
        max-width: 45%;
    }
    .multi-item-carousel .carousel-inner {
        max-width: 215px;
    }
    .multi-item-carousel .col-md-4 {
        max-width: 281px;
    }
    .hero-carousel .carousel-control.left {
        left: 0;
    }
    .hero-carousel .carousel-control.right {
        right: 0;
    }
    .hero-carousel .btn {
        max-width: 285px;
    }
    .default-page.activities .with-content-repeater-layout ul {
        max-width: 83%;
    }
    .resources-section ul li.col-md-4,
    .resources-section ul,
    .resourse-load-more {
        max-width: 280px;
    }
    .default-page.resources .default-page-content .row {
        padding: 1em 15px 0;
    }
    .panel-collapse:before {
        display: none;
    }
    .team-accordeon .collapse.in {
        width: 100%;
    }
    .panel-default:before {
        display: none;
    }
    .icon-tab.active .tab-circle,
    .tab-circle {
        width: 84px;
        height: 83px;
    }
    .icon-tab.active .tab-circle span,
    .tab-circle span {
        font-size: 11px;
    }
    .panel-title-box {
        width: 70%;
    }
    .default-page.conservation .related-hero-post ul li a {
        line-height: 1;
    }
    .default-page.conservation .related-hero-post ul li {
        margin-bottom: 15px;
    }
    .video-layout .img-responsive {
        height: auto;
    }
    .hero-singe-post h2,
    .with-content-repeater-layout h2 {
        line-height: 1;
        margin-bottom: 15px;
    }
    .video-layout img.img-posteger {
        width: 33px;
        height: 39px;
    }
    .filter.row,
    .select-row {
        max-width: 100%;
    }
    .select-row {
        padding-left: 1px;
    }
    .wrap-content {
        padding-right: 15px;
    }
    .quote-box-content p:before {
        top: 36%;
        left: -2.9em;
    }
    .hero-cat.blog > ul {
        max-width: 100%;
    }
    #s-m,
    #s {
        max-width: 85%;
        background: #fff;
        padding: 8px 1em;
    }
    #searchsubmit-mob,
    #searchsubmit {
        width: 38px;
        padding: 0;
        height: 41px;
        background: url(../images/search.png) no-repeat #fff;
        background-position: center;
        color: transparent;
        border: none;
    }
    #searchsubmit {
        background: url(../images/search.png) no-repeat transparent;
        background-position: center;
    }
    .post-type-archive-oaps .hero-cat > ul,
    .post-type-archive-heroes .hero-cat > ul {
        max-width: 100%;
    }
    #sign {
        margin: 1em 15px;
        display: block;
        max-width: 92%;
    }
    .links,
    .copy {
        display: block;
        width: 100%;
        text-align: center;
    }
    #clear-filter-submit,
    input.filter-remove-button[type="button"],
    .filter .btn-default, .filter .btn-default:hover,
    .filter .btn-default:focus,
    .filter .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
    .filter .bootstrap-select > .dropdown-toggle.bs-placeholder,
    .filter .dropdown-menu,
    .filter .btn-default:active:hover,
    .filter .btn-default.active:hover,
    .filter .open > .dropdown-toggle.btn-default:hover,
    .filter .btn-default:active:focus,
    .filter .btn-default.active:focus,
    .filter .open > .dropdown-toggle.btn-default:focus,
    .filter .btn-default.focus:active,
    .filter .btn-default.active.focus,
    .filter .open > .dropdown-toggle.btn-default.focus,
    .filter .btn-group.open .dropdown-toggle,
    .with-content-repeater-layout .text-repeat p {
        font-size: 1.5rem;
    }
    .with-content-repeater-layout ul {
        max-width: 80%;
    }
    .hero-descr p {
        line-height: 1.5;
    }
    .title-filter {
        font-size: 2rem;
    }
    .select-row span.title {
        font-size: 1.85rem;
    }
    .content-box-right-layout .text,
    .content-box-left-layout .text {
        max-width: 100% !important;
    }
    .right-image-section-img-layout img,
    .left-image-section-img-layout img {
        max-width: 100%;
    }
    .recent-updates .post-thumb {
        max-height: 260px;
    }
    .thumbnail-bg-layer img,
    .hero-slider .carousel-caption-content {
        max-width: 81%;
    }
    .arrow-left-white, .arrow-right-white {
        top: 34.5%;
    }
    .hero-box.blog {
        padding: 0 0 3em;
    }
    .page-header.banner .page-title, h1.page-title {
        font-size: 22px !important;
        line-height: 1 !important;
    }
    .page-header span {
        font-size: 16px !important;
    }
    .layer-content {
        padding: 15px;
    }
    .wrap-header h2 {
        font-size: 18px !important;
    }
    .post-title,
    .widget-title,
    .wrap-header .post-date,
    .page-content p > span,
    .hero-name,
    .organization-name {
        font-size: 14px !important;
    }
    a, p, .page-builder.oap .right-content-layout ul li,
    .post-date,
    .default-page-content .subscribe-modal-activate {
        font-size: 13px !important;
    }
    .resources-section .post-thumb {
        height: 187px;
    }
}

@media only screen and (max-width: 375px) {
    .top-slider .carousel-caption,
    .top-slider .bg-layer,
    .bg-slider-img {
        height: 230px;
    }
    .partner-list-layout .text ul li {
        max-width: 44%;
    }
    .hero-carousel .post-info {
        min-height: initial;
        padding-bottom: 10%;
    }
    .default-page.activities .with-content-repeater-layout ul {
        max-width: 100%;
    }
    .recent-updates .post-thumb {
        max-height: 234px;
    }
    .top-slider .carousel-caption h3,
    .top-slider .carousel-caption h1 {
        font-size: 3rem;
    }
    .quote-box-content p {
        max-width: 72%;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .maps {
        height: 224px;
    }
}

@media only screen and (max-width: 360px) {
    .multi-item-carousel .col-md-4 {
        max-width: 237px;
    }
    .hero-carousel .btn {
        max-width: 237px;
    }
    .post-box {
        background-size: 164% !important;
    }
}

@media only screen and (max-width: 320px) {
    h2 {
        font-size: 17px !important;
        margin: 0 auto 15px !important;
        line-height: 1 !important;
    }
    .page-header.banner.single-grant .page-title {
        font-size: 16px !important;
    }
    .top-slider .carousel-caption,
    .top-slider .bg-layer,
    .bg-slider-img {
        height: 200px;
    }
    .partner-list-layout .text ul li {
        max-width: 43%;
    }
    .page-header.banner .page-title, h1.page-title {
        font-size: 20px !important;
    }
    .page-header span {
        font-size: 14px !important;
    }
    .multi-item-carousel .col-md-4 {
        max-width: 227px;
    }
    .hero-carousel .btn {
        max-width: 227px;
    }
    .resources-section .row {
        padding: 3em 15px 0;
    }
    .contact-slider-content p {
        font-size: 1.1rem !important;
    }
    #s-m,
    #s {
        max-width: 82%;
    }
    .right-content-layout p,
    .left-content-layout p {
        line-height: 1.2 !important;
    }
    .recent-updates .post-thumb {
        max-height: 193px;
    }
    .recent-updates .hero-cat.blog > ul > .col-md-4 {
        min-height: initial;
        height: 100%;
    }
    .with-content-repeater-layout ul {
        max-width: 80%;
    }
}