@media screen and (max-width:550px) {
    .active2-staff-bio .actual-bio .summary p {
        color:#000;
    }
    .site-header .donate-btn.media-iqnuery {
        max-width: 75px;
        text-align: center;
    }
    .eu-page.jss  .hide-img-txt-on-mobile.video-story .text{
        display: none;
    }
    .show-in-mobile {
        display:block !important;
    }
    .from-help-logo img {
        max-width: 100px;
    }
}
@media screen and (max-width:1023px) {
    .nav-menu > li > .sub-menu {
        display: none;
    }

    .nav-menu > li > .sub-menu.active, .nav-menu > li.focus > .sub-menu  {
        display: block;
    }
    .nav-menu > li > .sub-menu >li > a{
        background-color: #004675;
        font-size: 22px;
        height: fit-content;
        display: block;
        padding: 10px 0 10px 30px;
        width: calc(100% - 30px);
    }
    .sub-menu ul li a {
        color:#004675;
        font-size: 17px;
        letter-spacing: .025em;
        width: 100%;
        border-bottom: 1px solid #004675;
        background-color: #9cc7e9;
        display:block;
        padding: 10px 0 10px 60px;
        width: calc(100% - 60px);
    }


    .site-header .main-navigation {
        display: none;
        position: absolute;
        left: 0;
        z-index: 999999;
        top: 60px;
        margin: 0;
        padding: 0;
        width: 89%;
        background: #0d73ac;
    }
    .site-header .main-navigation.active{
        display: block;
    }
    div.filler{
        width: 0;
        display: none;
    }
}
@media screen and (max-width: 1450px) {
    .eu-page div.text p{
        font-size:20px;
    }
    .eu-page .video-story h3{
        font-size: 40px;
    }
    .eu-page .video-story .img{
        width: 700px;
    }
}
@media screen and (min-width: 668px) {
    .events-cards-wrapper {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 25px;
        margin: 0 25px;
    }
}
@media screen and (min-width: 1024px) {
    .events-cards-wrapper {
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 25px;
        grid-template-rows:400px;
    }
    .site-header,.story-container,
    .page-template-giving .holiday-donation .holiday-donation-container {
        width: 1024px;
        max-width: 100vw;
    }
    .site-branding .custom-logo-link{
        width:150px;
        margin: 0 10px 0 0;
    }
    .site-header .main-navigation{
        width: 725px;
    }
    .nav-menu  > li {
        width: 203px;
    }
    .nav-menu  > li > ul.sub-menu {
        width: 92vw;
        left: calc(50% + 10vw);
        transform: skew(30deg) translate(-50%, -0%);
    }
    .nav-menu .sub-menu > li:last-child {
        margin-right: 0;
    }
    .nav-menu > li > ul.sub-menu > li > a {
        font-size: 15px;
        letter-spacing: -.01em;
    }
    .nav-menu > li > ul.sub-menu::after{
        width: 70px;
    }
    .site-header .donate-btn{
        width: 168px;
        margin-left: 10px;
    }
    .site-header .donate-btn a{
        font-size: 15px;
    }
    .main-page-banner .heading-text{
        width: 1098px;
    }
    .swiper-container-partner,.swiper-container, .swiper-container-news , .leadership-swiper-container{
        max-width: calc(100% - 226px);
        overflow: hidden;
    }
    .contact-us-frm__container, footer.site-footer .footer-container, .contact-us-frm .awards-logos {
        max-width: 1024px;
    }
    .single-text{
        max-width: calc(100vw - 106px);
    }
    .read-time{
        display: block;
    }
    .single-right{
        margin-top: 110px;
    }
    section.side-news{
        display: none;
    }
    .full-filler div.filler {
        width: calc(100vw - 1024px);
    }
    div.filler{
        width: calc((100vw - 1024px)/2);
        display: block;
    }
}

@media screen and (min-width: 1200px) {
    .profile-content .profile-name{ 
        font-size: 35px;
    }
    section.side-news{
        display: block;
    }
    .site-header,.story-container,
    .page-template-giving .holiday-donation .holiday-donation-container {
        width: 1200px;
        max-width: 100vw;
    }
    .site-branding .custom-logo-link{
        width:209px;
        margin: 0 67px 0 0;
    }
    .site-header .main-navigation{
        width: 725px;
    }
    .nav-menu  > li {
        width: 203px;
    }
    .nav-menu  > li > ul.sub-menu {
        width: 90vw;
        left: calc(50% + 5vw);
        transform: skewX(30deg) translate(-50%, -0%);
    }
    .nav-menu > li > ul.sub-menu::after{
        width: 70px;
    }

    .site-header .donate-btn{
        width: 168px;
        margin-left: 35px;
    }

    .site-header .donate-btn a{
        font-size: 13px;
    }
    .main-page-banner .heading-text{
        width: 1098px;
    }
    .contact-us-frm__container, footer.site-footer .footer-container, .contact-us-frm .awards-logos {
        max-width: 1200px;

    }
    .full-filler div.filler {
        width: calc(100vw - 1200px);
    }
    div.filler{
        width: calc((100vw - 1200px)/2);
        display: block;
    }
    .eu-page .grounds-maintenance-services .section-container {
        background-image: url(/wp-content/themes/endeavors/assets/img/man-holding.png);
    }
}
@media screen and (min-width: 1367px) {
    .read-time{
        display: block;
    }
    .cat span{
        display: none;
    }
    .site-header,.story-container,
    .page-template-giving .holiday-donation .holiday-donation-container {
        width: 1366px;
        max-width: 100%;
    }
    .site-branding .custom-logo-link{
        width:209px;
    }
    .site-header .main-navigation{
        width: 825px;
    }
    .nav-menu  > li {
        width: 203px;
    }
    .nav-menu  > li > ul.sub-menu {
        width: 1258px;
    }
    .nav-menu > li > ul.sub-menu::after{
        width: 70px;
    }
    .nav-menu > li > ul.sub-menu > li > a {
        font-size: 16px;
    }
    .site-header .donate-btn{
        width: 168px;
    }
    .main-page-banner .heading-text{
        width: 1098px;
    }
    .contact-us-frm__container, .contact-us-frm .awards-logos {
        max-width: 1250px;;
    }
    footer.site-footer .footer-container{
        max-width: 1366px;
    }
    .full-filler div.filler {
        width: calc(100vw - 1366px);
    }
    div.filler{
        width: calc((100vw - 1366px)/2);
        display: block;
    }
    .eu-page .disability.widget .text::before{
        display: block;
    }
}
@media screen and (min-width: 1600px) {
    .swiper-container-partner,.swiper-container, .swiper-container-news , .leadership-swiper-container{
        max-width: 1366px;
    }
}
@media screen and (min-width: 1360px) {
    .ss-services.home-study-what-we-do {
        background-size: contain;
    }
}

@media screen and (max-width: 1900px) {
    .nwidget video[poster] {
        object-fit: none;
    }
}