@media screen and (max-width: 1599px) {
    .video IFRAME {
        height: 240px !important
    }

    .video-member IFRAME {
        height: 200px !important
    }

    .projects-filter-content .logo-corner, .projects-wrapper .logo-corner, .charity-box .logo-corner {
        top: 10%;
        right: 50%;
        left: auto
    }

    .resource-item {
        min-height: 600px
    }

    BODY:not(.home) .box.latest-news-home-wrapper .box-content div > A {
        height: 175px
    }

    .page-template-page-news H2.news-title, .page-template-page-activity H2.news-title {
        min-height: 165px
    }

    .main-menu-wrapper li a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px
    }

    .logo-wrapper {
        position: absolute;
        width: 130px;
        height: 100px;
        background-size: 130px 100px
    }

    .logo-img-wrapper {
        max-width: 100px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 12px;
        clear: both
    }

    .font-size-wrapper {
        margin-left: -15px;
        margin-right: -15px
    }

    .sign-in-wrapper a {
        font-size: 13px
    }

    #page-content .box-header .box-title {
        font-size: 20px
    }

    .members-col {
        margin-top: 60px !important
    }

    .header-image-mask-white .header-image-mask-title {
        top: 22%
    }

    .product-gallery-thumbs img {
        height: auto;
        width: 100% !important
    }

    .header-image-wrapper {
        min-height: 200px;
        height: auto
    }

    .footer-row-2 {
        font-size: 40px
    }

    .slider-members-item .club-logo-wrapper img {
        padding: 7% 29% 6% 30%
    }

    .page-template-page-members .slider-members-item .club-logo-wrapper {
        height: 105px
    }

    .projects-wrapper .col-lg-6 .mask-image {
        height: 165px
    }

    .projects-filter-content .mask-image {
        height: 100px
    }

    .project-details-box .club-logo-wrapper {
        height: 55px
    }

    .project-details-wrapper .club-logo-wrapper i {
        line-height: 55px
    }

    .resource-item > A {
        height: 130px
    }

    .page-template-page-news .item > A {
        height: 175px !important
    }

    #content .box-title, .projects-wrapper .box .box-title {
        min-height: 150px
    }

    .projects-filter-content .content-text, .projects-wrapper .content-text {
        min-height: 150px
    }
}

@media screen and (max-width: 1334px) {
    .header-filter-area ul li {
        width: 28%;
        font-size: 22px
    }

    .header-filter-area {
        bottom: 0
    }

    .header-image-mask-title {
        font-size: 40px !important
    }

    div.filter-wrapper input {
        width: 73%
    }

    div.filter-wrapper a {
        width: 25%
    }

    #mc_embed_signup .mc-field-group input {
        width: 70% !important
    }
}

@media screen and (max-width: 1199px) {
    #mc_embed_signup .mc-field-group input {
        width: 60% !important
    }

    #mc_embed_signup {
        float: none !important;
        width: 100% !important;
        margin-top: 30px !important
    }

    #mc_embed_signup .mc-field-group input {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    #mc_embed_signup form {
        padding: 0 !important
    }

    #mc_embed_signup H6 {
        margin-bottom: 0 !important
    }

    .resource-item {
        min-height: 500px
    }

    #mc-embedded-subscribe {
        top: 65px !important
    }

    BODY:not(.home) .box.latest-news-home-wrapper .box-content div > A {
        height: 145px
    }

    #content .box-title, .projects-wrapper .box .box-title {
        min-height: 125px
    }

    .partner-item {
        margin-bottom: 15px
    }

    .charity-box .logo-corner {
        top: 15%
    }

    #header .row-1, #header .row-2, .main-menu-wrapper {
        display: none
    }

    .mobile-menu-icon-wrapper {
        display: block;
        position: absolute;
        right: 25px;
        margin-top: 25px
    }

    .mobile-menu-icon {
        cursor: pointer;
        font-size: 32px
    }

    .mobile-menu-row {
        display: block;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .mobile-menu-row #menu-menu-top-1 li {
        display: block;
        border-bottom: 1px solid #7777a7 !important
    }

    .mobile-menu-row #menu-menu-top-1 > li:first-child {
        border-top: 1px solid #7777a7 !important
    }

    .mobile-menu-row #menu-menu-top-1 .sub-menu a, .mobile-menu-row #menu-menu-top-1 .sub-menu li {
        border: none !important
    }

    .mobile-menu-row #menu-menu-top-1 .sub-menu {
        display: none !important
    }

    .mobile-menu-row #menu-menu-top-1 > li:hover > .sub-menu {
        display: block !important
    }

    .mobile-menu-row #menu-menu-top-1 a {
        padding: 10px 20px;
        display: block;
        text-align: center;
        color: #fff
    }

    .mobile-menu-row .social-wrapper {
        float: right;
        clear: both
    }

    .mobile-menu-row ul {
        padding: 0;
        margin: 0
    }

    .mobile-menu-row .social-wrapper li {
        margin-right: 20px
    }

    .content-col-right .box-link {
        clear: both;
        width: 100%;
        text-align: left
    }

    .slider-members-item .club-logo-wrapper img {
        padding: 7% 31% 7% 31%
    }

    .mask-image {
        width: 100%;
        height: 190px !important
    }

    .page-template-page-members .slider-members-item .club-logo-wrapper {
        height: 125px
    }

    #header .header-wrapper {
        border-bottom: 0
    }

    .logo-wrapper {
        margin-left: 0
    }

    .projects-filter-content .mask-image {
        height: 145px !important
    }

    .project-details-wrapper .club-logo-wrapper {
        min-width: 65px;
        max-width: 65px;
        margin-left: -10px
    }

    .resource-item > A {
        height: 160px
    }

    .page-template-page-news .item > A {
        height: 140px
    }

    .logo-wrapper {
        top: 5px
    }

    #header .header-wrapper {
        height: 80px
    }

    .footer-row-2 {
        font-size: 40px;
        line-height: 40px
    }
}

