@media only screen and (min-width:4501px) and (max-width: 6000px) {
        /* == 25% == */

    }

    @media only screen and (min-width:3100px) and (max-width: 4500px) {

        /* == 33% == */

        .publication-post-image {
            height: 1375px;
        }
    }

    @media only screen and (min-width:2701px) and (max-width: 3100px) {
        /* == 50% == */

        .publication-post-image {
            /* height: 895px !important; */
            display: contents;
        }

        /*.campaign-page-outer .campaign-mainpage-item-outer .campaign-mainpage-item .campaign-mainpage-content {
             bottom: -107px !important;
        } */

        .mfp-arrow {
            top: 46% !important;
        }

        .video-section-left-side-image .elementor-widget-container {
            padding-bottom: 75% !important;
        }

        .Featured-Publications.title-section h4 {
            padding-right: 75px;
        }

        .campaign-inner-page.project-inner.image-in.alcohol-related-bills-outer .e-con-inner {
            width: 46% !important;
        }

    }


    @media (min-width:2001px) {
        /* .project-image {
            height: 900px !important;
        } */


        .campaign-inner-page-child .image-outer img {
            max-width: 35% !important;
            width: 35% !important;
        }

        .campaign-inner-page-child .image-outer .elementor-widget-container .elementor-wrapper.elementor-open-lightbox img {
            max-width: 100% !important;
            width: 100% !important;
        }

        .campaign-inner-page-child .image-outer .elementor-wrapper.elementor-open-inline {
            max-width: 100% !important;
            width: 100% !important;
        }

        /* .take-action-half-logo {
            padding-top: 75px !important;
        } */

    }


    @media only screen and (min-width:2001px) and (max-width: 2700px) {
        /* == 67% == */

        /* .publication-post-image {
            height: 665px !important;
            display: contents;
        } */

        /* .project-image {
            height: 750px;
        } */

        .video-section-left-side-image .elementor-widget-container {
            padding-bottom: 75% !important;
        }

        .campaign-inner-page.project-inner.image-in.alcohol-related-bills-outer .e-con-inner {
            width: 61% !important;
        }

    }


    @media only screen and (min-width: 1801px) and (max-width: 2000px) {
        /* == 75% == */

        /* .publication-post-image {
            height: 500px !important;
        } */

        /* .project-image {
            height: 750px;
        } */

        .mfp-arrow {
            top: 50% !important;
        }

        .campaign-inner-page.project-inner.image-in.alcohol-related-bills-outer .e-con-inner {
            width: 68% !important;
        }

    }

    @media (min-width:1600px) {

        .take-action-half-logo {
            padding-top: 45px !important;
        }

    }


    @media only screen and (min-width:1601px) and (max-width: 1800px) {
        /* == 80% == */

        /* .publication-post-image {
            height: 465px !important;
        } */

        .mfp-arrow {
            top: 54% !important;
        }

        .campaign-inner-page.project-inner.image-in.alcohol-related-bills-outer .e-con-inner {
            width: 72% !important;
        }



    }


    @media (min-width:1550px) {

        /* nav#c-menu--slide-right.is-active .menu-rightside {
            overflow-y: hidden;
        } */

    }



    @media only screen and (min-width:1517px) and (max-width: 1600px) {
        /* == 90% == */

        /* .publication-post-image {
            height: 411px !important;
        } */

        /* .mfp-arrow {
            position: absolute;
            top: 60% !important;
        } */

        .campaign-inner-page.project-inner.image-in.alcohol-related-bills-outer .e-con-inner {
            width: 80% !important;
        }

    }


    @media only screen and (min-width:2000px) and (max-width: 5100px) {}


    @media (min-width:2001px) {

        .campaign-image a::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            background-image: url(../images/campaigns-box-overlay.svg);
            background-repeat: no-repeat;
            background-position: bottom;
            background-size: contain;
            bottom: -290px !important;
        }

    }


    @media (min-width:1600px) {

        /* .projects-item-main-outer .project-item {
            width: 31% !important;
        } */

    }


    @media (max-width:1400px) {}


    @media (max-width:1395px) {}


    @media (max-width:1350px) {

        .Featured-Publications .e-con-inner::before,
        .video-section .e-con-inner::before {
            right: -80px !important;
        }

    }


    @media (max-width:1310px) {}


    @media (max-width:1300px) {

        .Staff-image-para .Staff-image-back {
            background-position: 70% center !important;
        }

    }


    @media (max-width:1280px) {

        .donate.button-outer {
            margin-top: 0 !important;
        }

        .footer-newsletter-outer form .invalid .wpcf7-response-output,
        .footer-newsletter-outer form .wpcf7-response-output {
            position: relative !important;
            top: 0 !important;
        }

        .breadcrum-header-outer .e-con-inner {
            max-width: 98% !important;
        }

    }


    @media (max-width:1260px) {

        footer {
            padding: 0px 20px 0 0 !important;
        }

        .footer-outer {
            padding: 50px 0 0 20px !important;
        }

    }


    @media (max-width:1240px) {

        .container,
        .e-con-inner,
        .elementor-container {
            max-width: 100% !important;
        }

        div#crm-container {
            width: 100% !important;
        }

        .slider-bottom-three-button .e-con-inner {
            display: flex !important;
            flex-direction: column !important;
        }

        .Featured-Publications .e-con-inner::before,
        .video-section .e-con-inner::before {
            right: 0 !important;
        }

        .home-page-Current-Campaigns-outer .e-con-inner,
        .Resources_title-outer .e-con-inner,
        .Resources-content-outer .e-con-inner,
        .Featured-Publications .e-con-inner,
        .video-section .e-con-inner,
        .Current-Projects-outer .e-con-inner,
        .common-outer,
        .our-funder-outer .e-con-inner {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        .footer-newsletter-outer {
            padding: 86px 20px 0px !important;
        }

        header#masthead .header-outer .e-con-inner {
            padding: 5px 0 0 20px !important;
        }

        .campaign-page-outer .campaign-mainpage-item-outer .campaign-mainpage-item {
            width: 46.6% !important;
        }

        .form-title .e-con-inner,
        .contact-page-form-outer .e-con-inner,
        .Staff-form-outer {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        .legislative-activity.californai-legislative-positons .e-con-inner {
            padding-left: 20px;
            padding-right: 20px;
        }

        .tt-pagetitle__title.sing h1,
        .tt-pagetitle__title.sing,
        .tt-pagetitle__title h1,
        .tt-pagetitle__title {
            font-family: 'Kanit', sans-serif !important;
            font-weight: 500 !important;
            color: #fff;
            text-align: initial;
            margin: 0px 0 10px;

            font-size: 50px !important;
            line-height: 60px;
        }

    }


    @media (max-width:1200px) {

        .our-funder-image .elementor-widget-container {
            padding-bottom: 0 !important;
        }

        .our-funder-image img {
            position: relative !important;
        }

        .projects-item-main-outer .project-item {
            width: 47% !important;
        }

        .campaign-inner-page.project-inner.image-in.alcohol-related-bills-outer .e-con-inner {
            width: 100% !important;
        }

    }


    @media (min-width:1160px) {

        .Featured-Publications.title-section {
            width: 40% !important;
            z-index: 999;
        }

        .Featured-Publications-post {
            width: 60% !important;
            z-index: 999;
        }

        .video-section-left-side-image,
        .video-section-right-side {
            width: 49% !important;
        }
    }


    @media (min-width:1160px) {

        .mfp-content {
            margin-top: -36px;
            position: absolute !important;
            top: 10%;
            left: -25px !important;
            width: 100%;
            cursor: auto;
            background: #fff;
            padding: 30px;
            z-index: -3;
        }

        .mfp-wrap.mfp-close-btn-in .mfp-container {
            width: 60%;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            display: flex;
            align-items: center;
        }



    }


    @media (max-width:1160px) {

        .mfp-content {
            margin-top: -36px;
            position: absolute !important;
            top: 10%;
            cursor: auto;
            background: #fff;
            padding: 30px;
            z-index: -3;
            left: auto !important;
            /* width: 90% !important; */
        }

        /* .mfp-wrap.mfp-close-btn-in .mfp-container {
            width: 100% !important;
            left: 0 !important;
            transform: translateX(0%) !important;
            -webkit-transform: translateX(0%) !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center;
            flex-direction: column;
        } */

        .mfp-wrap.mfp-close-btn-in .mfp-container {
            width: 60%;
            left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            display: flex;
            align-items: center;
        }

        .take-action-top-section {
            width: 100% !important;
            background-attachment: unset !important;
            background-position: right !important;
        }

        .take-action-top-section::before {
            background: #000000a1 !important;
        }

        .home-page-Current-Campaigns-content {
            margin-bottom: -27px !important;
        }

        .take-action-bottom-section {
            margin-top: 0 !important;
        }

        .take-action-bottom-section .e-con-inner {
            padding: 35px 20px 63px 20px !important;
            position: relative;
            grid-template-columns: 1.5fr 1.5fr !important;
        }

        .take-action-bottom-section .e-con-inner .take-action-half-logo {
            position: absolute;
            padding: 0;
            background: transparent;
            opacity: 0.2;
            height: 100% !important;
            right: 0px;
            top: 20px;
            display: flex;
            align-items: flex-end;
            appearance: none;
            -webkit-appearance: none;
        }

        .take-action-bottom-section .e-con-inner .take-action-half-logo .elementor-widget-image {
            height: 100%;
            width: 100%;
        }

        .take-action-bottom-section img {
            height: 100% !important;
            width: 100% !important;
            max-width: 100% !important;
            object-fit: contain !important;
        }

        .take-action-post-content-one h6 {
            margin-top: 0px !important;
        }

        .take-action-post-content {
            padding-top: 0;
            padding-right: 0;
        }

        .Featured-Publications .e-con-inner {
            flex-wrap: wrap !important;
        }

        .Featured-Publications.title-section {
            width: 100% !important;
            z-index: 999;
        }

        .Featured-Publications-post {
            width: 100% !important;
            z-index: 999;
        }

        .video-section {
            margin-top: 60px;
        }

        .video-section .e-con-inner {
            flex-wrap: wrap !important;
        }

        .video-section-left-side-image,
        .video-section-right-side {
            width: 100% !important;
        }

        .video-section .e-con-inner {
            row-gap: 30px;
        }

        .Featured-Publications.title-section {
            padding-top: 0 !important;
        }

        .video-thumbnails {
            justify-content: space-between;
        }

        footer {
            padding: 0px 0px 0 0 !important;
        }

        footer .elementor.elementor-21 {
            grid-template-columns: 1fr !important;
        }

        .donate p {
            gap: 30px;
            justify-content: flex-start !important;
        }

        .footer-copyright-outer {
            padding: 0 0px 15px 0 !important;
        }

        .footer-outer {
            padding: 50px 20px 0 20px !important;
        }

        .top-scroll {
            bottom: -69px !important;
        }

        .take-action-bottom-section .e-con-inner {
            display: flex !important;
            flex-wrap: wrap !important;
        }

        button.mfp-arrow.mfp-arrow-right {
            margin-right: -75px !important;
        }

        button.mfp-arrow.mfp-arrow-left {
            margin-left: -75px !important;
        }

        .pdf-projects-item-outer.reports .elementor-shortcode,
        .pdf-projects-item-outer .elementor-shortcode {
            grid-template-columns: 1fr !important;
        }

        .blog.blog-single-outer .row .blog-inner.blog-single-inner,
        .blog.blog-single-outer .row .col-lg-4 {
            width: 100% !important;
        }

        .blog.blog-single-outer .row {
            flex-direction: column !important;
        }

        .footer-newsletter-outer {
            padding: 20px 20px 85px 20px !important;
            margin-bottom: 80px;
        }

        .footer-copyright-outer {
            position: absolute !important;
            bottom: -413px;
            left: 0;
            padding-left: 20px !important;
            padding-right: 20px !important;
            display: flex;
            align-items: center;
        }

        .footer-copyright-outer .privacy-policy {
            left: 212px !important;
        }

        .video-title-inner .e-con-inner .video-title-inner.inner-section .e-con-inner .video-section-right-side,
        .video-title-inner .e-con-inner .video-title-inner.inner-section .e-con-inner .video-section-right-content-side {
            width: 100% !important;
        }

    }


    @media (max-width:1120px) {

        .Resources-content-outer .e-con-inner {
            display: flex;
            flex-wrap: wrap !important;
            justify-content: center !important;
        }

        .Resources-content-outer .Resources-content-inner {
            width: 45% !important;
        }

        .Resources-content-inner {
            max-width: 100% !important;
            width: 100% !important;
        }

    }


    @media (max-width:1100px) {

        .project-slider {
            padding: 0 20px !important;
        }

        .team-member-popup-content h5 {
            margin-top: 20px;
            display: block !important;
            padding-top: 20px;
        }

        .team-member-popup-content .team-member-image img {
            width: 250px;
            height: 260px;
            object-fit: contain !important;
            float: none !important;
            margin-right: 30px;
        }

        .team-member-popup-content .team-member-image {
            position: relative;
            width: 100% !important;
            text-align: center;
        }

        .campaign-inner-page.opening .e-con-inner {
            row-gap: 20px;
        }

        .take-action-top-section .e-con-inner {
            max-width: 100% !important;
            padding: 50px;
        }

        .take-action-overlay {
            position: relative !important;
            width: 100% !important;
            margin-top: 20px;
        }

        .take-action-overlay h1 {
            text-align: center;
        }

        .Current-Projects-outer .e-con-inner {
            flex-wrap: wrap !important;
            row-gap: 25px;
        }

        .Current-Projects-outer .e-con-inner .elementor-element {
            width: 100% !important;
        }

        .publication-posts .owl-item.active {
            opacity: 1;
        }

        .publication-posts .owl-item {
            opacity: 0;
        }

        .our-mission-outer .e-con-inner {
            grid-template-columns: 1fr !important;
        }

        .our-mission-left-image img {
            position: relative !important;
            max-width: 100% !important;
        }

        .our-mission-left-image .elementor-widget-container {
            padding-bottom: 0 !important;
        }

        .our-mission-outer .e-con-inner {
            flex-wrap: wrap !important;
        }

        .our-mission-left-image,
        .our-mission-right-content {
            width: 100% !important;
        }

        section.employment-inner {
            width: 47% !important;
        }

        .career-highlights-inner-page h5,
        .career-highlights-inner-page h6 {
            display: block !important;
        }

        .job-img {
            width: 100% !important;
            float: none !important;
            height: 435px;
            margin: 0 !important;
            order: 2;
        }

        .job-img img {
            width: 100% !important;
        }

        .career-highlights-inner-page {
            display: flex;
            flex-wrap: wrap;
        }

        .job-details {
            order: 1;
            width: 100%;
        }

        .job-description {
            order: 3;
            margin-top: 30px;
        }

        .job-location-details {
            width: 100% !important;
            margin-bottom: 20px;
        }

        .campaign-inner-page .e-con-inner {
            display: flex;
            flex-direction: column !important;
            row-gap: 90px;
        }

        .campaign-inner-page.project-inner.image-in .e-con-inner {
            display: flex;
            flex-direction: column !important;
            row-gap: 45px !important;
        }

        .campaign-inner-page.project-inner.image-out .e-con-inner {
            display: flex;
            flex-direction: column !important;
            row-gap: 65px !important;
        }

        .campaign-inner-page .e-con-inner .campaign-inner-page-child,
        .campaign-inner-page-open-left,
        .campaign-inner-page-open-right {
            width: 100% !important;
        }

        .campaign-inner-page {
            margin-top: 25px;
        }

        .campaign-inner-page.opening {
            margin-top: 0;
        }

        .project-content {
            width: 100% !important;
        }

        .pdf-container {
            width: 100% !important;
        }

        /* .our-mission-outer .e-con-inner {
            row-gap: 40px;
        } */

        .our-mission-outer {
            margin-bottom: 30px !important;
            gap: 30px;
        }

        .campaign-inner-page-child .image-outer .elementor-widget-container .elementor-wrapper.elementor-open-lightbox .elementor-custom-embed-image-overlay {
            width: 100%;
        }

        .projects-item-outer .owl-stage {
            column-gap: 0 !important;
        }

        .projects-item-outer .owl-item {
            opacity: 0 !important;
        }

        .projects-item-outer .owl-item.active.center {
            opacity: 1 !important;
        }

        .first-title {
            margin-top: 0 !important;
        }

        .campaign-inner-page.project-inner.image-in {
            margin-top: 0 !important;
        }

        .our-mission-left-image .take-action-overlay {
            width: fit-content !important;
            margin-top: -230px !important;
        }

        .take-action-overlay {
            width: fit-content !important;
            margin-top: 0px;
        }

        .take-action-overlay h1 {
            margin: 0 !important;
        }

        body.home .mfp-wrap.mfp-close-btn-in .mfp-container {
            width: 98%;
            left: auto;
            transform: translateY(25%);
            -webkit-transform: translateY(25%);
        }

        .take-action-top-section .bg-btn {
            margin-bottom: 25px !important;
        }

        .row.container.blog-page-outer {
            flex-wrap: wrap;
        }

        .blog-page-outer .col-lg-8,
        .blog-page-outer .col-lg-4 {
            width: 100% !important;
        }

        .blog-page-outer .elementor-shortcode .grid .blog-outer.grid-item {
            width: 100%;
        }

        body.page-template-default.page.page-id-4726 .crm-profile-name-Simple_Signup .crm-container.crm-public {
            display: flex !important;
            flex-direction: column !important;
        }

        .crm-container .crm-section .content {
            margin-left: 0 !important;
        }

        body.page-template-default.page.page-id-4726 .crm-container .crm-section .label {
            width: 19%;
        }

        body.page-template-default.page.page-id-4716 .crm-profile-name-Simple_Signup,
        .crm-container fieldset,
        .crm-section.billing_mode-section.credit_card_info-section,
        fieldset.billing_name_address-group .crm-section.billing_name_address-section {
            display: flex !important;
            flex-direction: column !important;
        }

        fieldset.billing_name_address-group .crm-section.billing_name_address-section {
            padding: 0 20px;
        }

        /* body.page-template-default.page.page-id-4716 .crm-container .crm-section .content {
            margin-left: 18% !important;
        } */

        .crm-container fieldset .label,
        .crm-container .crm-section .label,
        .crm-section.membership_amount-section .label,
        .crm-section.other_amount-section .label {
            width: 100% !important;
            text-align: left !important;
        }

        .crm-container div.select2-container,
        .crm-section.credit_card_exp_date-section select,
        .crm-public-form-item.crm-section.email-5-section input#email-5,
        .crm-section.other_amount-section.crm-price-field-id-5 .content.other_amount-content input#price_5 {
            width: 98% !important;
        }

        body.page-template-default.page.page-id-4745 .crm-profile-name-Complaint_Form textarea,
        body.page-template-default.page.page-id-4726 .crm-profile-name-Simple_Signup .crm-container.crm-public input,
        .crm-container fieldset input {
            width: 98% !important;
        }


        body.page-template-default.page.page-id-4716 .crm-profile-name-Simple_Signup .content::before,
        body.page-template-default.page.page-id-4716 fieldset.crm-profile.crm-profile-id-1.crm-profile-name-name_and_address span::before,
        fieldset.crm-profile.crm-profile-id-9.crm-profile-name-on_behalf_organization span::before {
            display: none;
        }

        .display-block {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        body.page-template-default.page.page-id-4745 .content.description {
            margin-top: 10px !important;
            margin-left: 0 !important;
        }

    }


    @media (max-width:1050px) {

        .team-members-outer .team-member {
            width: 47.6% !important;
        }


        .our-funder-image,
        .our-funder-right-content {
            width: 100% !important;
        }

        .our-funder-outer .e-con-inner {
            row-gap: 30px;
            flex-wrap: wrap !important;
        }

    }


    @media (max-width:1025px) {

        .way-to-get-image,
        .way-to-get-content {
            width: 100% !important;
        }

        .way-to-get .e-con-inner {
            display: flex;
            flex-wrap: wrap !important;
        }

        .way-to-get .e-con-inner {
            row-gap: 15px;
        }

        /* .campaign-image a::before {
        background-position: bottom;
        background-size: 180%;
        bottom: -260px;
        }

        .campaign-item-outer .campaign-item:hover .campaign-image a::before {
            bottom: 0 !important;
            transition: 0.5s ease;
            background-position: bottom;
            background-size: 190%;
        } */

        .form-outer {
            margin: 0 !important;
        }

        .contact-page-form-left-image,
        .form-outer {
            width: 100% !important;
        }

        .contact-page-form-outer .e-con-inner {
            display: flex;
            flex-wrap: wrap !important;
        }

        .contact-page-form-left-image {
            height: 350px;
            background-attachment: unset !important;
        }

        .projects-item-main-outer .project-item {
            width: 100% !important;
        }

        .banner-outer-section .banner-inner-section .tt-pagetitle__img {
            background-attachment: unset !important;
        }

        .Staff-image-para .Staff-image-back {
            background-attachment: unset !important;
            background-position: center !important;
        }

        .Staff-form-outer .container .Staff-form-inner {
            grid-template-columns: 1fr !important;
        }

        .Staff-image-para {
            width: 100% !important;
        }

        .Staff-contact-form-para {
            margin-top: 0 !important;
        }

        .legislative-activity .e-con-inner .arc-leg-common {
            padding: 0;
        }

        .legislative-activity .e-con-inner {
            display: flex;
            flex-direction: column !important;
        }

    }


    @media (min-width:991px) {}


    @media (max-width:991px) {

        .alcohol-related-bills {
            overflow-x: scroll;
        }

        /* .back-to-page {
            padding-top: 15px !important;
        } */

        nav#c-menu--slide-right.is-active .menu-content {
            width: 100% !important;
            margin-top: 123px;
            padding: 0px 0 50px 20px !important;
        }

        nav#c-menu--slide-right.is-active .menu-rightside {
            display: none;
        }

        .home-page-Current-Campaigns-content p {
            text-align: center !important;
            width: 100% !important;
        }

        .home-page-Current-Campaigns-content {
            margin-bottom: 0px !important;
        }

        .home-page-Current-Campaigns-title .elementor-widget-container {
            padding: 0 0 20px 0 !important;
        }

        .home-page-Current-Campaigns-content {
            margin-bottom: 12px !important;
        }

        .campaign-item-outer .campaign-item:nth-child(3) {
            padding-top: 0 !important;
        }

        .home-page-Current-Campaigns-post-box .elementor-widget-container {
            margin-top: 0 !important;
        }

        .take-action-bottom-section .e-con-inner {
            padding: 0px 20px 45px 20px !important;
            position: relative;
            grid-template-columns: 1fr !important;
        }

        .take-action-post-content h6 br {
            display: none;
        }

        .Featured-Publications .e-con-inner::before,
        .video-section .e-con-inner::before {
            width: 100% !important;
        }

        div#category-section-desktop {
            display: none;
        }

        .reports-menu .elementor-shortcode {
            display: flex;
            flex-direction: column-reverse;
        }

        .reports-menu {
            padding: 0;
        }

        button#toggle-categories-btn {
            background: #7E55B0;
            color: #fff;
            border: none;
            font-size: 20px;
            font-weight: 600;
            text-transform: uppercase;
        }

        button#toggle-categories-btn::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 60px;
            background: #7e55b0;
            top: 0;
            z-index: -1;
            right: -20px;
        }

        button#toggle-categories-btn::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 60px;
            background: #7e55b0;
            top: 0;
            z-index: -1;
            left: -20px;
        }

        .reports-menu div#category-section-mobile ul.category-list {
            display: flex;
            flex-direction: column;
            row-gap: 0;
        }

        .reports-menu div#category-section-mobile ul.category-list li {
            padding: 0;
            margin: 0;
            padding: 0 !important;
            overflow: hidden;
        }

        .reports-menu ul.category-list li a.category-link {
            color: #fff;
            position: relative;
            padding: 20px 59px 20px 15px !important;
            width: 100%;
            float: left;
            border-bottom: 1px dotted #fff;
        }

        .reports-menu ul.category-list li a.category-link.category-link-mobile.short-head.active {
            color: #ff6600;
        }

        .reports-menu div#category-section-mobile ul.category-list li a.category-link.active::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 15px;
            background-image: url(../images/white-overlay.svg);
            background-repeat: no-repeat;
            background-position: left;
            background-size: contain;
            right: 10px;
            top: 26px;
            opacity: 1;
            transition: 0.5s ease;
            transform: rotate(180deg);
        }

        .shortcode-height.active {
            padding-top: 70px !important;
        }

        button#toggle-categories-btn-press {
            background: #7E55B0;
            color: #fff;
            border: none;
            font-size: 20px;
            font-weight: 600;
            text-transform: uppercase;
            width: 100%;
        }

        button#toggle-categories-btn-press::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 60px;
            background: #7e55b0;
            top: 0;
            z-index: -1;
            right: -20px;
        }

        button#toggle-categories-btn-press::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 60px;
            background: #7e55b0;
            top: 0;
            z-index: -1;
            left: -20px;
        }

        div#category-section-desktop-press {
            display: none;
        }

        /* div#category-section-mobile-press {
            position: sticky;
            top: 60px;
        } */

        div#category-section-mobile-press ul.category-list-press {
            display: flex;
            flex-direction: column;
            row-gap: 0;
            background: #607D8B;
        }

        div#category-section-mobile-press ul.category-list-press li {
            padding: 0;
            margin: 0;
            padding: 0 !important;
            overflow: hidden;
        }

        div#category-section-mobile-press ul.category-list-press a {
            color: #fff;
            position: relative;
            padding: 20px 59px 20px 15px !important;
            width: 100%;
            float: left;
            border-bottom: 1px dotted #fff;
        }

        div#category-section-mobile-press ul.category-list-press a.category-link.category-link-mobile.active.short-head::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 15px;
            background-image: url(../images/white-overlay.svg);
            background-repeat: no-repeat;
            background-position: left;
            background-size: contain;
            right: 10px;
            top: 26px;
            opacity: 1;
            transition: 0.5s ease;
            transform: rotate(180deg);
        }

        ul.category-list-press li.active a::after {
            top: 28px !important;
            right: 30px !important;
            background-position: left;
        }

        /* .press-heading.mobile-active {
            padding-top: 100px;
        } */

    }


    @media (max-width:960px) {}


    @media (max-width:920px) {

        .campaign-item-outer {
            column-count: 1 !important;
        }

        .campaign-item-outer .campaign-item {
            margin-bottom: 50px !important;
        }

        .banner-outer-section::before {
            right: 20px !important;
            bottom: -40px !important;
        }

    }


    @media (max-width:900px) {

        .team-members-outer .team-member {
            width: 100% !important;
        }

        .team-members-outer .team-member .team-member-image {
            height: 100% !important;
            padding-bottom: 0 !important;
        }

        .team-members-outer .team-member .team-member-image img {
            object-position: top !important;
            position: relative !important;
        }

        .alignright,
        .alignleft {
            width: 100% !important;
            margin: 20px 0 !important;
        }

        .take-action-post-content-one h6 {
            font-weight: 300 !important;
        }

        .funding-organization-col-one h4.first-heading {
            padding-bottom: 40px !important;
        }

        section.employment-inner {
            width: 100% !important;
        }

        .contact-page-info-outer .e-con-inner {
            flex-wrap: wrap !important;
            row-gap: 30px;
        }

        .contact-page-info-left,
        .contact-page-info-image {
            width: 100% !important;
        }

        .contact-page-info-outer::before {
            background-position: right !important;
            left: auto !important;
            right: 0 !important;
            bottom: 0 !important;
        }

        button.mfp-arrow.mfp-arrow-right {
            margin-right: -50px !important;
            margin-top: -60px !important;
        }

        button.mfp-arrow.mfp-arrow-left {
            margin-left: -50px !important;
        }
    }


    @media (max-width:810px) {

        ul.job-apply-form-outer li {
            width: 100% !important;
        }

        .crm-container div.form-item {
            display: flex;
            flex-direction: column;
        }

        body.page-template-default.page.page-id-4726 .crm-container .crm-section .label {
            width: 100% !important;
            text-align: left !important;
        }



        #crm-container.crm-public .crm-section,
        .crm-section {
            display: flex;
            flex-direction: column;
        }

        body.page-template-default.page.page-id-4716 .crm-container .crm-section .content {
            margin-left: 0% !important;
        }

        .crm-container .crm-section .label {
            width: 100% !important;
            text-align: left !important;
        }

    }


    @media (max-width:800px) {


        .campaign-page-outer .campaign-mainpage-item-outer .campaign-mainpage-item .campaign-mainpage-image img {
            position: relative !important;
        }

        .campaign-page-outer .campaign-mainpage-item-outer .campaign-mainpage-item .campaign-mainpage-image {
            height: 500px !important;
            padding-bottom: 0 !important;
        }

        .campaign-page-outer .campaign-mainpage-item-outer .campaign-mainpage-item {
            width: 100% !important;
        }

        /* .campaign-page-outer .campaign-mainpage-item-outer .campaign-mainpage-item .campaign-mainpage-content {
        bottom: -100px !important;
        } */

        nav#c-menu--slide-right.is-active .menu-content::before {
            background-position: center !important;
            background-size: 59% !important;
            right: auto !important;
        }

    }


    @media (min-width:790px) {


        .footer-contact-heading h6 {
            margin-top: 20px !important;
            padding-bottom: 33px !important;
        }


        .footer-contact-heading h6 {
            margin-top: 20px !important;
            padding-bottom: 33px !important;
            color: #fff;
        }

        .footer-stay-heading h6 {
            margin-top: 20px !important;
            padding-bottom: 29px !important;
        }


    }


    @media (max-width:790px) {

        .footer-logo-outer,
        .footer-contact-outer,
        .footer-stay-outer {
            width: 100% !important;
            padding: 0px 0 0 !important;
        }

        .footer-outer::before {
            position: unset;
            content: none !important;
            background-color: transparent;
        }

        .footer-text p,
        .footer-contact-heading h6,
        .footer-stay-heading h6 {
            /* padding: 0 !important; */
            color: #fff;
        }


        .footer-logo {
            width: 100% !important;
            background: var(--secondarycolor);
            max-width: 100% !important;
            padding: 10px;
        }

        .footer-logo .hfe-site-logo-container {
            text-align: left !important;
        }

        .footer-contact-heading h6,
        .footer-stay-heading h6 {
            background: var(--secondarycolor);
            padding: 10px !important;
        }

        .footer-copyright-outer {
            padding: 15px 20px 15px !important;
            /* border-top: 1px solid #fff !important; */
            margin-top: 20px !important;
        }

        .take-action-bottom-section .e-con-inner {
            display: flex !important;
            flex-direction: column !important;
        }

        .take-action-post-content-one,
        .take-action-post-content {
            width: 100% !important;
        }
    }


    @media (max-width:767px) {

        .publication-post {
            grid-template-columns: 1fr !important;
        }

        .Featured-Publications-post {
            padding: 100px 35px 50px !important;
        }

        .publication-posts .owl-nav {
            top: -84px !important;
        }

        header#masthead .header-outer .e-con-inner {
            justify-content: space-between;
        }

        .header-logo-inner {
            width: fit-content;
        }

        .team-member-popup-content h5 {
            display: block !important;
            padding-top: 20px !important;
        }

        .team-member-popup-content .team-member-image img {
            width: 100% !important;
            height: 100% !important;
            margin-right: 0 !important;
        }

        .team-member-popup-content .team-member-image {
            width: 100% !important;
        }

        .our-funder-image img {
            height: 650px !important;
        }

        .common-banner-title .container {
            padding: 0 20px !important;
        }

        .projects-item-outer .owl-stage {
            column-gap: 0 !important;
        }


        /* .publication-post-image {
        height: 100% !important; */

        .our-mission-outer .e-con-inner .our-mission-left-image .elementor-widget-image {
            height: auto !important;
        }

        .take-action-overlay h1 {
            color: #fff;
            font-size: 57px !important;
            line-height: 70px !important;
            margin: 0 !important;
        }

        /* .take-action-overlay {
            padding: 25px 20px !important;
            margin-top: 0 !important;
        } */

        .project-image {
            height: 500px !important;
            position: relative;
            padding-bottom: 0 !important;
        }

        /* .projects-item-main-outer .project-item .project-image img {
            position: relative !important;
        } */

        /* button.mfp-close {
            margin-top: -46px;
        } */

        /* button.mfp-close.video-close-btn {
            top: -4px !important;
        } */

        .take-action-post-content {
            padding-top: 20px !important;
        }

        .publication-post-content a.download-link::before {
            height: 4px !important;
        }

        body.page-template-default.page.page-id-4745 .messages.help img {
            margin: 0 0 20px 0px !important;
            width: 100%;
        }

        .staff-cont-image-outer .container {
            grid-template-columns: 1fr !important;
            gap: 0 !important;
            margin-bottom: 40px !important;
        }

        .banner-outer-section::before {
            opacity: 0;
        }

        .campaign-inner-page-child .campaign-inner-page-child-content .elementor-widget-container {
            align-items: flex-start !important;
        }

    }


    @media (min-width:680px) {

        .footer-copyright-outer {
            display: flex;
            flex-direction: row !important;
            justify-content: space-between;
            padding: 0 50px 10px 0;
            align-items: center;
        }
    }


    @media (max-width:680px) {


        .footer-copyright-outer .privacy-policy {
            position: relative !important;
            left: 0 !important;
        }

        .footer-copyright-outer {
            display: flex;
            flex-direction: column !important;
            justify-content: space-between !important;
            gap: 10px !important;
            align-items: center !important;
            bottom: -506px;
        }

        .footer-newsletter-outer {
            margin-bottom: 171px;
        }

        .back-to-services {
            margin-top: 30px !important;
        }

        .pdf-title {
            word-break: break-word;
        }

        .blog.blog-single-outer .row .blog-date {
            top: auto !important;
            left: 0 !important;
            padding: 5px 15px !important;
        }

    }


    @media (min-width:600px) {

        .contact-page-info-image img {
            height: 100% !important;
            object-fit: cover;
            object-position: right;
            width: 100% !important;
            max-width: 100% !important;
        }

        .take-action-overlay {
            /* width: 100% !important; */
            margin-top: 0px !important;
        }

        .blog.blog-single-outer .row .blog-date {
            top: 0;
            left: 0;
        }

    }


    @media (max-width:600px) {

        .reports .pdf-content,
        .pdf-content {
            flex-wrap: wrap !important;
        }

        .Resources-content-outer .Resources-content-inner {
            width: 100% !important;
        }

        .take-action-top-section .e-con-inner h4 {
            font-size: 35px !important;
            line-height: 44px !important;
            color: #fff;
            margin-bottom: 20px;
        }

        .take-action-top-section .e-con-inner {
            padding: 50px 20px;
        }

        nav#c-menu--slide-right.is-active .menu-content {
            padding: 0px 0 50px 20px !important;
        }

        .sub-menu li a {
            font-size: 33px !important;
            line-height: 72px !important;
            width: 100%;
        }

        .c-menu--push-left .c-menu__link,
        .c-menu--push-right .c-menu__link,
        .c-menu--slide-left .c-menu__link,
        .c-menu--slide-right .c-menu__link {
            font-size: 35px !important;
            line-height: 70px !important;
        }

        /* .campaign-page-outer .campaign-mainpage-item-outer .campaign-mainpage-item .campaign-mainpage-content {
        bottom: -130px !important;
    } */

        .contact-page-info-right-image img {
            height: 500px !important;
            object-fit: cover;
            object-position: right;
        }

        .form-outer form {
            padding: 20px !important;
        }

        .campaigns-button .e-con-inner {
            padding-bottom: 40px;
            padding-top: 30px;
        }


        .our-mission-left-image .take-action-overlay {
            width: fit-content !important;
            padding: 35px !important;
            margin-top: -155px !important;
        }

        .our-mission-left-image {
            display: flex;
            /* align-items: center; */
        }

        .our-mission-left-image .take-action-overlay h1 {
            line-height: 46px !important;
            font-size: 38px !important;
        }

        .blog-inner {
            flex-wrap: wrap !important;
        }

        .blog-outer:nth-child(even) .blog-inner {
            display: flex;
            flex-direction: row !important;
        }

        .blog-inner .featured-image,
        .blog-inner .blog-content-outer {
            width: 100% !important;
        }

        .blog-page-outer .elementor-shortcode .grid .blog-outer.grid-item img {
            width: 100% !important;
            max-width: 100% !important;
            height: 100% !important;
        }

    }


    @media (max-width:580px) {

        .campaign-inner-page-child-content.splash-maps-inner .elementor-widget-container {
            grid-template-columns: 1fr !important;
        }

        .campaign-item-outer .campaign-item:hover .campaign-image a::before {
            background-size: 240% !important;
        }

        .campaign-image a::before {
            background-size: cover;
            bottom: -150px !important;
        }

        .campaign-inner-page-child .image-outer img {
            position: absolute;
            top: -30px;
            max-width: 85% !important;
            height: 200px !important;
            object-fit: contain;
            transition: 0.5s ease;
            background: #f2f2f2;
            border: 4px solid #9aa0a3;
        }

        .campaign-inner-page-child .image-outer .elementor-widget-container .elementor-wrapper.elementor-open-lightbox img {
            position: relative;
            top: 5px;
            max-width: 100% !important;
            height: 200px !important;
            object-fit: cover;
            border: 4px solid #9aa0a3;
        }

        .campaign-inner-page-child:hover .image-outer img,
        .campaign-inner-page-child:hover .image-outer .elementor-widget-container .elementor-wrapper.elementor-open-lightbox img {
            border: 4px solid var(--primarycolor) !important;
        }

        .pdf-projects-item-outer .pdf-content,
        .partner-item {
            flex-wrap: wrap;
        }

        /* .pdf-image {
            width: 100% !important;
        } */

        .partner-item img {
            max-width: 100% !important;
        }

        .campaign-inner-page-child .image-outer .elementor-widget-container .elementor-wrapper.elementor-open-lightbox {
            width: 85% !important;
        }

        .video .elementor-widget-container .elementor-wrapper.elementor-open-lightbox {
            width: 85% !important;
        }

    }


    @media (min-width:540px) {

        .sub-menu li a {
            font-size: 33px !important;
            line-height: 56px !important;
            width: auto;
        }

    }


    @media (max-width:540px) {

        .video-thumbnails .video-thumbnail {
            width: 100% !important;
        }

        .home-page-Current-Campaigns-content p br {
            display: none;
        }

        section.employment-inner::before {
            right: 20px !important;
        }

        .job-location-details {
            padding: 30px 20px !important;
        }

        .career-highlights-inner-page h6 span {
            width: 100% !important;
            display: block;
        }

        .c-menu--push-left .c-menu__link,
        .c-menu--push-right .c-menu__link,
        .c-menu--slide-left .c-menu__link,
        .c-menu--slide-right .c-menu__link {
            font-size: 27px !important;
            line-height: 63px !important;
            padding: 0px 0px 0 0px !important;
        }

        .sub-menu li a {
            font-size: 25px !important;
            line-height: 47px !important;
            width: auto;
            padding: 0px 0px 0 10px !important;
        }

        h4.our-mission {
            margin-top: 0 !important;
            margin-bottom: 30px !important;
        }

        .campaign-inner-page.opening .e-con-inner {
            padding-bottom: 0;
        }

        body.home .mfp-wrap.mfp-close-btn-in .mfp-container {
            width: 96% !important;
        }

    }


    @media (max-width:540px) {

        .tt-pagetitle__title.sing h1,
        .tt-pagetitle__title.sing,
        .tt-pagetitle__title h1,
        .tt-pagetitle__title {
            font-size: 32px !important;
            line-height: 47px !important;
        }
    }


    @media (max-width:480px) {

        .title-section h5 {
            font-size: 25px !important;
        }

        .our-mission-left-image img {
            height: 300px !important;
            object-position: 60%;
        }


    }

    @media (max-width:460px) {
        .sub-menu li a {
            padding: 0px 0px 0 0px !important;
        }
    }


    @media (max-width:440px) {

        h2,
        h2 a,
        .common-outer h2,
        .common-outer h2 a {
            font-size: 60px !important;
        }

        h1,
        h1 a,
        .common-outer h1,
        .common-outer h1 a {
            font-size: 65px !important;
        }

        h3,
        h3 a,
        .common-outer h3,
        .common-outer h3 a {
            font-family: 'Kanit', sans-serif !important;
            font-weight: 500 !important;
            font-size: 39px !important;
            color: #000;
            line-height: 45px !important;
            margin: 30px 0 15px;
        }

        .video-thumbnails .video-thumbnail h3 {
            line-height: 30px !important;
        }

        h4,
        h4 a,
        .common-outer h4,
        .common-outer h4 a {
            font-family: 'Kanit', sans-serif !important;
            font-weight: 500 !important;
            font-size: 39px !important;
            color: #000;
            line-height: 45px;
            margin: 30px 0 15px;
        }

        h5,
        h5 a,
        .common-outer h5,
        .common-outer h5 a,
        h5.elementor-image-box-title {
            font-family: 'Kanit', sans-serif !important;
            font-weight: 500 !important;
            font-size: 32px !important;
            font-weight: 700;
            color: #000;
            line-height: 40px;
            letter-spacing: 0 !important;
            margin: 30px 0 15px;
        }

        h6,
        h6 a,
        h6 strong,
        .common-outer h6,
        .common-outer h6 a {
            font-family: 'Kanit', sans-serif !important;
            font-weight: 500 !important;
            font-size: 25px !important;
            color: #000;
            line-height: 34px !important;
            letter-spacing: 0 !important;
            margin: 30px 0 15px;
        }

        .donate p {
            flex-direction: column;
            gap: 20px;
        }

        h4.mission {
            margin-top: 30px;
            margin-bottom: 20px;
        }

        /* .campaign-image a::before {
        bottom: 0px !important;
    } */

        .mfp-wrap.mfp-close-btn-in .mfp-container {
            width: 67% !important;
        }

        .footer-copyright-outer {
            bottom: -580px;
        }

        .take-action-top-section {
            background-position: 40% !important;
        }

    }


    @media (max-width:400px) {

        .footer-copyright-outer {
            bottom: -616px;
        }

        .footer-newsletter-outer {
            margin-bottom: 185px;
        }
    }


    @media (max-width:389px) {


        /* .campaign-inner-page-child a.btn-2 {
            display: block;
        } */

        .slider-bottom-three-button .e-con-inner a {
            font-size: 27px !important;
        }

    }


    @media (max-width:375px) {}


    @media (max-width:321px) {}