@media only screen and (max-width: 480px) {
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 23px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    h6 {
        font-size: 16px;
    }

    p {
        font-size: 15px;
    }

    .wrapper {
        width: 90%;
        padding: 50px 10px;
    }

    nav .wrapper .nav-btn-section .search-btn-box .search-box.open-search-box {
        top: 60px;
    }

    .video-hero .bg-video-wrap {
        display: none;
    }

    .video-hero .hero-image-mob {
        display: block;
        padding: 0;
        min-height: 400px;
        background-size: cover;
        background-position: center center;
    }

    .video-hero .wrapper h1.hero-head {
        font-size: 40px;
    }

    .mouse-scroll {
        bottom: 20px;
    }

        .mouse-scroll .mouse {
            height: 40px;
            width: 25px;
        }

    .featured-header {
        min-height: 400px;
    }

        .featured-header .wrapper .container p {
            width: auto;
        }

    .featured-header-small {
        min-height: 300px;
    }

        .featured-header-small .wrapper .container p {
            width: auto;
        }

    .slider-hero .hero-slider .slider-bg .wrapper {
        min-height: 500px;
    }

        .slider-hero .hero-slider .slider-bg .wrapper p {
            width: 90%;
        }

    .slick-dots li button {
        padding: 5px;
    }

    .slick-dots li {
        margin: 0 2px;
    }

    footer .wrapper {
        padding: 30px;
    }

    footer .footer-end .wrapper .row {
        row-gap: 10px;
    }

    footer .wrapper .row {
        row-gap: 20px;
    }

    footer .footer-end {
        text-align: center;
    }

        footer .footer-end .wrapper .footer-right {
            text-align: center;
        }

    footer .wrapper ul {
        text-align: center;
    }

        footer .wrapper ul.menu-links li:hover a {
            margin-left: 10px;
        }

    footer .wrapper .menu-title {
        text-align: center;
    }

    footer .wrapper ul.address li {
        padding-left: 0;
    }

        footer .wrapper ul.address li.location::before {
            position: relative;
            left: -10px;
        }

        footer .wrapper ul.address li.mail::before {
            position: relative;
            left: -10px;
        }

    footer .wrapper ul.social {
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .pillars .wrapper {
        width: 100%;
    }

        .pillars .wrapper .pillar-box {
            width: 90%;
        }

    .pillars .pillar-slider .slick-list {
        padding: 0 30px 0 30px !important;
    }

    .pillars .wrapper .pillar-box .pillar-title h5 {
        font-size: 16px;
    }

    .pillars .wrapper .pillar-box .pillar:hover .pillar-grp .copy {
        padding: 15px;
    }

    .title-section p {
        width: auto;
    }

    .cta {
        min-height: 500px;
        margin-top: 50px;
    }

        .cta::before {
            content: "";
            width: 100%;
            height: 100%;
            background: linear-gradient(0deg, #0000006e 40%, #00000000 90%);
            position: absolute;
            left: 0;
            top: 0;
        }

    .btn {
        /*    padding: 10px 30px;*/
        /*    white-space: normal;*/
        /*    line-height: 1.3;*/
        font-size: 13px;
        /*    border-radius: 6px;*/
    }

    .cta .title-section .btn-box {
        gap: 10px;
        flex-direction: column;
    }

    .text-box {
        padding: 30px 0px;
        padding-bottom: 0;
    }

    .dual-sides .wrapper .image-grid img {
        max-height: 140px;
    }

    .dual-sides .wrapper .image-grid .row {
        gap: 10px;
        margin-bottom: 10px;
    }

    .dual-sides.home {
        padding: 0px 20px;
    }

    .dual-sides.annual-giving .text-box {
        padding: 0;
        width: auto;
    }

    .progress-bar-section .wrapper .progress-bar-box {
        padding: 30px 30px 30px 30px;
    }

        .progress-bar-section .wrapper .progress-bar-box .progress-bar-item .number-drop .drop {
            width: 90px;
            height: 180px;
            background-size: 90px;
            top: -60px;
            left: 80%;
        }

            .progress-bar-section .wrapper .progress-bar-box .progress-bar-item .number-drop .drop .text {
                margin-top: 5px;
            }

        .progress-bar-section .wrapper .progress-bar-box h2 {
            margin-bottom: 70px;
            font-size: 28px;
            text-align: center;
        }

        .progress-bar-section .wrapper .progress-bar-box .progress-bar-item {
            margin-bottom: 70px;
        }

        .progress-bar-section .wrapper .progress-bar-box h2 span {
            display: block;
            font-size: 60px;
        }

        .progress-bar-section .wrapper .progress-bar-box .progress-bar-item .number-drop .drop .number-box {
            font-size: 30px;
        }

        .progress-bar-section .wrapper .progress-bar-box .subtext {
            font-size: 30px;
            text-align: center;
            margin-bottom: 30px;
        }

            .progress-bar-section .wrapper .progress-bar-box .subtext span {
                display: block;
                font-size: 60px;
            }

        .progress-bar-section .wrapper .progress-bar-box .btn-box {
            margin-top: 20px;
        }

    .news-slider .slick-prev {
        left: -30px;
    }

    .news-slider .slick-next {
        right: -30px;
    }

    .parallax {
        margin: 50px 0;
    }

        .parallax .wrapper {
            border-top-left-radius: 50px;
            border-bottom-right-radius: 50px;
            justify-content: space-between;
        }

            .parallax .wrapper::before {
                border-top-left-radius: 50px;
                border-bottom-right-radius: 50px;
            }

    .btn-box {
        margin: 0px 20px;
    }

    .connect-withus .wrapper .social-icons ul.social {
        font-size: 25px;
        gap: 10px;
        margin: 0;
    }

        .connect-withus .wrapper .social-icons ul.social li a {
            width: 50px;
            height: 50px;
        }

    .socialwall-slider .slick-prev {
        left: -30px;
    }

    .socialwall-slider .slick-next {
        right: -30px;
    }

    .slick-dots {
        bottom: -35px;
    }

    .social-wall .wrapper .social-box .display-pic img {
        max-height: 170px;
    }

    .social-wall .wrapper .social-box .share-box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 10px;
    }

        .social-wall .wrapper .social-box .share-box .likes {
            grid-column-start: 1;
        }

        .social-wall .wrapper .social-box .share-box .comments {
            grid-column-start: 1;
            grid-column-end: 3;
            grid-row-start: 2;
        }

        .social-wall .wrapper .social-box .share-box .shares {
            grid-column-start: 2;
            grid-row-start: 1;
        }

    .social-wall .wrapper .social-box .description p {
        font-size: 13px;
    }

    .float-elements.float-elements1 {
        top: 340px;
    }

        .float-elements.float-elements1 .element1 {
            right: 0px;
            width: 70px;
        }

        .float-elements.float-elements1 .element2 {
            right: -20px;
            top: 150px;
            width: 70px;
        }

    .float-elements.float-elements2 .element1 {
        left: -20px;
        bottom: -900px;
        width: 80px;
    }

    .float-elements.float-elements2 .element2 {
        right: -10px;
        top: -100px;
        width: 90px;
    }

    .social-wall .wrapper .social-box {
        padding: 20px;
        margin-top: 30px;
    }

    .inspiration {
        display: block;
        gap: 0;
        min-height: auto;
    }

        .inspiration .inspiration-slider-main {
            width: 100%;
        }

        .inspiration .inspiration-slider-nav {
            width: 100%;
            padding: 30px
        }

        .inspiration .inspiration-slider-main .insp-slider-box .video-box {
            height: 300px;
        }

        .inspiration .inspiration-slider-main .insp-slider-box .description-box {
            padding: 20px;
            height: 300px;
            overflow: scroll;
        }

        .inspiration .inspiration-slider-nav .insp-slider-box {
            display: block;
        }

            .inspiration .inspiration-slider-nav .insp-slider-box .thump-box {
                max-height: inherit;
                margin-bottom: 20px;
            }

        .inspiration .inspiration-slider-nav .slick-slider .slick-list {
            overflow: hidden !important;
        }

        .inspiration .inspiration-slider-nav .insp-slider-box .description-box .copy {
            width: auto;
            height: auto;
        }

    .testimonials .wrapper .testimonial-box {
        width: 95%;
        padding: 60px 30px;
    }

        .testimonials .wrapper .testimonial-box .testimonial {
            font-size: 20px;
            padding: 60px 0;
        }

        .testimonials .wrapper .testimonial-box .user {
            text-align: center;
            display: block;
        }

            .testimonials .wrapper .testimonial-box .user .image img {
                height: 120px;
                width: 120px;
                margin: 0 auto;
                margin-bottom: 10px;
                transform: scale(1);
            }

        .testimonials .wrapper .testimonial-box .testimonial::before {
            left: 50%;
            top: -40px;
            transform: rotate(180deg) translate(50%, 0px);
        }

        .testimonials .wrapper .testimonial-box .testimonial::after {
            left: 50%;
            top: auto;
            bottom: -40px;
            transform: rotate(180deg) translate(50%, 0px) scaleX(-1);
        }

        .testimonials .wrapper .testimonial-box .testimonial::before,
        .testimonials .wrapper .testimonial-box .testimonial::after {
            background-size: 80px;
            width: 80px;
            height: 80px;
        }

        .testimonials .wrapper .testimonial-box:hover .testimonial::after {
            transform: rotate(180deg) translate(50%, 0px) scaleX(-1);
        }

        .testimonials .wrapper .testimonial-box:hover .testimonial::before {
            transform: rotate(180deg) translate(50%, 0px);
        }

    .stories .wrapper .tabs .tab-content .stories-news-box {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
    }

    .stories-news-box {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
    }

    .stories .wrapper .tabs .nav {
        justify-content: flex-start;
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
        padding-bottom: 10px;
        width: 100%;
        margin: 0 auto;
    }

        .stories .wrapper .tabs .nav::-webkit-scrollbar-track {
            -webkit-box-shadow: none;
            box-shadow: none;
            border-radius: 10px;
            background-color: transparent;
        }

        .stories .wrapper .tabs .nav::-webkit-scrollbar {
            width: 3px;
            height: 10px;
            background-color: #f0f0f0;
            border-radius: 10px;
        }

        .stories .wrapper .tabs .nav::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: #727272;
            border: 3px solid #f0f0f0;
        }

    .stories.greentab .wrapper .tabs .nav::-webkit-scrollbar-thumb {
        background-color: #727272;
    }

    .filter-sort-box::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 10px;
        background-color: transparent;
    }

    .filter-sort-box::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: transparent;
    }

    .filter-sort-box::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #ddd;
    }

    .stories .wrapper .tabs .nav.nav-pills .nav-item {
        flex: 0 0 auto;
    }

    .more-news .more-news-section {
        grid-template-columns: repeat(1, 1fr);
    }

    .video-pop-sec .text-box {
        width: 100%;
    }

    .video-pop-sec .wrapper {
        width: 90%;
        padding: 20px 0;
    }

    .video-pop-sec .video-pop {
        margin-top: 10px;
        width: 100%;
    }

        .video-pop-sec .video-pop .pop-image {
            height: 100%;
            max-height: 200px;
        }

            .video-pop-sec .video-pop .pop-image::before {
                background-size: 80px;
            }

    .popup {
        max-width: 90%;
    }

        .popup iframe {
            border: 0;
            height: auto;
        }

    .stories .wrapper .tabs .tab-content .stories-news-box.stories-three-col {
        grid-template-columns: repeat(1, 1fr);
    }

        .stories .wrapper .tabs .tab-content .stories-news-box.stories-three-col .news-box:first-child {
            grid-column-start: 1;
            grid-column-end: 1;
        }

    .article-header {
        min-height: 500px;
    }

        .article-header .wrapper .content-bottom {
            display: block;
        }

            .article-header .wrapper .content-bottom .left-side {
                padding-right: 0;
                padding-bottom: 50px;
            }

            .article-header .wrapper .content-bottom .right-side {
                display: none;
            }

        .article-header .mouse-scroll {
            display: block;
        }

    .article-body .wrapper .body-box {
        width: 100%;
        padding: 50px 10px;
    }

        .article-body .wrapper .body-box .date {
            margin-bottom: 30px;
        }

        .article-body .wrapper .body-box img {
            margin: 30px 0;
        }

    .credit-card-box {
        z-index: 1;
        position: relative;
        height: 300px;
        top: 80px;
    }

        .credit-card-box img.credit-card {
            top: 0;
            right: 0px;
            width: 300px;
            padding: 0;
        }

        .credit-card-box img.coin1 {
            top: 200px;
            right: 140px;
            width: 80px;
            z-index: 4;
        }

        .credit-card-box img.coin2 {
            right: 250px;
            top: 210px;
            width: 50px;
        }

    .annual-featured-img {
        width: 100%;
    }

    .giving-stories .wrapper {
        padding-top: 0;
    }

        .giving-stories .wrapper .giving-stories-imgs .image-box img {
            height: 150px;
        }

        .giving-stories .wrapper .min-link {
            position: absolute;
            right: 0;
            bottom: -40px;
            text-shadow: none;
            width: 140px;
            font-size: 15px;
        }

    .bt-lr {
        border-top-left-radius: 50px !important;
    }

    .bt-rr {
        border-top-right-radius: 50px !important;
    }

    .bb-lr {
        border-bottom-left-radius: 50px !important;
    }

    .bb-rr {
        border-bottom-right-radius: 50px !important;
    }

    .form .wrapper {
        width: 80%;
    }

    .form-container form {
        width: 85%;
    }

        .form-container form .row .form-group {
            padding-right: 0;
            margin-bottom: 20px;
        }

    .float-elements.float-elements3,
    .float-elements.float-elements3 img {
        position: unset;
        padding: 20px 0;
    }

        .float-elements.float-elements3 .element2 {
            width: 200px;
        }

    .column-reverse-sm {
        flex-direction: column-reverse;
    }

    .featured-header-small .wrapper {
        padding-bottom: 100px;
        padding: 20px
    }

    .stories-news-box.stories-three-col {
        grid-template-columns: repeat(1, 1fr);
        width: 90%;
    }

        .stories-news-box.stories-three-col .news-box:first-child {
            grid-column-start: 1;
            grid-column-end: 1;
        }

    .stories-news-box.stories-one-col .news-box:first-child {
        grid-column-start: 1;
        grid-column-end: 1;
    }

    .news-header .wrapper {
        width: 100%;
        padding: 30px 30px;
    }

        .news-header .wrapper .title {
            font-size: 30px;
        }

        .news-header .wrapper .header-bottom {
            display: block;
        }

            .news-header .wrapper .header-bottom .date {
                margin-top: 50px;
            }

            .news-header .wrapper .header-bottom .social-icons {
                text-align: left;
            }

                .news-header .wrapper .header-bottom .social-icons ul.social {
                    gap: 15px;
                }

    .news-article .wrapper .body-box .left-image {
        width: 100%;
        float: none;
        margin: 10px 0px;
        margin-right: 0px;
    }

    table {
        border: 0;
    }

        table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        table tr {
            display: block;
            margin-bottom: .625em;
            border: 1px solid #E6E6E6;
            padding: 0;
        }

        table td {
            display: block;
            font-size: 15px;
            text-align: left;
            padding: 20px;
            border: 0 !important;
            border-bottom: 1px solid #E6E6E6 !important;
        }

            table td:last-child {
                border-bottom: 0 !important;
            }

            table td::before {
                content: attr(data-label);
                float: left;
                font-weight: bold;
                text-transform: uppercase;
                display: block;
                width: 100%;
                margin-bottom: 10px;
            }

            table td:last-child {
                border-bottom: 0;
            }

            table td:nth-child(odd) {
                background: #E6E6E6;
            }

            table td h6 {
                font-size: 17px;
            }

    .featured-header-small .wrapper .container h1 {
        width: 100%;
    }

    .featured-header-small .wrapper .container h3 {
        width: 100%;
    }

    .sort .wrapper {
        width: 90%;
    }

        .sort .wrapper .sortby ul {
            justify-content: flex-start;
            display: flex;
            flex-wrap: nowrap;
            overflow: auto;
            gap: 40px;
            overflow-y: hidden;
        }

            .sort .wrapper .sortby ul li {
                flex: 0 0 auto;
            }

    .donor-list .list-donors .row {
        row-gap: 10px;
    }

    .donor-list {
        margin-top: 30px;
    }

    .donors-filter-box {
        display: flex;
        flex-direction: column-reverse;
    }

        .donors-filter-box .filter-sort-box {
            overflow: auto;
            overflow-y: scroll;
            padding-bottom: 10px;
        }

            .donors-filter-box .filter-sort-box .filter-btn {
                padding: 10px 30px;
                min-height: 55px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

    .banner .wrapper {
        margin: 0px 50px;
        padding: 100px 0;
        width: 70%;
        text-align: center;
    }

    .float-elements.float-elements4 .element1 {
        top: -330px;
    }

    .float-elements.float-elements4 .element3 {
        right: 80px;
        top: -370px;
        width: 100px;
    }

    .float-elements.float-elements4 .element2 {
        right: 0;
        top: -40px;
        width: 150px;
    }

    .float-elements.float-elements4 .element4 {
        right: auto;
        left: 0;
        top: 0;
        width: 90px;
    }

    .gallery .wrapper .image-gallery {
        grid-template-columns: repeat(1, 1fr);
    }

    .gallery .wrapper .video-gallery {
        grid-template-columns: repeat(1, 1fr);
    }

    .gallery .wrapper .image-gallery a img.gallery-main {
        height: 300px;
        max-height: 300px;
    }

    .give-students-box .students-article .wrapper {
        width: 90%;
    }

        .give-students-box .students-article .wrapper .media-box {
            margin: 40px 0;
        }

        .give-students-box .students-article .wrapper .heading {
            font-size: 22px;
        }

    .give-students-box .wrapper .tabs .nav {
        /*    padding: 0px 20px;*/
        /*    padding-bottom: 10px;*/
    }

    .give-students-box .wrapper {
        padding: 20px 30px;
    }

    .float-elements.float-elements5 .element3 {
        right: 0px;
        top: 100px;
        width: 60px;
    }

    .float-elements.float-elements5 .element2 {
        right: 20px;
        top: 30px;
        width: 30px;
    }

    .float-elements.float-elements5 .element1 {
        left: -10px;
        top: 30px;
        width: 30px;
    }

    .float-elements.float-elements5.scholarships .element3 {
        right: 0px;
        top: 100px;
        width: 60px;
    }

    .float-elements.float-elements5.scholarships .element2 {
        right: 20px;
        top: 30px;
        width: 30px;
    }

    .float-elements.float-elements5.scholarships .element1 {
        left: -10px;
        top: 30px;
        width: 30px;
    }

    .named-profile .wrapper {
        width: 90%;
    }

        .named-profile .wrapper .btn-box {
            display: flex;
            gap: 10px;
            flex-direction: column;
        }

    .names-list {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 25px;
        margin: 50px 0;
    }

    .order-list .picture {
        text-align: left;
    }

    .faculties {
        padding: 0;
    }

    .faculty-box {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .faculties .slick-list {
        overflow: hidden;
    }

    .float-elements.float-elements6 .element1 {
        right: auto;
        left: 30px;
        top: -200px;
        width: 70px;
    }

    .float-elements.float-elements7 .element1 {
        left: 0px;
        top: -130px;
        width: 60px;
    }

    .float-elements.float-elements7 .element2 {
        right: 10px;
        top: -140px;
        width: 70px;
    }

    .volunteer .wrapper {
        width: 90%;
        display: block;
    }

    .financial-alphabetical .stories .wrapper .tabs .nav.nav-pills .nav-item {
        flex: auto;
    }

    .m-h-100 {
        height: 100% !important;
    }

    .float-elements.float-elements8 .element1 {
        right: auto;
        left: 0;
        top: -170px;
        width: 70px;
    }

    .float-elements.float-elements8 .element2 {
        right: 0;
        top: -160px;
        width: 70px;
    }

    .float-elements.float-elements9 .element1 {
        right: 20px;
        width: 60px;
    }

    .float-elements.float-elements9 .element2 {
        right: auto;
        left: 0;
        top: 40px;
        width: 80px;
    }

    .float-elements.float-elements10 .element1 {
        right: 0;
        top: -20px;
        width: 80px;
    }

    .float-elements.float-elements10 .element2 {
        right: auto;
        left: 0;
        top: 40px;
        width: 80px;
    }

    .float-elements.float-elements10 .element3 {
        right: 0;
        top: 130px;
        width: 60px;
    }

    .float-elements.float-elements10 {
        top: 300px;
    }

    .publications .wrapper {
        width: 90%;
    }

    .stories-news-box.publication .news-box {
        min-height: 500px;
    }

    .stories .wrapper .tabs .nav.nav-pills .nav-item .nav-link {
        font-size: 16px;
    }

    .honor-roll-sort .wrapper {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 10px;
    }

    .honor-roll-tab .right-side {
        align-items: center;
        justify-content: center;
    }

    .float-elements.float-elements11 .element1 {
        top: 0;
        width: 60px;
    }

    .float-elements.float-elements11 .element2 {
        right: 0;
        top: 290px;
        width: 130px;
    }

    .float-elements.float-elements11 .element3 {
        right: 80px;
        top: -60px;
        width: 90px;
    }

    .float-elements.float-elements11 .element4 {
        right: auto;
        left: 0;
        top: 280px;
        width: 70px;
    }

    .scroll-arrows {
        /*    display: block;*/
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 35px;
    }

    h3 {
        font-size: 25px;
    }

    h5 {
        font-size: 20px;
    }

    /*
  p {
    font-size: 15px;
  }
*/
    .wrapper {
        padding: 40px 0px;
    }

    nav .wrapper .nav-btn-section .search-btn-box .search-box.open-search-box {
        top: 60px;
    }

    .video-hero .bg-video-wrap {
        display: none;
    }

    .video-hero .hero-image-mob {
        display: block;
        padding: 0;
        min-height: 500px;
        background-size: cover;
        background-position: center center;
    }

    .video-hero .wrapper h1.hero-head {
        font-size: 50px;
    }

    .mouse-scroll {
        bottom: 20px;
    }

        .mouse-scroll .mouse {
            height: 40px;
            width: 25px;
        }

    .featured-header {
        min-height: 450px;
    }

        .featured-header .wrapper .container p {
            width: auto;
        }

    .featured-header-small {
        min-height: 400px;
    }

        .featured-header-small .wrapper .container p {
            width: auto;
        }

    .slider-hero .hero-slider .slider-bg .wrapper {
        min-height: 500px;
    }

        .slider-hero .hero-slider .slider-bg .wrapper p {
            width: 90%;
        }

    .slick-dots li button {
        padding: 5px;
    }

    .slick-dots li {
        margin: 0 2px;
    }

    footer .wrapper {
        padding: 50px 0;
    }

    footer .footer-end .wrapper .row {
        row-gap: 10px;
    }

    footer .wrapper .row {
        row-gap: 20px;
    }

    footer .footer-end {
        text-align: center;
    }

        footer .footer-end .wrapper .footer-right {
            text-align: center;
        }

    .pillars .wrapper {
        width: 100%;
    }

        .pillars .wrapper .pillar-box {
            width: 90%;
        }

    .pillars .pillar-slider .slick-list {
        padding: 0 30px 0 30px !important;
    }

    .pillars .wrapper .pillar-box .pillar-title h5 {
        font-size: 16px;
    }

    .pillars .wrapper .pillar-box .pillar:hover .pillar-grp .copy {
        padding: 25px;
    }

    .cta {
        min-height: 500px;
        margin-top: 60px;
    }

        .cta::before {
            content: "";
            width: 100%;
            height: 100%;
            background: linear-gradient(0deg, #0000006e 40%, #00000000 90%);
            ;
            position: absolute;
            left: 0;
            top: 0;
        }

    .btn {
        /*    padding: 20px 30px;*/
    }

    .cta .title-section .btn-box {
        gap: 10px;
        flex-direction: column;
    }

    .text-box {
        padding: 30px 0px;
    }

    .progress-bar-section .wrapper .progress-bar-box {
        padding: 30px 30px 30px 30px;
    }

        .progress-bar-section .wrapper .progress-bar-box .progress-bar-item .number-drop .drop {
            width: 90px;
            height: 180px;
            background-size: 90px;
            top: -60px;
            left: 80%;
        }

            .progress-bar-section .wrapper .progress-bar-box .progress-bar-item .number-drop .drop .text {
                margin-top: 5px;
            }

        .progress-bar-section .wrapper .progress-bar-box h2 {
            margin-bottom: 70px;
            font-size: 28px;
            text-align: center;
        }

        .progress-bar-section .wrapper .progress-bar-box .progress-bar-item {
            margin-bottom: 70px;
        }

        .progress-bar-section .wrapper .progress-bar-box h2 span {
            display: block;
            font-size: 60px;
        }

        .progress-bar-section .wrapper .progress-bar-box .progress-bar-item .number-drop .drop .number-box {
            font-size: 30px;
        }

        .progress-bar-section .wrapper .progress-bar-box .subtext {
            font-size: 30px;
            text-align: center;
            margin-bottom: 30px;
        }

            .progress-bar-section .wrapper .progress-bar-box .subtext span {
                display: block;
                font-size: 60px;
            }

        .progress-bar-section .wrapper .progress-bar-box .btn-box {
            margin-top: 20px;
        }

    .news-slider .slick-prev {
        left: -30px;
    }

    .news-slider .slick-next {
        right: -30px;
    }

    .parallax .wrapper {
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }

        .parallax .wrapper::before {
            border-top-left-radius: 50px;
            border-bottom-right-radius: 50px;
        }

    .social-wall .wrapper .social-box .display-pic img {
        max-height: 170px;
    }

    .social-wall .wrapper .social-box .share-box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 10px;
    }

        .social-wall .wrapper .social-box .share-box .likes {
            grid-column-start: 1;
        }

        .social-wall .wrapper .social-box .share-box .comments {
            grid-column-start: 1;
            grid-row-start: 2;
            grid-column-end: 3;
        }

        .social-wall .wrapper .social-box .share-box .shares {
            grid-column-start: 2;
            grid-row-start: 1;
        }

    .social-wall .wrapper .social-box .description p {
        font-size: 13px;
    }

    .float-elements.float-elements1 {
        top: 340px;
    }

        .float-elements.float-elements1 .element1 {
            right: 0px;
            width: 70px;
        }

        .float-elements.float-elements1 .element2 {
            right: -20px;
            top: 150px;
            width: 100px;
        }

    .float-elements.float-elements2 .element1 {
        left: -20px;
        bottom: -670px;
        width: 80px;
    }

    .float-elements.float-elements2 .element2 {
        right: -40px;
        top: -100px;
        width: 110px;
    }

    .inspiration {
        display: block;
        gap: 0;
        min-height: auto;
    }

        .inspiration .inspiration-slider-main {
            width: 100%;
        }

        .inspiration .inspiration-slider-nav {
            width: 100%;
            padding: 30px 70px;
        }

        .inspiration .inspiration-slider-main .insp-slider-box .video-box {
            height: 300px;
        }

        .inspiration .inspiration-slider-main .insp-slider-box .description-box {
            padding: 20px;
        }

        .inspiration .inspiration-slider-nav .insp-slider-box {
            display: block;
        }

            .inspiration .inspiration-slider-nav .insp-slider-box .thump-box {
                max-height: inherit;
                margin-bottom: 20px;
            }

        .inspiration .inspiration-slider-nav .slick-slider .slick-list {
            overflow: hidden !important;
        }

    .testimonials .wrapper .testimonial-box {
        width: 95%;
        padding: 60px 30px;
    }

        .testimonials .wrapper .testimonial-box .testimonial {
            font-size: 25px;
            padding: 60px 0;
        }

        .testimonials .wrapper .testimonial-box .user {
            text-align: center;
            display: block;
        }

            .testimonials .wrapper .testimonial-box .user .image img {
                height: 120px;
                width: 120px;
                margin: 0 auto;
                margin-bottom: 10px;
                transform: scale(1);
            }

        .testimonials .wrapper .testimonial-box .testimonial::before {
            left: 50%;
            top: -40px;
            transform: rotate(180deg) translate(50%, 0px);
        }

        .testimonials .wrapper .testimonial-box .testimonial::after {
            left: 50%;
            top: auto;
            bottom: -40px;
            transform: rotate(180deg) translate(50%, 0px) scaleX(-1);
        }

        .testimonials .wrapper .testimonial-box .testimonial::before,
        .testimonials .wrapper .testimonial-box .testimonial::after {
            background-size: 80px;
            width: 80px;
            height: 80px;
        }

        .testimonials .wrapper .testimonial-box:hover .testimonial::after {
            transform: rotate(180deg) translate(50%, 0px) scaleX(-1);
        }

        .testimonials .wrapper .testimonial-box:hover .testimonial::before {
            transform: rotate(180deg) translate(50%, 0px);
        }

    .stories .wrapper .tabs .tab-content .stories-news-box {
        width: 100%;
    }

    .stories-news-box {
        width: 100%;
    }

    .video-pop-sec .text-box {
        width: 100%;
    }

    .video-pop-sec .wrapper {
        width: 90%;
        padding: 30px 0;
    }

    .video-pop-sec .video-pop {
        margin-top: 10px;
        width: 100%;
    }

        .video-pop-sec .video-pop .pop-image {
            height: 100%;
            max-height: 300px;
        }

            .video-pop-sec .video-pop .pop-image::before {
                background-size: 80px;
            }

    .popup {
        max-width: 90%;
    }

        .popup iframe {
            border: 0;
            height: 400px;
        }

    .stories .wrapper .tabs .tab-content .stories-news-box.stories-three-col {
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }

    .article-header {
        min-height: 500px;
    }

        .article-header .wrapper .content-bottom {
            display: block;
        }

            .article-header .wrapper .content-bottom .left-side {
                padding-right: 0;
                padding-bottom: 50px;
            }

            .article-header .wrapper .content-bottom .right-side {
                display: none;
            }

        .article-header .mouse-scroll {
            display: block;
        }

    .article-body .wrapper .body-box {
        width: 100%;
        padding: 50px 10px;
    }

        .article-body .wrapper .body-box .date {
            margin-bottom: 30px;
        }

        .article-body .wrapper .body-box img {
            margin: 30px 0;
        }

    .credit-card-box {
        z-index: 1;
        position: relative;
        height: 300px;
        top: 80px;
    }

        .credit-card-box img.credit-card {
            top: 0;
            right: 0;
            width: 400px;
            padding: 0;
        }

        .credit-card-box img.coin1 {
            top: 200px;
            right: 240px;
            width: 80px;
            z-index: 4;
        }

        .credit-card-box img.coin2 {
            right: 400px;
            top: 210px;
            width: 50px;
        }

    .annual-featured-img {
        width: 100%;
    }

    .giving-stories .wrapper {
        padding-top: 0;
    }

        .giving-stories .wrapper .giving-stories-imgs .image-box img {
            height: 150px;
        }

        .giving-stories .wrapper .min-link {
            position: absolute;
            right: 0;
            bottom: -40px;
            text-shadow: none;
            width: 140px;
            font-size: 15px;
        }

    .bt-lr {
        border-top-left-radius: 50px !important;
    }

    .bt-rr {
        border-top-right-radius: 50px !important;
    }

    .bb-lr {
        border-bottom-left-radius: 50px !important;
    }

    .bb-rr {
        border-bottom-right-radius: 50px !important;
    }

    .title-section p {
        width: auto;
    }

    .form .wrapper {
        width: 80%;
    }

    .form-container form {
        width: 85%;
    }

        .form-container form .row .form-group {
            padding-right: 0;
            margin-bottom: 20px;
        }

    .float-elements.float-elements3,
    .float-elements.float-elements3 img {
        position: unset;
        padding: 20px 0;
        padding-top: 70px;
    }

        .float-elements.float-elements3 .element2 {
            width: 200px;
        }

    .float-elements.float-elements3 {
        align-items: center;
        justify-content: center;
    }

    .column-reverse-md {
        flex-direction: column-reverse;
    }

    .featured-header-small .wrapper {
        z-index: 10;
        padding: 60px 0px;
    }

    .news-header .wrapper {
        width: 85%;
        padding: 30px 30px;
    }

        .news-header .wrapper .title {
            font-size: 50px;
        }

        .news-header .wrapper .header-bottom {
            display: block;
        }

            .news-header .wrapper .header-bottom .date {
                margin-top: 50px;
            }

            .news-header .wrapper .header-bottom .social-icons {
                text-align: left;
            }

                .news-header .wrapper .header-bottom .social-icons ul.social {
                    gap: 15px;
                }

    .news-article .wrapper .body-box .left-image {
        width: 100%;
        float: none;
        margin: 10px 0px;
        margin-right: 0px;
    }

    table {
        border: 0;
    }

        table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        table tr {
            display: block;
            margin-bottom: .625em;
            border: 1px solid #E6E6E6;
            padding: 0;
        }

        table td {
            display: block;
            font-size: 15px;
            text-align: left;
            padding: 20px;
            border: 0 !important;
            border-bottom: 1px solid #E6E6E6 !important;
        }

            table td:last-child {
                border-bottom: 0 !important;
            }

            table td::before {
                content: attr(data-label);
                float: left;
                font-weight: bold;
                text-transform: uppercase;
                display: block;
                width: 100%;
                margin-bottom: 10px;
            }

            table td:last-child {
                border-bottom: 0;
            }

            table td:nth-child(odd) {
                background: #E6E6E6;
            }

            table td h6 {
                font-size: 17px;
            }

    .featured-header-small .wrapper .container h1 {
        width: 100%;
    }

    .featured-header-small .wrapper .container h3 {
        width: 100%;
    }

    .sort .wrapper {
        width: 90%;
    }

        .sort .wrapper .sortby ul {
            justify-content: flex-start;
            display: flex;
            flex-wrap: nowrap;
            overflow: auto;
            gap: 40px;
            overflow-y: hidden;
        }

            .sort .wrapper .sortby ul li {
                flex: 0 0 auto;
            }

    .donor-list .list-donors .row {
        row-gap: 10px;
    }

    .donor-list {
        margin-top: 30px;
    }

    .donors-filter-box {
        display: flex;
        flex-direction: column-reverse;
    }

        .donors-filter-box .filter-sort-box {
            overflow: auto;
            overflow-y: scroll;
            padding-bottom: 10px;
        }

            .donors-filter-box .filter-sort-box .filter-btn {
                padding: 10px 30px;
                min-height: 55px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

    .banner .wrapper {
        margin: 0px 50px;
        padding: 100px 0;
        width: 70%;
        text-align: center;
    }

    .float-elements.float-elements4 .element1 {
        top: -330px;
    }

    .float-elements.float-elements4 .element3 {
        right: 80px;
        top: -300px;
        width: 100px;
    }

    .float-elements.float-elements4 .element2 {
        right: 0;
        top: -40px;
        width: 150px;
    }

    .float-elements.float-elements4 .element4 {
        right: auto;
        left: 0;
        top: 0;
        width: 90px;
    }

    .gallery .wrapper .image-gallery a img.gallery-main {
        height: 300px;
        max-height: 300px;
    }

    .give-students-box .students-article .wrapper {
        width: 70%;
    }

    .float-elements.float-elements5 .element1 {
        left: 20px;
        top: 70px;
        width: 60px;
    }

    .float-elements.float-elements5 .element2 {
        right: 30px;
        top: 40px;
        width: 50px;
    }

    .float-elements.float-elements5 .element3 {
        right: 20px;
        top: 160px;
        width: 110px;
    }

    .float-elements.float-elements5.scholarships .element1 {
        left: 20px;
        top: 70px;
        width: 60px;
    }

    .float-elements.float-elements5.scholarships .element2 {
        right: 30px;
        top: 40px;
        width: 50px;
    }

    .float-elements.float-elements5.scholarships .element3 {
        right: 20px;
        top: 160px;
        width: 110px;
    }

    .named-profile .wrapper {
        width: 90%;
    }

        .named-profile .wrapper .btn-box {
            gap: 10px;
            flex-direction: column;
        }

    .names-list {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 50px;
        margin: 50px 0;
    }

    .order-list .picture {
        text-align: left;
    }

    .faculties {
        padding: 0;
    }

    .faculty-box {
        grid-template-columns: repeat(1, 1fr);
    }

    .faculties .slick-list {
        overflow: hidden;
    }

    .float-elements.float-elements6 .element1 {
        right: 0;
        top: -200px;
        width: 80px;
    }

    .float-elements.float-elements7 .element1 {
        left: 0px;
        top: -210px;
        width: 70px;
    }

    .float-elements.float-elements7 .element2 {
        right: 10px;
        top: -210px;
        width: 90px;
    }

    .volunteer .wrapper {
        width: 80%;
        display: block;
    }

    .stories .wrapper .tabs .nav.nav-pills .nav-item .nav-link.active {
        margin-bottom: -7px;
    }

    .stories .wrapper .tabs .nav.nav-pills .nav-item {
        padding-right: 0;
        margin-right: 30px;
    }

    .t-h-100 {
        height: 100% !important;
    }

    .dual-sides.annual-giving .text-box {
        width: 100%;
    }

    .filter-sort-box::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 10px;
        background-color: transparent;
    }

    .filter-sort-box::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: transparent;
    }

    .filter-sort-box::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #ddd;
    }

    .stories-news-box.stories-three-col {
        grid-template-columns: repeat(2, 1fr);
        width: 90%;
        gap: 10px;
    }

    .float-elements.float-elements8 .element1 {
        right: auto;
        left: 0;
        top: -70px;
        width: 70px;
    }

    .float-elements.float-elements8 .element2 {
        right: 0;
        top: -60px;
        width: 70px;
    }

    .float-elements.float-elements9 .element1 {
        right: 20px;
        width: 80px;
    }

    .float-elements.float-elements9 .element2 {
        right: auto;
        left: 0;
        top: 40px;
        width: 90px;
    }

    .float-elements.float-elements10 .element1 {
        right: 0;
        top: -20px;
        width: 80px;
    }

    .float-elements.float-elements10 .element2 {
        right: auto;
        left: 0;
        top: 40px;
        width: 80px;
    }

    .float-elements.float-elements10 .element3 {
        right: 0;
        top: 130px;
        width: 60px;
    }

    .float-elements.float-elements10 {
        top: 300px;
    }

    .publications .wrapper {
        width: 90%;
    }

    .stories-news-box.publication .news-box {
        min-height: 500px;
    }

    .stories .wrapper .tabs .nav.nav-pills .nav-item .nav-link {
        margin: 0;
        font-size: 16px;
    }

    .float-elements.float-elements11 .element1 {
        right: 0;
        top: 0;
        width: 70px;
    }

    .float-elements.float-elements11 .element2 {
        right: -10px;
        top: 230px;
        width: 170px;
    }

    .float-elements.float-elements11 .element3 {
        right: 100px;
        top: -50px;
        width: 110px;
    }

    .float-elements.float-elements11 .element4 {
        right: 190px;
        top: 270px;
        width: 80px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    h1 {
        font-size: 55px;
    }

    h2 {
        font-size: 45px;
    }

    h3 {
        font-size: 30px;
    }

    .wrapper {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    nav .wrapper .nav-btn-section .search-btn-box .search-box.open-search-box {
        top: 60px;
    }

    .video-hero .wrapper h1.hero-head {
        font-size: 70px;
    }

    .video-hero .bg-video-wrap {
        height: 80vh;
    }

    .slider-hero .hero-slider .slider-bg .wrapper {
        min-height: 600px;
    }

    .pillars .wrapper {
        width: 100%;
    }

        .pillars .wrapper .pillar-box {
            width: 90%;
        }

    .pillars .pillar-slider .slick-list {
        padding: 0 30px 0 30px !important;
    }

    .pillars .wrapper .pillar-box .pillar-title h5 {
        font-size: 16px;
    }

    .text-box {
        padding: 0 50px;
    }

    .social-wall .wrapper .social-box .display-pic img {
        max-height: 170px;
    }

    .social-wall .wrapper .social-box .share-box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 10px;
    }

        .social-wall .wrapper .social-box .share-box .likes {
            grid-column-start: 1;
        }

        .social-wall .wrapper .social-box .share-box .comments {
            grid-column-start: 1;
            grid-row-start: 2;
            grid-column-end: 3;
        }

        .social-wall .wrapper .social-box .share-box .shares {
            grid-column-start: 2;
            grid-row-start: 1;
        }

    .social-wall .wrapper .social-box .description p {
        font-size: 13px;
    }

    .float-elements.float-elements2 .element1 {
        bottom: -1000px;
    }

    .float-elements.float-elements2 .element2 {
        top: -30px;
        width: 140px;
    }

    .inspiration {
        display: block;
        gap: 0;
        min-height: auto;
    }

        .inspiration .inspiration-slider-main {
            width: 100%;
        }

        .inspiration .inspiration-slider-nav {
            width: 100%;
            padding: 30px 70px;
        }

        .inspiration .inspiration-slider-main .insp-slider-box .video-box {
            height: 500px;
        }

        .inspiration .inspiration-slider-main .insp-slider-box .description-box {
            padding: 30px;
        }

        .inspiration .inspiration-slider-nav .insp-slider-box {
            display: block;
        }

            .inspiration .inspiration-slider-nav .insp-slider-box .thump-box {
                max-height: inherit;
                margin-bottom: 20px;
            }

        .inspiration .inspiration-slider-nav .slick-slider .slick-list {
            overflow: hidden !important;
        }

    .stories .wrapper .tabs .tab-content .stories-news-box {
        width: 100%;
    }

    .stories-news-box {
        width: 100%;
    }

    .video-pop-sec .text-box {
        width: 100%;
    }

    .video-pop-sec .wrapper {
        width: 90%;
        padding: 0px 0;
    }

    .video-pop-sec .video-pop {
        /*    margin-top: 10px;*/
        width: 100%;
    }

        .video-pop-sec .video-pop .pop-image {
            height: 100%;
            max-height: 400px;
        }

    /*
  .video-pop-sec .video-pop .pop-image::before {
    background-size: 80px;
  }
*/
    .popup {
        max-width: 90%;
    }

        .popup iframe {
            border: 0;
            height: 400px;
        }

    .stories .wrapper .tabs .tab-content .stories-news-box.stories-three-col {
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }

    .article-body .wrapper .body-box {
        width: 80%;
        padding: 50px 10px;
    }

        .article-body .wrapper .body-box .date {
            margin-bottom: 30px;
        }

        .article-body .wrapper .body-box img {
            margin: 30px 0;
        }

    .credit-card-box {
        z-index: 1;
        position: relative;
        height: 300px;
        top: 80px;
    }

        .credit-card-box img.credit-card {
            top: 0;
            right: 0;
            width: 400px;
            padding: 0;
        }

        .credit-card-box img.coin1 {
            top: 200px;
            right: 240px;
            width: 80px;
            z-index: 4;
        }

        .credit-card-box img.coin2 {
            right: 400px;
            top: 210px;
            width: 50px;
        }

    .title-section p {
        width: auto;
    }

    .form .wrapper {
        width: 80%;
    }

    .form-container form {
        width: 85%;
    }

    .float-elements.float-elements3,
    .float-elements.float-elements3 img {
        position: unset;
        padding: 20px 0;
        padding-top: 70px;
    }

        .float-elements.float-elements3 .element2 {
            width: 200px;
        }

    .float-elements.float-elements3 {
        align-items: center;
        justify-content: center;
    }

    .column-reverse-md {
        flex-direction: column-reverse;
    }

    .volunteer .wrapper .text-box {
        padding-top: 40px;
    }

    .news-header .wrapper {
        width: 85%;
        padding: 0px 30px;
    }

        .news-header .wrapper .title {
            font-size: 50px;
        }

        .news-header .wrapper .header-bottom {
            display: block;
        }

            .news-header .wrapper .header-bottom .date {
                margin-top: 50px;
            }

            .news-header .wrapper .header-bottom .social-icons {
                text-align: left;
            }

                .news-header .wrapper .header-bottom .social-icons ul.social {
                    gap: 15px;
                }

    .news-article .wrapper .body-box .left-image {
        width: 100%;
        float: none;
        margin: 10px 0px;
        margin-right: 0px;
    }

    .news-article .wrapper .body-box {
        width: 100%;
    }

    .sort .wrapper {
        width: 80%;
    }

    .banner .wrapper {
        margin: 0px 50px;
        padding: 100px 0;
        width: 70%;
        text-align: center;
    }

    .float-elements.float-elements4 .element1 {
        top: -330px;
    }

    .float-elements.float-elements4 .element3 {
        right: 80px;
        top: -300px;
        width: 100px;
    }

    .float-elements.float-elements4 .element2 {
        right: 0;
        top: -40px;
        width: 150px;
    }

    .float-elements.float-elements4 .element4 {
        right: auto;
        left: 0;
        top: 0;
        width: 90px;
    }

    .named-profile .wrapper {
        width: 80%;
    }

    .faculty-box {
        grid-template-columns: repeat(2, 1fr);
    }

    .float-elements.float-elements6 .element1 {
        right: 0;
        top: -200px;
        width: 80px;
    }

    .float-elements.float-elements7 .element1 {
        left: 0px;
        top: -210px;
        width: 90px;
    }

    .float-elements.float-elements7 .element2 {
        right: 10px;
        top: -210px;
        width: 110px;
    }

    .volunteer .wrapper {
        width: 80%;
        display: block;
    }

    .featured-header-small .wrapper .container p {
        width: 80%;
    }

    .l-h-100 {
        height: 100% !important;
    }

    .dual-sides.annual-giving .text-box {
        width: 90%;
    }

    .filter-sort-box::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 10px;
        background-color: transparent;
    }

    .filter-sort-box::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: transparent;
    }

    .filter-sort-box::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #ddd;
    }

    .donors-filter-box .filter-sort-box {
        padding-bottom: 10px;
    }

    .float-elements.float-elements8 .element1 {
        right: 50px;
        top: -200px;
        width: 80px;
    }

    .float-elements.float-elements8 .element2 {
        right: 0;
        top: 40px;
        width: 80px;
    }

    .float-elements.float-elements9 .element1 {
        right: 20px;
        width: 80px;
    }

    .float-elements.float-elements9 .element2 {
        right: auto;
        left: 0;
        top: 40px;
        width: 90px;
    }

    .float-elements.float-elements10 .element1 {
        right: 30px;
        top: -20px;
        width: 110px;
    }

    .float-elements.float-elements10 .element2 {
        right: auto;
        left: 0;
        top: 40px;
        width: 80px;
    }

    .float-elements.float-elements10 .element3 {
        right: 20px;
        top: 170px;
        width: 60px;
    }

    .float-elements.float-elements10 {
        top: 300px;
    }

    .float-elements.float-elements5 .element1 {
        left: 20px;
        top: 70px;
        width: 60px;
    }

    .float-elements.float-elements5 .element2 {
        right: 30px;
        top: 40px;
        width: 50px;
    }

    .float-elements.float-elements5 .element3 {
        right: 20px;
        top: 160px;
        width: 110px;
    }

    .float-elements.float-elements5.scholarships .element1 {
        left: 20px;
        top: 70px;
        width: 60px;
    }

    .float-elements.float-elements5.scholarships .element2 {
        right: 30px;
        top: 40px;
        width: 50px;
    }

    .float-elements.float-elements5.scholarships .element3 {
        right: 20px;
        top: 160px;
        width: 110px;
    }

    .publications .wrapper {
        width: 80%;
    }

    .stories-news-box.publication .news-box {
        min-height: 600px;
    }

    .float-elements.float-elements11 .element1 {
        right: 0;
        top: 0;
        width: 70px;
    }

    .float-elements.float-elements11 .element2 {
        right: -10px;
        top: 230px;
        width: 170px;
    }

    .float-elements.float-elements11 .element3 {
        right: 100px;
        top: -50px;
        width: 110px;
    }

    .float-elements.float-elements11 .element4 {
        right: 190px;
        top: 270px;
        width: 80px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1440px) {
    .pillars .wrapper {
        width: 100%;
    }

        .pillars .wrapper .pillar-box {
            width: 90%;
        }

    .pillars .pillar-slider .slick-list {
        padding: 0 30px 0 30px !important;
    }

    .pillars .wrapper .pillar-box .pillar-title h5 {
        font-size: 16px;
    }

    .float-elements.float-elements2 .element1 {
        bottom: -1100px;
    }

    .float-elements.float-elements2 .element2 {
        top: 70px;
    }

    .inspiration .inspiration-slider-nav {
        padding: 40px 40px;
    }

        .inspiration .inspiration-slider-nav .slick-slider .slick-list {
            max-height: 600px !important;
        }

    .article-body .wrapper .body-box {
        width: 80%;
        padding: 50px 10px;
    }

        .article-body .wrapper .body-box .date {
            margin-bottom: 30px;
        }

        .article-body .wrapper .body-box img {
            margin: 30px 0;
        }

    .credit-card-box img.credit-card {
        width: 500px;
    }

    .credit-card-box img.coin1 {
        right: 300px;
    }

    .credit-card-box img.coin2 {
        right: 500px;
    }

    .form .wrapper {
        width: 80%;
    }

    .form-container form {
        width: 85%;
    }

    .news-article .wrapper .body-box {
        width: 100%;
        padding: 0px 10px;
    }

    .named-profile .wrapper {
        width: 80%;
    }

    .float-elements.float-elements6 .element1 {
        top: -140px;
        right: 100px;
    }

    .float-elements.float-elements7 .element1 {
        left: 20px;
        top: 0px;
        width: 100px;
    }

    .float-elements.float-elements7 .element2 {
        right: 30px;
        top: 0px;
        width: 160px;
    }

    .form-container form .row .form-group label {
        font-size: 13px;
    }

    .filter-sort-box::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 10px;
        background-color: transparent;
    }

    .filter-sort-box::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: transparent;
    }

    .filter-sort-box::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #ddd;
    }

    .donors-filter-box .filter-sort-box {
        padding-bottom: 10px;
    }

    .float-elements.float-elements8 .element1 {
        right: 70px;
        top: 70px;
        width: 80px;
    }

    .float-elements.float-elements8 .element2 {
        right: 0;
        top: 240px;
        width: 110px;
    }

    .float-elements.float-elements10 .element1 {
        right: 30px;
        top: -20px;
        width: 110px;
    }

    .float-elements.float-elements10 .element2 {
        right: 200px;
        left: auto;
        top: 40px;
        width: 80px;
    }

    .float-elements.float-elements10 .element3 {
        right: 20px;
        top: 170px;
        width: 60px;
    }

    .float-elements.float-elements10 {
        top: 300px;
    }

    .publications .wrapper {
        width: 70%;
    }

    .float-elements.float-elements11 .element1 {
        right: 0;
        top: 0;
        width: 70px;
    }

    .float-elements.float-elements11 .element2 {
        right: -10px;
        top: 90px;
        width: 170px;
    }

    .float-elements.float-elements11 .element3 {
        right: 100px;
        top: -50px;
        width: 110px;
    }

    .float-elements.float-elements11 .element4 {
        right: 190px;
        top: 110px;
        width: 80px;
    }
}