@media screen and (max-width: 991px) {
    .projects-filter-content .logo-corner, .projects-wrapper .logo-corner, .charity-box .logo-corner {
        top: 20%;
        right: 50%;
        left: auto
    }

    .projects-filter-content .content-text, .projects-wrapper .content-text {
        min-height: auto
    }

    #content .box-title, .projects-wrapper .box .box-title {
        min-height: auto;
        margin-bottom: 15px !important
    }

    .resource-item {
        min-height: auto
    }

    HEADER .row {
        margin: 0 0 0 15px
    }

    .slider-content-wrapper {
        padding: 20px;
        bottom: 10%;
        box-sizing: border-box;
        margin: 0 auto;
        position: absolute;
        right: 0;
        left: 0;
        width: 300px;
    }

    .slider-title {
        text-transform: uppercase;
        font-size: 20px;
        line-height: 26px
    }

    .btn-custom {
        font-size: 16px;
        padding: 8px 10px
    }

    .box-link {
        clear: both;
        width: 100%;
        text-align: left
    }

    #page-content .row-2 .news-title {
        margin-top: 20px
    }

    #page-content .row-1 .news-title {
        margin-bottom: 30px;
        margin-top: 0
    }

    #page-content .row-1 .news-subtitle {
        display: none
    }

    .page-content-wrapper {
        padding: 20px 10px
    }

    div.filter-wrapper a {
        font-size: 12px
    }

    div.filter-wrapper a i {
        display: none
    }

    .row-copyright {
        font-size: 14px
    }

    .menu-left-box, .project-details-box, .refine-selection-form, .club-info-box {
        margin-top: -40px
    }

    .slider-members-item .club-logo-wrapper img {
        padding: 7% 28% 7% 28%
    }

    .menu-left-box, .project-details-box, .refine-selection-form, .club-info-box {
        margin-top: 0
    }

    .page-template-page-members .slider-members-item .club-logo-wrapper {
        height: 235px
    }

    .row-2 .col-xs-12 {
        padding-right: 0
    }

    #page-content .col-lg-12 .row-wrapper {
        margin-right: 15px
    }

    #page-content .row-2 .row-wrapper > div {
        padding-right: 0px !important
    }

    .projects-filter-content .mask-image {
        height: 220px !important
    }

    .page-template-page-news .item > A, BODY:not(.home) .box.latest-news-home-wrapper .box-content div > A {
        height: auto !important
    }

    .page-template-page-news H2.news-title, .page-template-page-activity H2.news-title {
        min-height: auto
    }
}

@media screen and (max-width: 769px) {
    .header-filter-area .filter-wrapper {
        width: 100%
    }

    .slider-members-item .club-logo-wrapper img {
        padding: 6% 36% 7% 36%
    }

    .resource-item > A {
        min-height: 250px
    }
}

@media screen and (max-width: 760px) {
    .page-template-page-members .slider-members-item .club-logo-wrapper, .page-template-page-partners .slider-members-item .club-logo-wrapper {
        height: 480px
    }

    .page-content-container P IMG {
        height: auto
    }
}

