/* 2k screens */
@media screen and (min-width: 2560px) {

    .video-cards-module .video-cards .video-card .video-card-item .video-image .image-holder {
        height: 900px !important;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder {
        height: 900px !important;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder .youtube-background iframe {
        height: 1450px !important;
    }

}

/* 4k screens */
@media screen and (min-width: 3840px) {

    .video-cards-module .video-cards .video-card .video-card-item .video-image .image-holder {
        height: 1300px !important;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder {
        height: 1300px !important;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder .youtube-background iframe {
        /* top: 50% !important */
        height: 2150px !important;
    }

}

@media screen and (min-width: 1920px) {

    .module-content-block-fb-item-bg-diamond-gray {
        background-size: contain;
        display: flex;
        justify-content: center;
        width: 400px;
    }
    .module-content-block-fb-item-bg-diamond-purple {
        background-size: contain;
        display: flex;
        justify-content: center;
        width: 400px;
    }
    .module-content-block-fb-item-contents {
        width: 80%;
    }

    .accordion-button-theme-purple:hover .button { 
        background-size: 90% 2px;
    }

    .banner-video-bg iframe {
        width: 100% !important;
        height: 100% !important;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .image-holder {
        height: 700px;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder {
        height: 700px;
    }



    
}

@media (min-width: 1700px) {
    .module-content-block-fb-item-contents {
        height: 410px;
        top: 42%;
    }

}

/* @media screen and (min-width: 1530px) {
    .cta-module .image-block .image-holder {
        width: 55%;
    }

} */

@media screen and (min-width: 1441px) {
    .news-banner .image img {
        position: relative;
    }

    .news-banner {
        min-height: 615px;
    }

   


}

@media screen and (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1440px !important;
    }

    
}

@media screen and (min-width: 992px) {
    .module-content-block-fb-fluid-holder-right-row2 {
        margin-top: 20px;
    }

}


@media screen and (max-width: 1440px) {
    .modal-menu .modal-menu-content .right {
        padding: 40px 0px 0px 0px;
        transition: all 0.2s;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder .youtube-background iframe {
        height: 800px !important;
        top: 58% !important;
    }

}

@media screen and (max-width: 1385px) {
    .footer-menu-item .button .text {
        font-size: 22px;
    }

    .footer-menu-item .button .arrow img {
        width: 22px;
    }

}

@media screen and (max-width: 1300px) {
    .tab-slider-holder .tab-slider .slide-item .slider-infobox {
        margin: 50px 0px 0px 0px;
    }

    .number-slider .slick-prev {
        left: 25px;
    }

    .number-slider .slick-next {
        right: 25px;
    }

    .footer .footer-col .footer-menu ul li {
        margin: 0px 0px 0px 0px;
    }

    .footer-menu-item .button .arrow img {
        width: 19px;
    }

    .footer-menu-item .button .text {
        font-size: 18px;
        line-height: 28px;
    }

    .button-theme-white-small:hover .button {
        background-size: 100% 2px;
    }

    .footer-menu-item .button {
        display: flex;
        height: 45px;
    }

}

@media screen and (max-width: 1200px) {
    .news-banner .info-box {
        width: 60%;
    }

    .numbers-slider-module .slider-holder .donation-status-block .content-box .wave-animated-text .sign {
        width: 100px;
    }

    .tab-slider-holder .tab-slider .slide-item .slider-infobox {
        margin: 0px 0px 0px 0px;
    }

    .accordion-block .accordion .accordion-item .accordion-body .officers .person .info .title {
        height: 100px;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .image-holder {
        height: 470px !important;
        min-height: unset;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder {
        height: 470px !important;
        min-height: unset;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder .youtube-background iframe {
        height: 1000px !important;
        top: 65% !important;
    }
    

}


@media screen and (max-width: 1130px) {

    .footer-menu-item .button .arrow img {
        width: 15px;
    }

    .footer-menu-item .button .text {
        font-size: 14px;
        line-height: 24px;
    }

    .button-theme-white-small:hover .button {
        background-size: 100% 2px;
    }

    .footer-menu-item .button {
        display: flex;
        height: 38px;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .image-holder {
        height: 430px !important;
        min-height: unset;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder {
        height: 430px !important;
        min-height: unset;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder .youtube-background iframe {
        height: 1100px !important;
        top: 65% !important;
    }

}


@media screen and (max-width: 1100px) {
    .give-module {
        height: 600px;
    }

    .numbers-slider-module .slider-holder .donation-status-block .content-box .wave-animated-text .value {
        font-size: 300px;
    }


}

@media screen and (max-width: 1050px) {
    .video-cards-module .video-cards .video-card .video-card-item .video-image .image-holder {
        height: 400px !important;
        min-height: unset;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder {
        height: 400px !important;
        min-height: unset;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder .youtube-background iframe {
        height: 1100px !important;
        top: 65% !important;
    }

}

@media screen and (max-width: 992px) {
    .accordion-block .accordion .accordion-item .accordion-img {
        height: 320px;
    }
    .news-events-module .news-events-right-block .news-item .image {
        width: 30%;
    }

    .news-events-module .news-events-right-block .news-item .contents {
        width: 70%;
    }

    .video-cards-module .video-cards .video-card .video-card-item .student-info .student-name {
        font-size: 18px;
    }

    .video-cards-module .video-cards .video-card .video-card-item .student-info .separator {
        font-size: 14px;
    }

    .video-cards-module .video-cards .video-card .video-card-item .student-info .student-stories {
        font-size: 18px;
    }

    .news-events-module .news-events-list-block .events .event .event-info .date-info {
        width: 30%;
    }
 
    .news-events-module .news-events-list-block .events .event .event-info .info-box {
        width: 68%;
    }

    .numbers-slider-module .slider-holder .donation-status-block .content-box .wave-animated-text .sign {
        font-size: 90px;
        width: unset;
    }

    .numbers-slider-module .slider-holder .donation-status-block .content-box .wave-animated-text .value {
        font-size: 250px;
    }

    .numbers-slider-module .slider-holder .donation-status-block .content-box .overlay .text {
        font-size: 52px;
    }

    .numbers-slider-module .slider-holder .donation-status-block .content-box {
        margin: 40px 0px 20px 0px;
    }

    .image-text-module .image img {
        width: 80%;
    }

    .footer-menu-item .button .arrow img {
        width: 25px;
    }

    .footer-menu-item .button .text {
        font-size: 24px;
        line-height: 32px;
    }

    .button-theme-white-small:hover .button {
        background-size: 100% 3px;
    }

    .footer-menu-item .button {
        display: flex;
        height: 54px;
    }

    .module-content-block-fb-fluid-holder-right-row2-item-figure {
        font-size: 48px;
    }
    .module-content-block-fb-fluid-holder-right-row2-item-text {
        font-size: 16px;
        line-height: 24px;
    }
    .module-content-block-fb-fluid-holder {
        flex-direction: column;
    }
    .module-content-block-fb-fluid-holder-left {
        width: 90%;
    }
    .module-content-block-fb-fluid-holder-right {
        width: 100%;
    }
    .module-content-block-fb-fluid-holder-right-row1 {
        padding: 0px 5% 0px 5%;
    }
    .module-content-block-fb-fluid-holder-right-row2 {
        padding: 0px 5% 0px 5%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0px 0px 5% 0px;
    }
    .module-content-block-fb-fluid-holder-right-row1 {
        margin: 0px 0px 5% 0px;
    }
    .module-content-block-fb-fluid-holder-right-row2-item {
        width: 80%;
        height: 200px;
    }
    .module-content-block-fb-fluid-holder-right-row2-item-contents {
        top: 34%;
    }
    .module-content-block-fb-fluid-holder-right-row2-item-bg-diamond-gray {
        background-size: contain;
        margin: 2% 0px 3% 0px;
    }
    .module-content-block-fb-fluid-holder-right-row2-item-bg-diamond-white {
        background-size: contain;
        margin: 2% 0px 3% 0px;
    }
    .module-content-block-fb-fluid-holder--inverted .module-content-block-fb-fluid-holder-left {
        align-self: self-end;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder .youtube-background iframe {
        height: 900px !important;
        top: 60% !important;
    }
    
}


@media screen and (max-width: 991px) {
    .footer-col-right-align 
    {
        align-items: flex-start !important;
    }

    .footer .footer-col {
        margin: 0px 30px 50px 0px;
    }

    .campaigns-module .campaigns-block ul li { 
        width: 49%;
    }

    .accordion-block .accordion .accordion-item .accordion-body .officers .person-contact-info-pop-box .box .box-info {
        flex-direction: column;
        padding: 0px 0px 0px 0px;
    }

    .accordion-block .accordion .accordion-item .accordion-body .officers .person-contact-info-pop-box .box .box-info .name-title {
        width: 100%;
        padding: 20px 20px 0px 0px;
    }

    .accordion-block .accordion .accordion-item .accordion-body .officers .person-contact-info-pop-box .box .box-info .contacts {
        width: 100%;
    }

    .modal-menu-content {
        flex-direction: column;
    }

    .modal-menu .modal-menu-content .left {
        width: 100%;
        padding: 40px 60px 30px 30px;
    }

    .modal-menu .modal-menu-footer {
        padding: 30px 30px 50px 30px;
    }

    .modal-menu .modal-menu-content .right {
        width: 100%;
        padding: 30px 0px 0px 0px;
    }

    .modal-menu .modal-menu-content .right .section-title h2 {
        display: none;
    }

    .accordion-block .accordion .accordion-item .accordion-body .officers .person .info .title {
        height: 140px;
    }


}

@media screen and (max-width: 960px) {

    .module-content-block-fb-item {
        width: 100%;
        margin: 0px 0px 5% 0px;
    }
    .module-content-block-fb-item-bg-diamond-gray {
        background-size: contain;
    }
    .module-content-block-fb-item-bg-diamond-purple {
        background-size: contain;
    }
    .module-content-block-fb-item {
        height: 300px;
    }
    .module-content-block-fb-item-contents {
        top: 40%;
    }

    .accordion-block .accordion .accordion-item .accordion-body .officers .person .info .name {
        height: 100px;
    }

    .module-content-block-fb-holder {
        flex-direction: column;
    }
    .module-content-block-fb-item {
        width: 100%;
        margin: 0px 0px 5% 0px;
    }
    .module-content-block-fb-item-bg-diamond-gray {
        background-size: contain;
    }
    .module-content-block-fb-item-bg-diamond-purple {
        background-size: contain;
    }
    .module-content-block-fb-item {
        height: 300px;
    }
    .module-content-block-fb-item-contents {
        top: 40%;
    }

    .accordion-block .accordion .accordion-item .accordion-body .officers .person .info .contact-info a {
        font-size: 14px;
    }

}

@media screen and (max-width: 930px) {

    .video-cards-module .video-cards .video-card .video-card-item .video-image .image-holder {
        height: 370px !important;
        min-height: unset;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder {
        height: 370px !important;
        min-height: unset;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder .youtube-background iframe {
        height: 900px !important;
        top: 60% !important;
    }

}

@media screen and (max-width: 860px) {
    .wysiwyg-block .block-contents {
        padding: 0% 5%;
    }

    .video-cards-module {
        padding: 0px;
    }

    .video-cards-module .small-title { 
        padding: 0px 32px;
    }

    .video-cards-module .big-title { 
        padding: 0px 32px;
    }

    .video-cards-module .summary {
        padding: 0px 32px;
    }

    .video-cards-module .action {
        padding: 0px 32px;
    }

    .video-cards-module .video-cards {
        flex-direction: column;
        align-items: center;
    }

    .video-cards-module .video-cards .video-card {
        width: 45%;
        margin: 0px 0px 50px 0px;
    }

    .video-cards-module .video-cards .video-card .video-card-item .student-info .student-name {
        font-size: 20px;
    }

    .video-cards-module .video-cards .video-card .video-card-item .student-info .separator {
        font-size: 18px;
    }

    .video-cards-module .video-cards .video-card .video-card-item .student-info .student-stories {
        font-size: 20px;
    }

    .numbers-slider-module .slider-holder .donation-status-block .content-box .wave-animated-text .sign {
        font-size: 60px;
    }

    .numbers-slider-module .slider-holder .donation-status-block .content-box .wave-animated-text .value {
        font-size: 200px;
    }

    .numbers-slider-module .slider-holder .donation-status-block .content-box .overlay .text {
        font-size: 42px;
    }

    .numbers-slider-module .slider-holder .donation-status-block .content-box {
        margin: 20px 0px 20px 0px;
    }

    .tabs-to-dropdown .nav-wrapper .nav-tabs {
        display: none;
    }

    .tabs-to-dropdown .nav-wrapper .dropdown {
        display: flex;
        width: 100%;
        padding: 0px 42px 0px 38px;
    }

    .accordion-block .accordion .accordion-item .accordion-body .officers .person .info .title {
        height: 150px;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .image-holder {
        height: 450px !important;
        min-height: unset;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder {
        height: 450px !important;
        min-height: unset;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder .youtube-background iframe {
        height: 900px !important;
        top: 63% !important;
    }


}

@media screen and (max-width: 820px) { 
    .news-events-module .news-events-right-block .news-item .image {
        width: 45% !important;
    }

    .news-events-module .news-events-right-block .news-item .contents {
        width: 55% !important;
    }

    .slider-module .slider-holder .testimonial-slider .testimonial {
        padding: 0px 2%;
    }

}

@media screen and (max-width: 768px) {
    .main-navigation {
        /* height: 88px; */
        height: 64px;
    }

    .main-navigation .action {
        display: none;
    }

    .main-navigation .logo,
    .main-navigation .search-menu {
        width: 50%;
    }

    .main-navigation .logo {
        justify-content: flex-start;
    }

    .main-navigation .logo img {
        width: 100px;
    }

    .main-navigation .search-menu .search {
        display: none;
    }

    .banner-block {
        /* min-height: calc(100vh - 88px);
        margin: 88px 0px 0px 0px; */
        min-height: calc(100vh - 64px);
        margin: 64px 0px 0px 0px;
    }

    .bb-content .small-text {
        font-size: 18px;
    }

    .bb-content .big-text {
        font-size: 48px;
    }

    .wysiwyg-block .block-contents {
        padding: 0% 0%;
    }

    .block-title-small { 
        font-size: 18px;
    }

    .block-title-big { 
        font-size: 36px;
    }

    .wysiwyg-block .block-contents { 
        font-size: 20px;
    }

    .accordion-block .accordion .accordion-item .accordion-body .list ul li {
        padding: 0px;
    }

    .accordion-block .accordion .accordion-item .accordion-body .list ul li::after {
        margin: 0px;
    }

    .accordion-block .accordion .accordion-item .accordion-body .accordion-body-content-text-style-1 {
        padding: 0px 40px 0px 0px;
    }

    .accordion-block .accordion .accordion-item .accordion-body .accordion-body-content-text-style-2 {
        padding: 20px 40px 20px 0px;
    }

    .give-module .overlay {
        padding: 0% 5%;
    }

    .give-module .overlay .title { 
        font-size: 36px;
    }

    .wysiwyg-purple {
        background-position: -180px center;
        background-size: unset;
    }

    .wysiwyg-purple .block-title-big {
        padding: 0% 4%;
        font-size: 36px;
    }

    .wysiwyg-purple .block-contents { 
        padding: 0% 4%;
    }

    .news-events-module .news-events-right-block a:last-child {
        margin: 30px 0px 30px 0px;
    }

    .news-events-module .news-events-right-block .news-item .image {
        width: 25%;
    }

    .news-events-module .news-events-right-block .news-item .contents {
        width: 75%;
    }

    .wysiwyg-block.wysiwyg-purple-gradient {
        margin: 0px;
    }

    .wysiwyg-purple-gradient::after {
        background-size: cover;
        background-position: left center;
    }

    .wysiwyg-purple-gradient .block-title-big {
        padding: 0% 4%;
        font-size: 36px;
    }

    .wysiwyg-purple-gradient .block-contents { 
        padding: 0% 4%;
    }

    .accordion-block .accordion .accordion-item .accordion-body .name-list li {
        width: 100%;
    }
    
    .news-banner { 
        height: 100%;
        min-height: unset;
    }

    .news-banner .image {
        height: 300px;
        position: relative;
    }

    .news-banner .info-box {
        position: relative;
        width: 100%;
    }

    .news-banner .image img {
        position: relative;
    }

    .main-navigation .logo.main-nav-banner img {
        display: flex;
    }

    .numbers-slider-module .slider-holder .donate-button-holder {
        margin: -40px 0px 60px 0px;
    }

    .numbers-slider-module .slider-holder {
        padding-bottom: 50px;
    }

    .numbers-slider-module .slider-holder .mobile-slider-arrows {
        display: flex;
    }
   
    .main-nav-mobile-input-control {
        display: flex;
        margin: 0px 0px 40px 0px;
    }

    .main-nav-mobile-button-control {
        display: flex;
        margin: 30px 0px 30px 0px;
    }

    .main-nav-mobile-button-control .action {
        display: flex;
        width: 100%;
    }

    .main-nav-mobile-button-control .action a {
        display: flex;
        width: 100%;
    }

    .footer-menu-item .button .text {
        font-size: 21px;
    }

    .footer-menu-item .button .arrow img {
        width: 22px;
    }

    .accordion-block .accordion .accordion-item .accordion-body .officers .person {
        width: 100%;
    }

    .accordion-block .accordion .accordion-item .accordion-body .officers .person .info .name {
        font-size: 22px;
    }

    .accordion-block .accordion .accordion-item .accordion-body .officers .person .info .title {
        height: auto;
        margin-bottom: 20px;
    }

    .accordion-block .accordion .accordion-item .accordion-body .officers .person .info .name {
        height: auto;
        margin-bottom: 35px;
    }

    .accordion-block .accordion .accordion-item .accordion-body .officers .person .info .contact-info a {
        font-size: 18px;
    }

    .slider-module {
        padding: 0px 20px;
    }

    .slider-holder {
        padding: 0px 20px;
    }

    .slider-holder .title {
        font-size: 36px;
    }

    .slider-holder .slider .testimonial {
        font-size: 22px;
    }

    .slider-holder .slider .photo img {
        width: 35%;
    }

}

/* this is for the bootstrap breakpoint md */
@media screen and (max-width: 767px) { 
    .cf-h-padding-non-mobile {
        padding: 0%;
    }

    .accordion-block .accordion .accordion-item .accordion-header button {
        font-size: 28px;
    }

    .accordion-block .accordion .accordion-item .accordion-body .list ul li a {
        font-size: 18px;
    }

    .accordion-block .accordion .accordion-item .accordion-body .list ul li {
        margin: 0px 0px 20px 0px;
    }

    .accordion-block .accordion .accordion-item .accordion-body .accordion-body-content-text-style-1 {
        font-size: 22px;
    }
    
    .accordion-block .content-divider {
        width: 90%;
        height: 1px;
        background-color: #9747FF;
        margin: 40px 5% 50px 5%;
    }

    .image-text-module .image {
        padding: 0px 50px 20px 50px;
    }

    .image-text-module .image img {
        width: 100%;
    }

    .gallery-module::after {
        width: 100%;
    }

    .gallery-module .small-title {
        font-size: 18px;
    }
    
    .gallery-module .big-title h2 {
        font-size: 36px;
    }

    .campaigns-module .campaigns-block ul li { 
        width: 100%;
    }

    .news-events-module .news-events-left-block .featured-news-item .overlay {
        width: 100%;
    }

    .news-events-module .news-events-right-block a {
        margin: 30px 0px 0px 0px;
    }

    .news-events-module .news-events-block {
        padding: 0px;
    }

    .news-events-module .news-events-block .row {
        padding: 0px;
    }

    .video-cards-module .video-cards-module-divider {
        display: flex;
    }

    .cta-module .image-block {
        margin: 0px 0px 50px 0px;
        padding: 0px 0px 0px 20px;
        justify-content: flex-start;
    }

    .cta-module .image-block .image-holder {
        width: 100%;
    }

    .slider-module {
        padding: 0px 20px;
    }

    .slider-module .slider-holder {
        padding: 0px;
    }

    .slider-module .testimonial-slider .slick-slide img {
        width: 40%;
    }

    .slider-module .slider-bottom .arrows-indicator .mobile-arrows {
        width: 50px;
        margin: 30px 0px 0px 23px;
    }

    .slider-module .slider-bottom .arrows-indicator .tile-count {
        justify-content: flex-end;
        margin: -16px 0px 40px 0px;
    }

    .slider-module .testimonial-slider-nav {
        margin-top: 0px;
    }

    .slider-module .slider-bottom .mobile-divider {
        display: flex;
        height: 1px;
        width: 100%;
        background: #201547;
        margin: 20px 0px 20px 0px;
    }

    .tabs-module {
        margin: 100px 0px;
    }

    .tab-slider-holder .tab-slider .slide-item .image-block {
        justify-content: center;
        margin-bottom: 70px;
    }

    .accordion-block .accordion .accordion-item .accordion-body .section-title {
        margin: 0px 0px 30px 0px;
    }

    /* .accordion-block .accordion .accordion-item .accordion-body .officers .person .info .title {
        height: 180px;
    } */


}

@media screen and (max-width: 720px) { 
    .video-cards-module .video-cards .video-card .video-card-item .video-image .image-holder {
        height: 420px !important;
        min-height: unset;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder {
        height: 420px !important;
        min-height: unset;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder .youtube-background iframe {
        height: 900px !important;
        top: 60% !important;
    }

}

@media screen and (max-width: 630px) { 
    .video-cards-module .video-cards .video-card .video-card-item .video-image .image-holder {
        height: 390px !important;
        min-height: unset;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder {
        height: 390px !important;
        min-height: unset;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder .youtube-background iframe {
        height: 900px !important;
        top: 60% !important;
    }

}


@media screen and (max-width: 600px) { 
    .tribe-events-event-image img {
        height: 360px !important;
    }

    .slider-holder .slider-bottom .mobile-divider {
        display: flex;
        width: 100%;
        height: 1px;
        background: #201547;
        margin: 0px 0px 34px 0px;
    }

    .slider-holder .slider-bottom .arrows-indicator .mobile-arrows {
        display: flex;
    }

    .slider-holder .slider-bottom .arrows-indicator .tile-count  {
        justify-content: flex-end;
        width: 50%;
    }

    .news-events-module .news-events-list-block .events .event .event-info {
        flex-direction: column;
    }

    .news-events-module .news-events-list-block .events .event .event-info .date-info {
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
        padding: 10px 30px;
    }

    .news-events-module .news-events-list-block .events .event .event-info .date-info .day {
        margin: 0px 12px 0px 0px;
        font-size: 28px;
    }

    .news-events-module .news-events-list-block .events .event .event-info .date-info .month {
        font-size: 18px;
    }
    
    .news-events-module .news-events-list-block .events .event .event-info .info-box {
        width: 100%;
    }

    .news-events-module .news-events-list-block .events .event .event-info .info-box .title {
        font-size: 22px;
    }

    .numbers-slider-module .slider-holder .donation-status-block .content-box .wave-animated-text .sign {
        font-size: 60px;
    }

    .numbers-slider-module .slider-holder .donation-status-block .content-box .wave-animated-text .value {
        font-size: 180px;
    }

    .numbers-slider-module .slider-holder .donation-status-block .content-box .overlay .text {
        font-size: 36px;
    }

    .numbers-slider-module .slider-holder .donation-status-block .content-box {
        margin: 8px 0px 10px 0px;
    }

    .modal-menu-footer {
        flex-direction: column-reverse;
        justify-content: flex-start;
    }

    .modal-menu .modal-menu-footer .left {
        width: 100%;
        justify-content: flex-start;
    }

    .modal-menu .modal-menu-footer .right {
        width: 100%;
        justify-content: flex-start;
        margin: 0px 0px 30px 0px;
    }

    .modal-menu .modal-menu-footer .right .socials-block .sub-title {
        justify-content: flex-start;
    }

    .modal-menu .modal-menu-footer .right .socials {
        justify-content: flex-start;
    }

    .modal-menu .modal-menu-footer .right .socials ul li {
        margin: 0px 14px 0px 0px;
    }

    .homepage-banner-block .bb-content .logo img {
        width: 300px;
        height: auto;
    }

    .homepage-banner-block .bb-content .tagline {
        margin: 10px 0px 50px 0px;
        text-align: center;
        padding: 0px 30px;
    }

    .homepage-banner-block .bb-content .tagline img {
        width: 300px;
    }

    .module-content-block-fb-item {
        height: 200px;
    }
    .module-content-block-fb-item-contents {
        height: 200px;
        top: 40%;
    }
    .module-content-block-fb-item-figure {
        font-size: 48px;
        line-height: 48px;
    }
    .module-content-block-fb-item-text {
        font-size: 16px;
        line-height: 24px;
    }
    .module-content-block-fb-fluid-holder-right-row1 {
        margin: 0px 0px 5% 0px;
    }
    .module-content-block-fb-fluid-holder-right-row2-item {
        width: 80%;
    }
    .module-content-block-fb-fluid-holder-right-row2-item-contents {
        height: 200px;
    }
    .module-content-block-fb-fluid-holder-right-row2-item-bg-diamond-gray {
        margin: 0px 0px 5% 0px;
    }
    .module-content-block-fb-fluid-holder-right-row2-item-bg-diamond-white {
        margin: 0px 0px 5% 0px;
    }

    .homepage-banner-block .bb-content .logo {
        height: auto;
    }

    .form-page .page-first-module {
        display: none;
    }

    .form-page .form-module {
        margin-top: 70px;
    }

    .main-navigation .search-menu .menu {
        margin: -8px 8px 0px 0px;
    }

    .main-nav-menu-item .button .text {
        font-size: 30px;
    }

    .wysiwyg-purple-gradient::after {
        height: 51% !important;
    }

    .campaigns-module .campaigns-block .campaign .label {
        font-size: 20px;
        height: 48px;
    }

    .letter-module .image {
        padding: 0px 0px 0px 20px;
        margin: 0px 0px 30px 0px;
    }

    .letter-module .text .signature img {
        width: 100%;
    }

    .mfp-iframe-holder .mfp-content {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
    }

    /* this is to override the youtube iframe */
    .mfp-iframe .html5-video-container {
        width: 100% !important;
        height: 100% !important;
    }

    .mfp-iframe-holder .mfp-content video.video-stream.html5-main-video,
    .mfp-iframe .html5-video-player .video-stream {
        top: 0px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .video-cards-module .video-cards .video-card {
        width: 100%;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .image-holder {
        height: 650px !important;
        min-height: unset;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder {
        height: 650px !important;
        min-height: unset;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder .youtube-background iframe {
        height: 1250px !important;
        top: 75% !important;
    }

    .main-nav-mobile-input-control .search input[type="text"] {
        color: #ffffff;
    }

}

@media screen and (max-width: 560px) { 
    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder .youtube-background iframe {
        top: 65% !important;
    }


}


@media screen and (max-width: 540px) { 

    .numbers-slider-module .slider-holder .donation-status-block .content-box .wave-animated-text .sign {
        font-size: 50px;
    }
    
    .numbers-slider-module .slider-holder .donation-status-block .content-box .wave-animated-text .value {
        font-size: 150px;
    }

    .numbers-slider-module .slider-holder .donation-status-block .content-box .overlay .text {
        font-size: 26px;
    }

    .main-nav-menu-item .button .text {
        font-size: 27px;
    }

}

@media screen and (max-wdith: 500px) {
    .module-content-block-fb-fluid-holder-left-img-holder:before {
        background-image: url("../images/cb-cta-small-diamonds-mobile.svg")
    }
    .module-content-block-fb-fluid-holder-right-row1-content {
        margin: 20px 0px 10px 0px;
    }

    .module-content-block-fb-fluid-holder--inverted .module-content-block-fb-fluid-holder-left-img-holder:before {
        background-image: url('../images/cb-cta-small-diamonds.svg');
        background-size: auto;
        background-repeat: no-repeat;
        background-position: right center;
    }

    .accordion-block .accordion .accordion-item .accordion-img {
        height: 380px;
    }

}

@media screen and (max-width: 480px) { 

    .numbers-slider-module .slider-holder .donation-status-block .content-box .wave-animated-text .sign {
        font-size: 40px;
    }
    
    .numbers-slider-module .slider-holder .donation-status-block .content-box .wave-animated-text .value {
        font-size: 130px;
    }

    .numbers-slider-module .slider-holder .donation-status-block .content-box .overlay .text {
        font-size: 20px;
    }

    .numbers-slider-module .slider-holder .donation-status-block {
        margin: 10px 0px 100px 0px;
    }

    .menu-block .main-nav-menu-item .button {
        height: 44px !important;
    }

    .menu-block .main-nav-menu-item .button .text {
        font-size: 20px !important;
    }

    .menu-block .main-nav-menu-item .button .arrow img {
        width: 21px !important;
    }

    .menu-block-small .main-nav-menu-item .button .text {
        font-size: 17px !important;
    }

    .menu-block-small .main-nav-menu-item .button .arrow img {
        width: 20px !important;
    }

    .modal-menu .modal-menu-content .right .news-collection ul li a .news-item .contents {
        width: 60%;
    }

    .modal-menu .modal-menu-content .right .news-collection ul li a .news-item .image {
        width: 40%;
    }

    .footer-menu-item .button .text {
        font-size: 18px !important;
    }

    .footer-menu-item .button .arrow img {
        width: 19px !important;
    }
    
    .footer-menu-item .button {
        height: 44px;
    }

    /* disabled the transition in main menu from modal */
    .main-nav-menu-item .button .arrow {
        transition: none !important;
    }

    .button-theme-white .button {
        transition: none !important;
        background: none !important;
    }

    .button-theme-white:hover .button {
        transition: none !important;
        background: none !important;
    }

    .button-theme-white:hover .button .arrow {
        transition: none !important;
        margin: 0px 0px 0px 10px;
    }

    .menu-block-small .button .arrow {
        transition: none !important;
    }

    .menu-block-small .button-theme-white:hover .button .arrow {
        transition: none !important;
        background: none !important;
        margin: 0px 0px 0px 10px;
    }

    .button-theme-white-small .button { 
        transition: none !important;
        background: none !important;
    }

    .footer-menu-item .button .arrow { 
        transition: none !important;
        background: none !important;
    }

    .button-theme-white-small:hover .button .arrow {
        transition: none !important;
        margin: 0px 0px 0px 10px;
        background: none !important;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .image-holder {
        height: 550px !important;
        min-height: unset;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder {
        height: 550px !important;
        min-height: unset;
    }


    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder .youtube-background iframe {
        top: 65% !important;
    }

}


@media screen and (max-width: 410px) { 

    .numbers-slider-module .slider-holder .donation-status-block .content-box .wave-animated-text .sign {
        font-size: 30px;
    }
    
    .numbers-slider-module .slider-holder .donation-status-block .content-box .wave-animated-text .value {
        font-size: 120px;
    }

    .numbers-slider-module .slider-holder .donation-status-block .content-box .overlay .text {
        font-size: 18px;
    }

    

    .menu-block .main-nav-menu-item .button {
        height: 44px !important;
    }

    .menu-block .main-nav-menu-item .button .text {
        font-size: 20px !important;
    }

    .menu-block .main-nav-menu-item .button .arrow img {
        width: 21px !important;
    }

    .menu-block-small .main-nav-menu-item .button .text {
        font-size: 17px !important;
    }

    .menu-block-small .main-nav-menu-item .button .arrow img {
        width: 20px !important;
    }

    .modal-menu .modal-menu-content .right .news-collection ul li a .news-item .contents {
        width: 60%;
    }

    .modal-menu .modal-menu-content .right .news-collection ul li a .news-item .image {
        width: 40%;
    }

    .footer-menu-item .button .text {
        font-size: 18px !important;
    }

    .footer-menu-item .button .arrow img {
        width: 19px !important;
    }
    
    .footer-menu-item .button {
        height: 44px;
    }

    .accordion-block .accordion .accordion-item .accordion-img {
        height: 300px;
    }    

    .letter-module {
        margin: 65px 0px;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder .youtube-background iframe {
        top: 60% !important;
    }



}

@media screen and (max-width: 375px) { 

    .main-nav-menu-item .button {
        height: 48px !important;
    }

    .main-nav-menu-item .button .text {
        font-size: 22px !important;
    }

    .main-nav-menu-item .button .arrow img {
        width: 23px !important;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .image-holder {
        height: 450px !important;
        min-height: unset;
    }

    .video-cards-module .video-cards .video-card .video-card-item .video-image .video-holder {
        height: 450px !important;
        min-height: unset;
    }

}

@media screen and (max-width: 360px) { 

    .menu-block .main-nav-menu-item .button {
        height: 40px !important;
    }

    .menu-block .main-nav-menu-item .button .text {
        font-size: 17px !important;
        line-height: 125% !important;
    }

    .menu-block .main-nav-menu-item .button .arrow img {
        width: 18px !important;
    }

    .menu-block-small .main-nav-menu-item .button {
        height: 38px !important;
    }

    .menu-block-small .main-nav-menu-item .button .text {
        font-size: 16px !important;
        line-height: 125% !important;
    }

    .menu-block-small .main-nav-menu-item .button .arrow img {
        width: 17px !important;
    }

    .modal-menu .modal-menu-content .right .news-collection ul li a .news-item .contents {
        width: 60%;
    }

    .modal-menu .modal-menu-content .right .news-collection ul li a .news-item .image {
        width: 40%;
    }

    .footer-menu-item .button .text {
        font-size: 16px !important;
        line-height: 125% !important;
    }

    .footer-menu-item .button .arrow img {
        width: 17px !important;
    }
    
    .footer-menu-item .button {
        height: 40px;
    }

    .footer .footer-col .footer-menu ul li a {
        line-height: 125%;
    }

    .footer .footer-col {
        margin: 0px 0px 30px 0px;
    }

}