@media (min-width: 1700px) {
    .orange-line-bg::before {
        top: 60%;
    }
}
@media (min-width: 1300px) {
    .orange-line-bg::before {
        top: 70%;
    }
}
@media (min-width: 1000px) {
    .orange-line-bg::before {
        left: 60%;
        top: 80%;
    }
}
@media (max-width: 1700px) {
    .lined-cards .orange-line-bg::before {
        left: -28%;
    }
    .orange-line-bg.left-top.lined-card-bg::before {
        top: -66%;
        left: -39%;
    }
}
@media (max-width: 1600px) {
    .title-bg-lines {
        width: 150px;
    }
    .uecontainer {
        width: 100% !important;
    }
}
@media (max-width: 2400px) {
    .storydetailscontent .title-bg-lines {
        width: 150px;
    }
}
@media (max-width: 1400px) {
    .banner .carousel-indicators {
        width: 32%;
    }
    .with-txt-elm .background-image-wrapper .sub-page-link-box {
        padding: 20px;
    }
    .with-txt-elm .quotes-statement {
        padding: 2rem 0;
    }
}
@media (max-width: 1400px) and (min-width: 1025px) {
    .podcast-box .podcast-image img {
        width: 180px;
        height: 180px;
    }
    .stories-box .stories-content {
        padding: 20px 10px;
    }
    .stories-box .stories-content .btn-wrapper .btn-inline {
        padding: 0.3rem;
        font-size: 0.6rem;
        margin-right: 3px;
    }
}
@media (max-width: 1200px) {
    .header-logo img {
        height: 60px;
        width: auto;
    }
    #banner .carousel-item,
    #banner .carousel-item img {
        height: 700px;
    }
    .banner .carousel-caption {
        right: 0;
    }
    .banner .orange-intro {
        min-height: 250px;
        font-size: 35px;
    }
    .banner .carousel-indicators {
        justify-content: center;
        position: absolute;
        padding: 2rem 0;
        bottom: -72px;
        left: 0;
        width: 50%;
        margin: 0;
        display: flex;
    }
    .container {
        width: 95%;
    }
    .inner-container {
        padding: 0 3rem;
    }
    .feature-event-card .card-img-overlay {
        left: -60px;
        padding: 1.5rem;
        width: 100%;
        border-left-width: 16px;
    }
    .orange-line-bg::before {
        left: 70%;
        top: 75%;
    }
    .impact-cards .card {
        height: 500px;
    }
    .inner-carousel .carousel-caption {
        top: 60%;
    }
    .inner-carousel .banner .gradient-intro {
        padding: 3rem;
    }
    .mega-menu .nav-item {
        margin-right: 1rem;
    }
    .sub-page-inner-container {
        padding: 0 1rem 0 4rem;
    }
    .storydetailscontent .title-bg-lines {
        width: 70px;
    }
    .title-bg-lines {
        width: 70px;
    }
    .cta-content h4 {
        padding: 0 10rem 1rem;
    }
    .cta-orange {
        padding: 2rem 0 0;
    }
    .cta-orange .cta-btn {
        position: absolute;
        top: 1.2rem;
        left: 0;
        right: 0;
        margin: auto;
    }
    .lined-cards .line-box::before {
        left: -65%;
    }
    .orange-line-bg.top-right::before {
        top: -128%;
    }
    .sixup-ctas-widget-wrapper .card .card-body {
        padding: 20px;
    }
    .cta-orange-box .orange-box {
        padding: 4.2rem 3rem;
    }
    .cta-orange-box .cta-btn {
        top: 2.6rem;
    }
    .m-inner-container {
        padding: 0 !important;
    }
    .sidebar-container {
        max-width: 343px;
    }
    .grey-slant-line-bg .cta-orange {
        padding: 0 3rem 0;
        margin: 0 0 130px;
    }
    .grey-slant-line-bg {
        background: url(/sites/oregonstate/themes/oregonstate/cssAssets/slant-line.png) repeat;
        overflow: unset;
    }
    .grey-slant-line-bg::before {
        left: 42%;
        top: -158%;
        height: 3100px;
        display: none;
    }
    .alert-box {
        display: block;
        position: relative;
        bottom: -100px;
    }
    .alert-box .alert-icon {
        width: 160px;
        height: 160px;
        left: 50%;
        transform: translateY(50%) translateX(-50%);
    }
    .alert-box .orange-box {
        padding: 9rem 6rem 6rem;
    }
    .alert-box .cta-content h4 {
        padding: 0;
    }
    .alert-box .cta-btn {
        top: 4.5rem;
    }
    .banner.sub-banner .orange-intro {
        padding: 43px 27px 70px 42px;
        min-height: 321px;
        max-width: 333px;
    }
    .banner.sub-banner .orange-intro span {
        font-size: 40px;
        line-height: 42px;
        letter-spacing: 0.4px;
        padding-right: 80px;
    }
    .media-gallery-banner .media-gallery-image video,
    .media-gallery-banner {
        height: 572px;
    }
    .media-gallery-banner .media-gallery-image img {
        height: 572px;
        max-height: 572px;
    }
    .media-gallery-banner .media-gallery-content h2 {
        font-size: 40px;
    }
    .media-gallery-banner .media-gallery-content {
        bottom: 49px;
        max-width: 315px;
    }
    .sub-banner .card-img {
        height: 727px;
    }
    .sidebar-container .sidebar {
        margin-right: 0;
    }
    .cta-banner-box .cta-content {
        align-items: center;
    }
}
@media (max-width: 1200px) and (min-width: 1024px) {
    .story-widget-with-right-image-section .story-widget-with-right-image-wrapper .title-bg-lines {
        width: 110px;
    }
}
@media (max-width: 1024px) and (min-width: 992px) {
    .stories-box .stories-content {
        padding: 10px;
    }
    .stories-box .stories-content .btn-wrapper .btn-inline {
        padding: 0.3rem;
        font-size: 0.5rem;
        margin-right: 5px;
    }
}
@media (max-width: 1100px) {
    .video-detail,
    .video-social {
        max-width: 100%;
    }
}
@media (min-width: 992px) {
    .mega-menu .nav-item {
        padding: 6px 0;
    }
    .mega-menu .nav-item .nav-link {
        padding-left: 25px;
        padding-right: 25px;
    }
    .mega-menu .nav-item.show::after {
        content: "";
        position: relative;
        width: 100%;
        height: 2px;
        background: #fff;
        top: 6px;
        left: 0;
        right: 0;
        display: block;
        z-index: 1000;
    }
}
@media (max-width: 1200px) {
    .social-wrap .footer-links,
    .footer-link-wrap .social {
        display: block;
    }
    .social-wrap .social,
    .footer-link-wrap .footer-links {
        display: none;
    }
    .footer-link-wrap .social .col-md-6 {
        padding: 0 2rem;
    }
}
@media (max-width: 992px) {
    .mega-menu,
    .top-menu .nav {
        display: none;
    }
    .give-btn,
    .hamburger-icon {
        display: block;
    }
    .banner {
        padding-bottom: 4.5rem;
    }
    .banner .carouselButtons {
        left: 25px;
        bottom: 25px;
    }
    .quick-links {
        display: block;
    }
    .quick-links .partners-box .section-title {
        margin-bottom: 3rem;
    }
    .feature-event-card .card {
        position: relative;
        right: -9%;
        margin-bottom: 3rem;
    }
    .upcoming-events .section-title {
        padding-left: 9%;
    }
    .upcoming-events .event-btn {
        text-align: center;
        margin-top: 3rem;
    }
    .impact-cards {
        padding: 0 5rem;
    }
    .impact-cards .card {
        height: auto;
    }
    .orange-line-bg::before {
        left: 80%;
        top: 90%;
    }
    .engage .section-title,
    .engage p {
        padding: 0 3rem;
    }
    .engage p {
        margin-bottom: 2rem;
    }
    .stay-informed {
        margin-top: 3rem;
        padding: 0 3rem;
    }
    .inner-carousel .banner .carousel-item,
    .inner-carousel .banner .carousel-item img {
        height: 750px;
    }
    .inner-carousel .banner .carousel-indicators {
        width: 100%;
        bottom: -220px;
    }
    .inner-carousel .carousel-caption {
        justify-content: center;
        display: flex;
        width: 100%;
    }
    .inner-carousel .banner .gradient-intro {
        background: rgb(0 0 0);
    }
    .inner-carousel .banner .gradient-intro .intro-btn {
        text-align: center;
    }
    .inner-carousel .banner .carouselButtons {
        left: 30px;
    }
    .lined-cards {
        margin-top: 5rem;
    }
    .lined-cards .line-box::before {
        left: 0;
        top: 0;
    }
    .partners-box .col-lg-4:nth-of-type(2),
    .partners-box .col-lg-4:nth-of-type(3) {
        display: none;
    }
    .social-wrap .footer-links,
    .footer-link-wrap .social {
        display: block;
    }
    .social-wrap .social,
    .footer-link-wrap .footer-links {
        display: none;
    }
    .footer-link-wrap .social .col-md-6 {
        padding: 0 2rem;
    }
    .carousel-cards {
        display: block;
    }
    .non-carousel-cards {
        display: none;
    }
    .carousel-cards .line-box .white-box {
        height: 400px;
    }
    .carousel-cards .line-box::before {
        height: 600px;
    }
    .carousel-cards .carousel-item {
        padding: 3rem 0;
    }
    .carousel-cards #partnercarousel .carousel-item img {
        height: auto;
        max-width: 100%;
    }
    .partners-box {
        margin-bottom: 6rem;
    }
    .carousel-cards #partnercarousel {
        text-align: center;
    }
    .carousel-cards #partnercarousel .carousel-indicators {
        position: absolute;
        bottom: -255px;
    }
    .lined-cards .orange-line-bg.left-top {
        padding: 3rem 0;
    }
    .carousel-cards .banner .carousel-indicators {
        width: 100%;
    }
    .header {
        padding: 20px 0;
        position: relative;
    }
    .header .top-menu {
        margin-top: 12px;
    }
    .header .top-menu .give-btn {
        margin-top: 3px;
    }
    .drilldown-menu {
        display: block;
    }
    .cta-content h4 {
        padding: 0 7rem 1rem;
    }
    .cta-banner-box .cta-content h4 {
        padding: 0 0 1rem;
    }
    .media-gallery-banner .media-gallery-image img {
        height: 572px;
    }
    .media-gallery-banner .media-gallery-content {
        bottom: 50px;
        left: 5%;
    }
    .media-gallery-banner .media-gallery-content h2 {
        font-size: 40px;
        margin-bottom: 0;
    }
    .media-gallery-banner .media-gallery-content .btn-orange {
        margin-top: 40px;
    }
    .search-section-wrapper {
        background: #fff;
    }
    .search-section-wrapper .search-section {
        padding: 45px 23px;
        background: #f2f2f2;
        margin: 0 0 30px;
    }
    .search-section-wrapper h3 {
        margin: 0 0 20px;
    }
    .search-section-wrapper .filter-section {
        padding: 0;
        background: #e5e5e5;
        border-radius: 4px;
    }
    .search-section-wrapper .filter-section .filter-div {
        margin: 0 0 46px;
    }
    .search-section-wrapper .filter-section h5,
    .search-section-wrapper .filter-section h5 a {
        border-bottom: none;
        margin: 0;
        padding-bottom: 0;
    }
    .search-section-wrapper .filter-section h5.desktop,
    .applied-filter {
        display: none;
    }
    .search-section-wrapper .filter-section .filter-heading {
        padding: 18px;
        border-radius: 4px;
    }
    .search-section-wrapper .filter-section .filter-body {
        padding: 18px 18px 50px;
    }
    .search-section-wrapper .filter-section h5 a,
    .search-section-wrapper .filter-section h5.ipad,
    .apply-filter-btn {
        display: block;
    }
    .search-section-wrapper .filter-section .filter-body .cta-btn {
        max-width: 300px;
    }
    .video-content-wrapper {
        margin: 111px 0 80px;
    }
    .media-gallery-middle-content .inner-container {
        padding: 0;
    }
    .podcast-content-wrapper {
        height: auto;
        padding: 60px 0 120px;
    }
    .podcast-box .podcast-image img {
        width: 150px;
        height: 150px;
    }
    .podcast-overlay.black-overlay {
        margin-top: 60px;
    }
    .podcast-content-wrapper .owl-nav {
        bottom: -120px;
    }
    .event-banner {
        padding-bottom: 10rem;
    }
    .event-banner img {
        height: 600px;
    }
    .event-banner .orange-intro {
        bottom: -10rem;
        left: 11%;
    }
    .register-event-btn .btn {
        margin: 0 0 2rem 0 !important;
    }
    .stories-banner.media-gallery-banner .media-gallery-content {
        max-width: 329px;
    }
    .btn-wrapper .btn-inline {
        padding: 0.5rem 1rem;
    }
    .btn-wrapper .btn-read {
        margin-top: 22px;
    }
    .stories-wrapper-container .inner-container {
        padding: 0;
    }
    .stories-box {
        margin: 0 0 10px;
    }
    .stories-wrapper .stories-btn-wrapper {
        display: block;
    }
    .orange-line-bg.top-right::before {
        top: -110%;
    }
    .events-banner .events-banner-content {
        padding: 150px 0 46px;
    }
    .events-banner .events-banner-content .banner-icon {
        top: 30px;
        right: 22%;
        max-width: 100px;
    }
    .events-detail-wrapper img.events-img {
        margin: 0 0 24px;
    }
    .search-section-wrapper.find-event-search .search-section {
        margin: 0 0 30px;
    }
    .search-section-wrapper .search-section .section-title .line-before::after {
        margin-right: 36px;
    }
    .upcoming-events-wrapper {
        margin: 100px 0 0;
    }
    .upcoming-events-wrapper .inner-container {
        padding: 0;
    }
    .upcoming-events-wrapper .section-title .orangetxt .line-before:after,
    .event-calendar-wrapper .event-calendar .calendar-box {
        display: none;
    }
    .upcoming-events-item .event-image-wrapper .event-calendar {
        display: block;
        margin-left: 40px;
    }
    .upcoming-events-item .event-calendar-wrapper {
        width: 100%;
        margin-right: 180px;
    }
    .upcoming-events-item {
        flex-wrap: wrap;
    }
    .event-calendar-wrapper .event-content {
        margin: 25px 0 0;
    }
    .event-calendar-wrapper .event-content h4 {
        text-decoration: underline;
    }
    .no-search-result {
        display: block;
    }
    .search-results-wrapper {
        margin: 70px 0;
    }
    .search-directory-page .search-section-wrapper h3 {
        margin: 0 0 34px;
    }
    .search-section-wrapper .search-field h5 {
        margin: 0 0 10px;
    }
    .inner-container.staff-directory-inner-container {
        padding: 0;
        margin: 110px 0 0;
    }
    .cards {
        margin: 0 0 37px;
    }
    .applied-filter .badge {
        margin: 0 0 21px;
    }
    .events-banner .events-banner-content .inner-container,
    .breadcrumb-container .inner-container {
        padding: 0;
    }
    .membership-banner .orange-line {
        margin-left: 4%;
    }
    .membership-banner .media-gallery-banner .media-gallery-content {
        bottom: 80px;
    }
    .page-middle-content.membership-page .inner-container {
        padding: 0;
    }
    .sidebar-container {
        display: flex;
        justify-content: space-between;
        margin: 0 0 52px;
    }
    .sidebar-container .flex-item {
        flex: 1;
    }
    .sidebar-container .sidebar-content {
        display: block;
    }
    .sidebar-container .sidebar {
        margin-right: 10px;
    }
    .sidebar-container .sidebar-content .cta-btn {
        max-width: none;
        width: 100%;
    }
    .story-clip-section {
        margin: 40px 0 0;
    }
    .story-clip-section .story-clip-image img {
        height: 432px;
    }
    .sidebar-content-wrapper {
        margin: 40px 0;
    }
    .membership-level-img {
        margin: 0 0 40px;
        object-fit: cover;
        width: 100%;
    }
    .membership-accordion-wrapper {
        margin: 53px 0 100px;
    }
    .accordion .card {
        padding: 14px 74px 14px 29.5px;
    }
    .accordion .card .card-body {
        padding-left: 0;
    }
    .osu-building-wrapper-section {
        display: none;
    }
    .side-image-section {
        padding: 30px 0 60px;
    }
    .side-image-section.right-image-section {
        padding: 50px 0;
    }
    .side-image-section.left-image-section .widget-content {
        padding-left: 0;
    }
    .side-image-section.right-image-section .widget-content {
        padding-right: 0;
    }
    .side-image-section .widget-content h2 {
        margin-top: 0;
    }
    .quotes-carousel-section,
    .image-text-header-section,
    .sixup-ctas-widget-section,
    .search-widget-section,
    .sub-page-link-widget-section {
        padding: 100px 0;
    }
    .quotes-carousel-section .quotes-carousel-wrapper .quotes-content-wrapper {
        padding: 100px 50px;
    }
    .image-text-header-section .stories-box {
        margin: 0 0 30px;
    }
    .list-view-widget-section .list-view-widget-wrapper,
    .sixup-ctas-widget-section .sixup-ctas-widget-wrapper,
    .gallery-scroller-widget-section .banner,
    .accordion-widget-section .accordion-widget-wrapper {
        margin-top: 45px;
    }
    .list-view-widget-section {
        padding: 80px 0;
    }
    .list-view-widget-section .list-view-widget-wrapper .btn-wrapper {
        margin-top: 30px;
    }
    .gallery-scroller-widget-section .carousel-control-prev {
        left: 0;
    }
    .gallery-scroller-widget-section .carousel-control-next {
        right: 0;
    }
    .gallery-scroller-widget-section {
        padding: 100px 0 150px;
    }
    .date-list-view-widget-section {
        padding: 100px 0 50px;
    }
    .image-color-block .image-color-block-content {
        padding: 50px 20px;
    }
    .sub-page-link-widget-section .widget-subtitle {
        margin: 60px 0 29.5px;
    }
    .widget-title h1 {
        margin: 0 0 40px;
    }
    .featured-story-widget-section.widget-section {
        padding: 20px 0 88.5px;
    }
    .featured-story-widget-section .featured-story-widget-wrapper,
    .staff-directory-widget-section .staff-directory-widget-wrapper,
    .story-widget-with-right-image-section .story-widget-with-right-image-wrapper,
    .panorama-section .panorama-wrapper {
        margin-top: 0;
    }
    .staff-directory-widget-section,
    .story-widget-with-right-image-section,
    .image-header-section.widget-section,
    .two-column-panorama-section,
    .one-column-panorama-section {
        padding: 100px 0;
    }
    .related-content-widget-section .related-cards .card {
        margin: 0 0 30px;
    }
    .related-content-widget-section {
        padding: 100px 0 70px;
    }
    .story-widget-with-right-image-section .story-widget-with-right-image-wrapper .title-bg-lines {
        width: 40px;
        left: -7%;
    }
    .story-widget-with-right-image-section .story-widget-with-right-image-wrapper .cont-img {
        margin-bottom: 1rem !important;
    }
    .image-header-section.widget-section.left-image-section .side-image-wrapper img {
        margin: 0 0 30px;
    }
    .image-header-section.widget-section.right-image-section .side-image-wrapper img {
        margin: 30px 0 0;
    }
    .image-galleries .inner-container {
        padding: 0;
    }
    .image-galleries .image-galleries-container {
        width: 100%;
        padding: 0;
    }
    .lined-cards .orange-line-bg.left-top::before {
        left: -60%;
        top: -27%;
        transform: rotate(180deg);
        background: url(/sites/oregonstate/themes/oregonstate/cssAssets/quotes-carosel-bg.png) no-repeat top left;
    }
    .impact-container.inner-container {
        padding: 0 20px !important;
        width: 100%;
    }
    .impact-container .impact-cards {
        padding: 0 8rem !important;
    }
    .impact-container .impact-cards .card .card-img-top {
        height: 250px;
    }
    .stay-informed.grey-line-bg iframe {
        width: 100%;
    }
    .upcoming-events-row,
    .upcoming-events-row .upcoming-events-column,
    .upcoming-events-row .upcoming-events-column .feature-event-card {
        display: block;
    }
    .upcoming-events-row .upcoming-events-column .feature-event-card .card-img {
        height: 685px;
    }
    .image-text-header-section .stories-box .stories-content {
        min-height: 247px;
    }
    .image-text-header-section .stories-box .stories-content h5 {
        min-height: 130px;
    }
    .video-container .video-box .video-image img {
        height: 207px;
    }
    .linecardcarousel .owl-carousel .owl-stage-outer {
        overflow: unset;
    }
    .storydetailscontent img[width="600"] {
        width: 100% !important;
    }

    /* Banner Changes Start */
    #banner .carousel-item,
    .inner-carousel .banner .carousel-item {
        height: auto;
    }
    #banner .carousel-item img,
    .inner-carousel .banner .carousel-item img {
        position: static;
        height: auto;
    }
    .banner .carousel-caption {
        position: static;
    }
    .banner .orange-intro {
        max-width: 100%;
        width: 100%;
        padding: 2rem;
        height: auto;
        min-height: unset;
    }
    .banner .carousel-caption .gradient-intro {
        max-width: 100%;
        width: 100%;
        background-color: rgb(0 0 0);
        padding: 2rem;
        height: auto;
        min-height: unset;
    }
    .inner-carousel .banner .carousel-indicators,
    .banner .carousel-indicators {
        width: 100%;
        position: static;
        padding: 1rem;
    }
    .inner-carousel .banner .carouselButtons,
    .banner .carouselButtons {
        left: 45%;
        top: 100px;
        bottom: auto;
    }
    .banner-btn {
        text-align: center;
    }
    .carousel-control-prev,
    .carousel-control-next {
        align-items: normal;
        top: 222px;
    }
    .carousel-control-prev img,
    .carousel-control-next img,
    .carousel-control-arrow img:hover {
        width: 55px;
        height: auto;
    }
    /*Banner Changes End*/
}
@media (max-width: 800px) and (min-width: 768px) {
    .lined-cards .orange-line-bg.left-top::before {
        left: -48%;
    }
}
@media (max-width: 992px) and (min-width: 767px) {
    .search-directory-page .search-section-wrapper .search-section .section-title::before {
        content: "";
        background: #d73f09;
        height: 1px;
        width: 34px;
        position: absolute;
        left: -9%;
        top: 13px;
    }
    .search-directory-page .section-title .orangetxt .line-after::after {
        display: none;
    }
}
@media (max-width: 767px) {
    .social-wrap .footer-links,
    .footer-link-wrap .social {
        display: none;
    }
    .social-wrap .social,
    .footer-link-wrap .footer-links {
        display: block;
    }
    .social-wrap .social {
        margin-bottom: 3rem;
        padding-left: 2rem;
    }
    .copy-wrap,
    .footer-link-wrap .footer-links {
        padding-left: 2rem;
    }
    .copy-wrap .row {
        flex-direction: column;
        text-align: left;
    }
    .copy-wrap .copy-txt {
        text-align: left;
        margin: 10px 0 0;
    }
    .carousel-cards .line-box::before {
        height: 700px;
    }
    .carousel-cards .line-box .white-box {
        height: 450px;
    }
    .linecardcarousel {
        max-width: 100%;
    }
    .drilldown-menu .advertise {
        display: none;
    }
    .cta-content h4 {
        padding: 0 0 1rem;
    }
    .sub-banner {
        padding-top: 0;
        padding-bottom: 10rem !important;
    }
    .sub-banner .orange-intro {
        top: auto;
        bottom: -7rem;
        max-width: 250px !important;
    }
    .linecardcarousel .owl-carousel {
        padding-left: 50px;
    }
    .carousel-wrapper .owl-nav {
        top: auto;
        bottom: -20px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
    }
    .podcast-box .podcast-image img {
        width: 250px;
        height: 250px;
    }
    .section-title .whitetxt span.light {
        display: block;
    }
    .podcast-content-wrapper {
        padding: 40px 0 170px;
    }
    .podcast-overlay.black-overlay {
        margin-top: 30px;
        padding: 20px;
    }
    .podcast-box .podcast-content {
        padding: 0 30px;
    }
    .image-galleries .carousel-wrapper .owl-nav {
        top: auto;
        bottom: 0;
    }
    .video-content-wrapper {
        margin: 70px 0;
    }
    .search-section-wrapper .filter-section h6 em {
        float: right;
        color: #6c757d;
    }
    .apply-filter-btn {
        margin-top: 20px;
    }
    .orange-line-bg.top-right::before {
        left: 100%;
        top: -55%;
    }
    .search-section-wrapper .search-section {
        padding: 45px 33px;
        margin: 0 -33px 30px;
    }
    .search-widget-section .search-section-wrapper .search-section {
        margin: 0 0 30px;
    }
    .video-container .video-box {
        margin: 0 0 20px;
    }
    .stories-box {
        margin: 0 0 20px;
    }
    .stories-wrapper {
        margin: 50px 0 91px;
    }
    .events-banner .events-banner-bg::after {
        left: 54%;
    }
    .upcoming-events-item .event-image-wrapper .event-calendar {
        display: none;
    }
    .events-detail-wrapper img.events-img {
        max-height: 245px;
    }
    .events-detail-wrapper h4 {
        line-height: 38px;
        margin: 0 0 18px;
    }
    .events-detail-wrapper .btn-register {
        margin: 20px 0 0;
    }
    .upcoming-events-item .event-image-wrapper {
        display: none !important;
    }
    .event-calendar-wrapper .event-calendar .calendar-box {
        display: block;
        margin: 0;
    }
    .event-calendar-wrapper {
        display: block !important;
    }
    .upcoming-events-item {
        margin: 0 0 40px;
        padding-bottom: 40px;
        border-bottom: 1px solid #ccc;
    }
    .upcoming-events-container .grey-border {
        display: none;
    }
    .upcoming-events-item-wrapper .upcoming-events-item:last-child {
        border: none;
    }
    .events-banner h1 {
        max-width: 300px;
    }
    .search-results-item {
        display: block !important;
    }
    .search-results-wrapper .search-results-item .search-results-image {
        margin: 0 0 20px;
    }
    .search-results-wrapper .search-results-item {
        margin: 0 0 40px;
    }
    .search-directory-page .search-section-wrapper .search-section .section-title .orangetxt {
        display: block;
    }
    .search-directory-page .search-section-wrapper .search-section .section-title {
        padding-left: 0;
    }
    .search-directory-page .search-section-wrapper .search-section .section-title .orangetxt .line-after::after {
        width: 530px;
    }
    .search-directory-page .applied-filter {
        display: block;
        margin: 0 0 84px 0;
    }
    .inner-container.staff-directory-inner-container {
        margin: 73px 0 0;
    }
    .cards {
        margin: 0 0 20px;
    }
    .membership-banner .orange-line {
        display: none;
    }
    .membership-banner .media-gallery-banner .media-gallery-image img {
        height: 409px;
        max-height: 409px;
    }
    .media-gallery-banner .media-gallery-image video,
    .media-gallery-banner {
        height: 409px;
    }
    .membership-banner .media-gallery-banner .media-gallery-content {
        bottom: 49px;
    }
    .sidebar-container {
        margin: 20px 0 0;
        flex-wrap: wrap;
    }
    .sidebar-container .sidebar {
        order: 2;
        margin: 0 30px 40px;
    }
    .sidebar-container .sidebar-content {
        order: 1;
    }
    .sidebar-container .flex-item {
        flex: auto;
        width: 100%;
    }
    .membership-content-wrapper .membership-inner-img {
        margin: 23px 0 0;
    }
    .story-clip-section .story-clip-image img {
        height: 211px;
    }
    .grey-slant-line-bg .cta-orange {
        padding: 0 0 3rem;
    }
    .help-section {
        height: 600px;
    }
    .help-section .grey-slant-line-bg {
        overflow: unset;
        height: 370px;
    }
    .alert-box .cta-content {
        margin-bottom: 1rem;
    }
    .alert-box .cta-btn {
        top: 1rem;
    }
    .alert-box .orange-box {
        padding: 8rem 3rem 7rem;
    }
    .sidebar-content-wrapper > .row {
        margin-left: -30px;
        margin-right: -30px;
    }
    .membership-level-img-wrapper {
        padding: 0;
    }
    .accordion .card {
        padding: 14px 32px 14px 29.5px;
    }
    .membership-accordion-wrapper {
        margin-bottom: 78px;
    }
    .help-section.cta-help-section {
        height: auto;
    }
    .osu-building-wrapper-section {
        display: block;
    }
    .osu-building-wrapper-section .osu-building-wrapper-image img {
        height: 273px;
    }
    .osu-building-wrapper-section .osu-building-wrapper-box {
        position: relative;
        width: 100%;
        padding: 50px 20px 76px;
    }
    .side-image-section .widget-content,
    .side-image-section.right-image-section img {
        margin: 40px 0 0;
    }
    .side-image-section.right-image-section .widget-content {
        margin: 0;
    }
    .quotes-carousel-section .quotes-carousel-bg {
        background-position: top right;
    }
    .quotes-carousel-section .quotes-carousel-wrapper .quotes-content-wrapper {
        padding: 50px;
    }
    .hero-clip-img {
        margin: 0 0 20px;
    }
    .image-color-block {
        flex-wrap: wrap;
    }
    .image-color-block .flex-item {
        flex-basis: 100%;
    }
    .sub-page-link-widget-wrapper .background-image-wrapper {
        height: auto;
    }
    .sixup-ctas-widget-wrapper .card .card-body {
        padding: 20px;
        min-height: auto;
    }
    .sixup-ctas-widget-wrapper .card .card-body .card-title {
        font-size: 1.5rem;
    }
    .alert-section h3,
    .alert-section h3 a {
        width: 286px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cta-orange-box {
        background: none;
    }
    .cta-orange-box .orange-box {
        margin: -10rem 9rem 0;
        padding: 0 0 8rem;
    }
    .cta-orange-box .cta-btn {
        min-width: 450px;
        top: 3rem;
        left: -12%;
        right: -12%;
    }
    .cta-orange-box .cta-content {
        padding: 3.5rem 4.5rem 0;
    }
    .cta-orange-box::before {
        content: "";
        background: url(/sites/oregonstate/themes/oregonstate/cssAssets/cta-bg.png) repeat;
        height: 200px;
        width: 100%;
        display: block;
    }
    .sidebar-container {
        max-width: none;
    }
    .banner.sub-banner .orange-intro {
        padding: 44px 27px 31px 31px;
        min-height: 283px;
        max-width: 293px !important;
        top: auto;
        left: 20px;
    }
    .sub-banner .card-img {
        height: 396px;
        max-height: none;
    }
    .banner.sub-banner .orange-intro span {
        padding-right: 0;
    }
    .upcoming-events-item .event-calendar-wrapper {
        margin-right: 0;
    }
    .one-column-panorama-section.panorama-section.widget-section {
        padding: 10px 0;
    }

    
}
@media (max-width: 650px) {
    .give-btn {
        display: none;
    }
    .lined-tabs .nav-tabs .nav-link {
        font-size: 18px;
        margin-right: 1.5rem;
    }
    .lined-tabs .nav-tabs .nav-link:last-child {
        margin-right: 0;
    }
    .story-widget-with-right-image-section .story-widget-with-right-image-wrapper .title-bg-lines {
        left: -9%;
    }
    .lined-cards .line-box {
        box-shadow: 0 12px 48px 0 rgb(0 0 0 / 0.13);
    }
    .linecardcarousel .owl-carousel .owl-stage-outer {
        overflow: unset;
    }
    .lined-cards .quote-mark {
        left: -48px;
    }
    .cta-orange-box .cta-btn {
        min-width: 380px;
    }
}
@media (max-width: 600px) {
    .section-title.d-flex {
        display: block !important;
    }
    .section-title .orangetxt .line-after:after {
        width: 100px;
    }
    .banner {
        padding-bottom: 0;
    }
    .banner.event-banner {
        padding-bottom: 10rem;
    }
    .banner.event-banner .orange-intro {
        padding: 0 0 55px 0;
    }
    .banner.event-banner .orange-intro .info {
        padding: 1.75rem;
    }
    .banner.event-banner .event-info {
        padding: 1rem 2rem;
    }
    
    
    
    .logo-col {
        min-width: 75%;
    }
    .header-logo img {
        height: 50px;
        width: auto;
    }
    .search:hover,
    .search:focus {
        width: 300px;
    }
    .search-container {
        margin-top: 0.75rem;
    }
    .quick-links .partner-line-bg {
        padding: 3rem;
    }
    .inner-container {
        padding: 0 1.5rem;
    }
    .feature-event-card .card {
        position: static;
        margin-right: -33px;
        margin-left: -33px;
        margin-bottom: 120px;
    }
    .feature-event-card .card-img-overlay {
        left: -18px;
        border-left-width: 32px;
        bottom: 0;
    }
    .feature-event-card img {
        height: 500px;
        object-fit: cover;
    }
    .event-cards {
        margin-top: 2rem;
    }
    .event-cards .card-img img {
        width: 100%;
        margin-bottom: 1rem;
    }
    .impact-cards {
        padding: 0;
    }
    .impact-cards .card-img-top {
        height: 350px;
        object-fit: cover;
    }
    .impact-cards .my-5 {
        margin: 1rem 0 !important;
    }
    .orange-line-bg::before {
        left: 138%;
        top: 92%;
    }
    .space {
        margin: 0 !important;
        padding: 0 !important;
    }
    .section-title:not(.section-title.d-flex) {
        padding-left: 4rem;
    }
    .upcoming-events-wrapper .section-title:not(.section-title.d-flex) {
        padding-left: 0;
    }
    .widget-content .section-title:not(.section-title.d-flex) {
        padding-left: 0;
    }
    .engage p {
        padding: 0;
    }
    .stay-informed {
        padding: 0;
    }
    .lined-cards {
        margin-top: 0;
    }
    .info-btn {
        text-align: center;
    }
    .orange-line-bg.left-top::before {
        left: -90%;
        top: -53%;
    }
    .carousel-cards #partnercarousel .carousel-indicators {
        position: absolute;
        bottom: -160px;
    }
    .title-bg-lines {
        width: 18px;
    }
    .sub-page-title {
        font-size: 28px;
    }
    .sub-page-inner-container {
        padding: 0 1rem;
    }
    .storydetailscontent .sub-page-inner-container {
        padding: 0 1rem 0 3rem;
    }
    .podcast-content-wrapper .section-title.d-flex {
        display: flex !important;
    }
    .podcast-box .podcast-image img {
        margin: 10px auto 20px;
    }
    .event-banner .orange-intro {
        width: 350px;
    }
    .orange-line-bg.top-right::before {
        left: 128%;
    }
    .stories-wrapper-container .inner-container .section-title:not(.section-title.d-flex) {
        padding-left: 0;
    }
    .btn-wrapper .btn-inline {
        margin-right: 10px;
    }
    .gallery-scroller-widget-section .banner .carousel-caption .gradient-intro {
        max-width: 600px;
    }
    .gallery-scroller-widget-section {
        padding: 100px 0;
    }
    .with-txt-elm .quotes-statement {
        padding: 0;
        margin: 15px 0 15px 32px;
    }
    .with-txt-elm .quotes-statement .quotes-content {
        padding: 4rem 2rem 2rem 2rem;
    }
    .with-txt-elm .quotes-statement .quotes-icon {
        left: -32px;
    }
    .with-txt-elm .quotes-statement .quotes-icon img {
        width: 60px;
        height: auto;
    }
    .cta-orange-box .cta-btn {
        min-width: 320px;
    }
    .cta-orange-box .cta-content {
        padding: 3.5rem 3rem 0;
    }
    .cta-orange-box .orange-box {
        margin: -10rem 7rem 0;
    }
    .upcoming-events-wrapper .section-title .orangetxt .line-before:after {
        height: 1px;
        width: 12%;
        background-color: #d73f09;
        content: "";
        position: absolute;
        right: 113%;
        top: 15px;
        display: block;
    }
    .partners-box {
        margin-bottom: 4rem;
    }
    .impact-container .impact-cards {
        padding: 0 !important;
    }
    .video-container .video-box .video-image img {
        height: 207px;
    }
    .image-galleries .inner-container,
    .video-carousel-wrapper .inner-container {
        padding: 0;
    }
    .quotes-carousel-section .quotes-carousel-bg {
        padding: 4.5rem 1.5rem 2rem;
    }
    .quotes-carousel-section .quotes-carousel-wrapper .quotes-content-wrapper {
        padding: 50px 30px;
    }
    .storydetailscontent .title-bg-lines {
        width: 40px;
    }
}
@media (max-width: 480px) {
    .linecardcarousel .owl-carousel {
        padding-right: 50px;
    }
    .lined-cards .line-box .quote-txt {
        font-size: 18px;
    }
    .carousel-cards .line-box .white-box {
        height: 390px;
    }
    .lined-tabs .nav-tabs .nav-link {
        margin-right: 1rem;
    }
    .podcast-box .podcast-content {
        padding: 0;
    }
    .event-banner {
        padding-bottom: 20rem;
    }
    .event-banner .orange-intro {
        left: 10%;
        width: 300px;
    }
    .orange-line-bg.top-right::before {
        left: 155%;
        top: -60%;
    }
    .btn-wrapper .btn-inline {
        padding: 0.5rem;
    }
    .events-banner .events-banner-bg::after {
        left: 58%;
    }
    .events-banner .events-banner-content {
        padding: 100px 0 46px;
    }
    .events-banner h1 {
        font-size: 30px;
        line-height: 34px;
        max-width: 200px;
    }
    .sub-page-link-widget-wrapper .background-image-wrapper .sub-page-link-box {
        padding: 20px;
    }
    .story-widget-with-right-image-section .story-widget-with-right-image-wrapper .title-bg-lines {
        left: -13%;
    }
    .one-column-panorama-section .one-column-panorama-wrapper .widget-content {
        padding-left: 50px;
    }
    .one-column-panorama-section .one-column-panorama-wrapper .widget-content::before {
        width: 40px;
        height: 40px;
    }
    .cta-orange-box .cta-content {
        padding: 2rem 2rem 0;
    }
    .lined-cards .orange-line-bg.left-top::before {
        left: -18%;
    }
    .lined-cards .line-box::before {
        left: 5%;
        top: 1%;
    }
    .cta-orange-box .orange-box {
        margin: -10rem 4rem 0;
        padding: 0 0 5rem;
    }
    .cta-orange-box .cta-btn {
        left: -16%;
        right: -16%;
        top: 0.5rem;
    }
    .media-gallery-banner .media-gallery-image video,
    .media-gallery-banner,
    .media-gallery-banner .media-gallery-image img {
        height: 400px;
    }
    .media-gallery-banner .media-gallery-image img {
        max-height: 400px !important;
        height: 400px !important;
    }
    .container {
        width: 100%;
    }
}
@media (max-width: 400px) {
    .lined-cards .line-box::before {
        left: 2%;
    }
    .cta-orange-box .cta-btn {
        min-width: 300px;
    }
    .banner.sub-banner .orange-intro {
        min-width: 240px;
        min-height: 230px;
    }
}
@media (max-width: 360px) {
    .events-banner .events-banner-bg::after {
        left: 70%;
        top: 18%;
    }
    .event-calendar-wrapper .event-calendar .calendar-box {
        width: 100%;
    }
    .quotes-carousel-section .quotes-carousel-bg {
        padding: 1rem;
    }
    .orange-line-bg.left-top::before {
        left: -97%;
        top: -56%;
    }
    .lined-cards .line-box::before {
        left: -22%;
    }
    .cta-orange-box .orange-box {
        margin: -10rem 2rem 0;
    }
    .one-column-panorama-section .one-column-panorama-wrapper .widget-content::before {
        width: 20px;
        height: 60px;
    }
    .one-column-panorama-section .one-column-panorama-wrapper .widget-content {
        padding-left: 30px;
    }
}
@media (max-width: 320px) {
    .lined-cards .line-box::before {
        left: -45%;
    }
    .cta-orange-box .cta-btn {
        min-width: 280px;
    }
    .banner.sub-banner .orange-intro {
        min-width: 200px;
        min-height: 190px;
        max-width: 220px !important;
    }
    .podcast-box .podcast-image img {
        width: 150px;
        height: 150px;
    }
}
@media (max-width: 1400px) {
    .upcoming-events-item .event-calendar-wrapper {
        width: 100%;
    }
}
@media (max-width: 1400px) {
    .uecontainer > .inner-container {
        padding: 0 0 0 2rem;
    }
}
@media (max-width: 1100px) {
    .uecontainer > .inner-container {
        padding: 0 0 0 0;
    }
}
@media (max-width: 767px) {
    .storydetailsbanner.banner.sub-banner {
        padding-bottom: 1rem !important;
    }
    .storydetailsbanner .card {
        border: 0;
    }
    .storydetailsbanner .card-img {
        border-radius: unset;
        height: 300px;
    }
    .storydetailsbanner.banner.sub-banner .card-img-overlay {
        position: static;
        padding: 0;
    }
    .storydetailsbanner.banner.sub-banner .card-img-overlay .container {
        width: 100%;
        padding: 0;
    }
    .storydetailsbanner.banner.sub-banner .orange-intro {
        padding: 1.5rem;
        width: 100%;
        max-width: unset !important;
        position: static;
        min-height: unset !important;
    }
    .storydetailsbanner.banner.sub-banner .orange-intro span {
        font-size: 32px;
        line-height: 1;
    }
}
@media (max-width: 576px) {
    .storydetailsbanner .card-img {
        height: 280px;
    }
    .header .top-menu {
        margin-top: 0;
    }
}