@media screen and (max-width: 685px) {
    .slider-members-item .club-logo-wrapper img {
        padding: 6% 34% 7% 34%
    }

    .page-template-page-members .slider-members-item .club-logo-wrapper, .page-template-page-partners .slider-members-item .club-logo-wrapper {
        height: 420px
    }

    .logo2 {
        display: none
    }
}

@media screen and (max-width: 600px) {
    .wp-block-embed-youtube iframe{
        width: 100%;
    }
    .wp-block-embed-facebook iframe{
        width: 100% !important;
    }
    .wp-block-embed-facebook .fb_iframe_widget{
        width: 100% !important;
    }
    .wp-block-embed-facebook .fb_iframe_widget > span{
        width: 100% !important;
    }
    .page-template-page-members .members-wrapper {
        margin-top: 50px
    }

    .members-wrapper .slider-members-item .club-logo-wrapper img {
        padding: 7% 28% 8%
    }

    .header-image-mask-title {
        padding-bottom: 80px
    }

    .row-copyright .text-right {
        text-align: left !important
    }

    .slider-members-item .club-logo-wrapper img {
        padding: 3% 40% 7% 40%
    }

    .page-template-page-members .slider-members-item .club-logo-wrapper, .page-template-page-partners .slider-members-item .club-logo-wrapper {
        height: 370px
    }

    .header-image-wrapper {
        padding-bottom: 20px
    }

    .header-image-mask-title {
        top: 40px;
        padding-bottom: 0
    }

    .club-info-box {
        margin-top: 50px !important
    }

    .header-image-mask {
        background: none;
        display: block
    }

    .header-image-wrapper img {
        display: none
    }

    .header-image-mask-title {
        position: relative !important;
        color: #3c3c83
    }

    .header-image-wrapper {
        min-height: 0;
        height: auto;
        padding-top: 40px;
        padding-bottom: 10px
    }

    .header-filter-area ul li:first-child {
        width: 16%
    }

    .map-area {
        display: none
    }
}

@media screen and (max-width: 550px) {
    .page-template-page-members .slider-members-item .club-logo-wrapper, .page-template-page-partners .slider-members-item .club-logo-wrapper {
        height: 350px
    }

    .resource-item > A {
        min-height: 160px
    }

    .page-template-page-news .item > A {
        height: 160px
    }
}

@media screen and (max-width: 500px) {
    .projects-filter-content .logo-corner, .projects-wrapper .logo-corner, .charity-box .logo-corner {
        top: 13%
    }

    .slider-members-item .club-logo-wrapper img {
        padding: 4% 38% 7% 38%
    }

    .page-template-page-members .slider-members-item .club-logo-wrapper, .page-template-page-partners .slider-members-item .club-logo-wrapper {
        height: 300px
    }

    .share-icons {
        clear: both;
        margin-top: 15px
    }

    .projects-filter-content .mask-image {
        height: 170px !important
    }

    .owl-carousel .owl-item{
        height:285px;
    }
    .owl-carousel .owl-item img {
        display: block;
        margin: 0;
        max-width: none;
        max-height: none;
        width: 100%;
        height: 300px !important;
        object-fit: cover;
        object-position: 50% 50%;
    }
}

@media screen and (max-width: 410px) {
    .charity-box .logo-corner {
        top: 5%
    }

    .slider-members-item .club-logo-wrapper img {
        padding: 4% 36% 8% 36%
    }

    .page-template-page-members .slider-members-item .club-logo-wrapper, .page-template-page-partners .slider-members-item .club-logo-wrapper {
        height: 260px
    }
}

@media screen and (max-width: 380px) {
    .slider-members-item .club-logo-wrapper img {
        padding: 4% 34% 8% 34%
    }

    .mask-image {
        width: 100%;
        height: 170px !important
    }

    .page-template-page-members .slider-members-item .club-logo-wrapper, .page-template-page-partners .slider-members-item .club-logo-wrapper {
        height: 220px
    }

    .projects-filter-content .mask-image {
        height: 145px !important
    }
}

@media screen and (max-width: 360px) {
    .slider-members-item .club-logo-wrapper img {
        padding: 4% 32% 8% 32%
    }

    .mask-image {
        width: 100%;
        height: 150px !important
    }

    .page-template-page-members .slider-members-item .club-logo-wrapper, .page-template-page-partners .slider-members-item .club-logo-wrapper {
        height: 200px
    }
}

@media screen and (max-width: 320px) {
    .slider-members-item .club-logo-wrapper img {
        padding: 4% 30% 8% 30%
    }

    .page-template-page-members .slider-members-item .club-logo-wrapper, .page-template-page-partners .slider-members-item .club-logo-wrapper {
        height: 190px
    }
}