@media (min-aspect-ratio: 16/9) {
    .video-hero .bg-video-wrap iframe {
        height: 56.25vw;
    }
}

@media (max-aspect-ratio: 16/9) {
    .video-hero .bg-video-wrap iframe {
        width: 177.78vh;
    }
}

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

    nav .wrapper .logo img {
        max-height: 40px;
    }

    nav .wrapper .nav-btn-section .search-btn-box .search .search-btn {
        top: 15px !important;
        font-size: 20px;
    }

    nav .wrapper .menu-icon .hamburger {
        padding-left: 20px;
        margin-left: 10px;
    }

        nav .wrapper .menu-icon .hamburger .line {
            margin: 6px auto;
            width: 30px;
            height: 2px;
        }

    nav .mega-menu .wrapper {
        display: block;
        padding: 0;
        width: 100%;
        margin: 0;
    }

        nav .mega-menu .wrapper .logo {
            display: none;
        }

    nav .wrapper .menu-icon .hamburger.hamburger-close .line:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    nav .wrapper .menu-icon .hamburger.hamburger-close .line:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    nav .mega-menu .wrapper .menu-box {
        margin-bottom: 10px;
    }

        nav .mega-menu .wrapper .menu-box ul li a.menu-item-main {
            text-transform: uppercase;
            font-family: "Roboto", sans-serif;
            padding: 5px 20px;
            font-size: 18px;
        }

            nav .mega-menu .wrapper .menu-box ul li a.menu-item-main i {
                position: absolute;
                right: 20px;
                top: 6px;
                transform: rotate(90deg);
            }

        nav .mega-menu .wrapper .menu-box ul li.has-sub ul {
            background: #F1F1F1;
            display: none;
            padding: 10px 30px;
        }

    nav .mega-menu.open-mega-menu {
        min-height: 400px;
        height: 100vh;
    }

    nav .mega-menu .wrapper .menu-box ul li.has-sub ul.open-sub {
        display: block;
        opacity: 1;
    }

    nav .mega-menu .wrapper .menu-box ul li a.menu-item-main.arrow i {
        transform: rotate(270deg);
    }

    nav .mega-menu .wrapper .menu-box ul li a.menu-item-main.no-arrow i {
        display: none;
    }

    nav .mega-menu .wrapper .menu-box .btn-box .btn {
        width: 100%;
        max-width: 100px;
        font-size: 17px;
    }

    .mega-menu.open-mega-menu {
        top: 60px;
    }
}

@media only screen and (min-width: 1141px) {
    nav .mega-menu .wrapper .menu-box ul li a.menu-item-main i {
        opacity: 0;
    }
}

@media only screen and (min-width: 1141px) and (max-width: 1220px) {
    nav .wrapper .nav-front ul li {
        font-size: 13px;
    }

    nav .wrapper .logo img {
        max-height: 45px;
    }

    nav .mega-menu .wrapper {
    }

    .mega-menu.open-mega-menu {
        top: 65px;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1650px) {
    nav .mega-menu .wrapper {
        /* gap: 30px; */
        width: 90%;
    }

        nav .mega-menu .wrapper .logo img {
            max-height: 130px;
        }
}

@media only screen and (max-width: 1200px) {
    .faculty-box {
        grid-template-columns: repeat(2, 1fr);
        width: 90%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 576px) {
    .stories .wrapper .tabs .tab-content .stories-news-box {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        column-gap: 0;
    }

    .stories-news-box {
        grid-template-columns: repeat(1, 1fr);
    }

    .sort .wrapper .sortby ul::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 10px;
        background-color: transparent;
    }

    .sort .wrapper .sortby ul::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: transparent;
    }

    .sort .wrapper .sortby ul::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #ddd;
    }

    .gallery .wrapper .image-gallery {
        grid-template-columns: repeat(1, 1fr);
    }
}