@media only screen and (max-width: 1199.9px) {
  #mobile-second-nav {
    height: 50px;
    width: 100%;
    color: #000;
    text-align: left;
    border-radius: 0;
    border-left: none;
    border-right: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjUwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxyZWN0IHN0eWxlPSJmaWxsOiNGMUYxRjE7IiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiLz4NCjwvZz4NCjxwb2x5Z29uIHBvaW50cz0iMzIuNywyMC4zIDI1LDI4IDE3LjMsMjAuMyAxNi40LDIxLjEgMjUsMjkuOCAzMy42LDIxLjEgIi8+DQo8L3N2Zz4NCg==)
      right center no-repeat #fff;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
  }
}

@media only screen and (max-width: 1050px) {
  .header-row-top {
    justify-content: space-between;
    border-bottom: 1px solid #e9e9e9;
  }

  .header-row-bottom {
    height: 64px;
  }

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

  .header .navbar-logo a {
    transform: translateY(-7px);
  }

  .mobile-menu-btn {
    cursor: pointer;
    display: inline-block;
    margin-right: 18px;
    transform: translateY(8px);
  }

  .mobile-menu-btn svg {
    width: 35px;
    height: 35px;
  }

  nav.main-menu {
    display: none;
  }

  .uac-form.top {
    display: none;
  }
  .uac-form.bottom {
    display: flex;
  }

  .uac-form-icon {
    width: 50px;
  }

  .uac-form input {
    width: 500px;
  }

  nav.main-menu.active {
    display: flex;
    z-index: 999;
    padding: 10px 0 20px 0;
    height: 100vh;
    justify-content: flex-start;
    overflow: auto;
    scrollbar-width: none;
  }

  .main-menu.active {
    position: fixed;
    background: white;
    flex-direction: column;
    left: 0;
  }

  .main-menu.active .header-btn a {
    width: 100%;
    line-height: 40px;
    height: 40px;
  }

  .main-menu.active .header-btn svg {
    transform: translateY(8px);
  }
  .header-btn.key-dates.bottom,
  .header-btn.courses.bottom {
    display: flex;
    margin: 0;
  }

  .main-menu-group {
    padding: 5px 20px;
  }
  .main-menu-group.active {
    position: absolute;
    width: 100%;
    background-color: #f2f2f2;
  }

  .main-menu-group:hover {
    background-color: #f2f2f2;
  }

  .header-btn.key-dates.bottom {
    padding: 10px 20px 0px 20px;
  }

  .header-btn.courses.bottom {
    border-bottom: solid 1px #e9e9e9;
    padding: 0 20px 30px 20px;
  }

  .main-menu-group .main-menu-chevron {
    transform: rotate(-90deg);
  }

  .main-menu-dropdown-toggle {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
    line-height: normal;
    padding: 10px 20px;
  }

  .main-menu.mobile-nav.active {
    gap: 0;
  }

  .main-menu-dropdown-menu.show {
    flex-direction: column;
    width: 100%;
    left: 0;
    padding: 30px 0 40px 0;
    background: #f2f2f2;
  }

  .main-menu-dropdown-toggle.active {
    border-top: solid 4px #f2f2f2;
    background-color: #448532;
    color: #fff;
  }

  .main-menu-dropdown-toggle.active .main-menu-chevron {
    fill: #fff;
  }

  .footer-acknowledgment-inner p {
    max-width: 65%;
  }
}

@media only screen and (max-width: 1025px) {
  .date-info,
  .filterListing {
    margin-left: 0;
  }

  #filterBar,
  .table-elp thead tr,
  body #inputGroup #searchBlockButton:before {
    display: none;
  }

  .filterListing .mobileFilter {
    border: 1px solid #394049;
    font-family: Inter, sans-serif;
    font-size: 16px;
    height: 50px;
    width: 100%;
    float: right;
    margin-bottom: 30px;
  }

  .filterListing .mobileFilter,
  .filterListing .mobileFilter:focus,
  .key-date-listing .mobile-filter-container .key-date-mobile-filter:focus {
    color: #394049;
    background: #fff;
  }

  .fallbackContent,
  .institutionName {
    text-align: center;
  }
  #filterBar {
    position: fixed;
  }

  body #filterControls {
    width: 100%;
    border-right: none;
    padding-right: 0;
  }

  body #filterControls .applyFilterButton {
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
    border: none;
    background-color: #394049;
    color: #fff;
  }

  body #filterControls .institutionsClearAll {
    width: 100%;
    height: 50px;
  }
}

@media only screen and (min-width: 1025px) {
  .persona-block .persona-container .persona-text {
    transition: 0.35s;
    -moz-transform: translate(0, 80px);
    -webkit-transform: translate(0, 80px);
    -o-transform: translate(0, 80px);
    -ms-transform: translate(0, 80px);
    transform: translate(0, 80px);
  }
  .persona-block .persona-container .persona-text p {
    opacity: 0;
  }

  body .applyFilterButton,
  body .dismissButton,
  body .key-date-mobile-filter,
  body .mobileFilter {
    display: none;
  }
}

@media (min-width: 940px) and (max-width: 1174px) {
  .categories-list {
    padding: 0 90px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .col-md-12,
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-md-12,
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .container {
    max-width: 100%;
  }
  .collapse.show {
    border-top: 1px solid #dadada;
  }
  .col,
  .col-1,
  .col-11,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-2,
  .col-sm-7,
  .col-sm-8,
  .col-sm-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-auto {
    max-width: 100%;
    flex-basis: 100%;
  }
}

@media only screen and (max-width: 992px) {
  #secondNavCollapse > div {
    padding: 10px 30px;
    border-bottom: 1px solid #f1f1f1;
  }
  #secondNavCollapse > div.secondNavButtonMob {
    background-color: #448532;
  }

  #secondNavCollapse > div.secondNavButtonMob a {
    color: #fff;
  }

  #secondNavCollapse > div a {
    display: block;
    font-family: Inter, sans-serif;
    font-weight: 600;
    letter-spacing: 0;
  }
}

@media only screen and (max-width: 960px) {
  .quicklinks-container-inner li {
    flex: auto;
    width: 48%;
  }
  .footer-acknowledgment-inner {
    backdrop-filter: brightness(0.8) blur(2px);
    padding: 40px 25px;
  }

  .trending-topics-column {
    width: 75%;
    margin: 0 auto 40px;
  }
}
@media only screen and (max-width: 946px) {
  .popular-categories .explore-btn {
    margin: 0;
  }
}
@media only screen and (max-width: 900px) {
  .footer-list-container {
    width: 100%;
    padding: 5px 0;
  }

  .footer-list-container:not(:last-child) {
    border-bottom: 1px rgb(180, 180, 180) solid;
  }
  .footer-main-links-heading {
    margin: 10px 0;
  }
  .footer-list-container summary {
    list-style: revert;
    pointer-events: auto;
  }
  .footer-list {
    margin-left: 16px;
  }
}

@media only screen and (max-width: 880px) {
  .banner-course-search .inputContainer {
    flex-direction: column;
  }

  .inputContainer-leftCol,
  .inputContainer-rightCol {
    width: 100%;
  }

  .adRowBlock-container {
    flex-direction: column;
    align-items: center;
  }

  .adRowBlock-links {
    width: 100%;
  }

  .upcoming-single-event {
    width: 45%;
  }

  .adRowBlock-right {
    width: 100%;
  }
}

@media only screen and (max-width: 770px) {
  .header .header-row-top {
    padding: 10px 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e9e9e9;
    height: 68px;
    align-items: center;
  }

  .header .header-row-bottom {
    padding: 8px 20px 10px 20px;
  }

  .header .navbar-logo {
    display: flex;
    align-items: center;
    width: 79%;
    height: 48px;
    position: relative;
  }

  .header .navbar-logo a {
    position: absolute;
    left: 50%;
    transform: translateX(50%);
    height: 48px;
    width: 48px;
    display: block;
    z-index: 2;
    padding: 0;
    margin: 0;
    border: none;
  }

  .mobile-menu-btn {
    transform: translateY(4px);
  }

  .header-btn-row {
    display: none;
  }
  #header-btn-row-icon {
    display: block;
    cursor: pointer;
    width: 21%;
    min-width: 54px;
    text-align: right;
  }

  #header-btn-row-icon svg.secondary-menu-icon {
    transform: translateY(6px);
  }
  #header-btn-row-icon .main-menu-chevron svg {
    transform: translateY(2px);
  }

  .banner {
    padding: 0;
  }

  .banner-main-block {
    border-radius: 0;
    flex-direction: column;
  }

  .banner-col-right {
    order: 1;
    width: 100%;
    height: 250px;
  }

  .banner-col-left {
    order: 2;
    width: 100%;
  }

  .footer-subscribe {
    padding: 25px;
  }

  .footer-subscribe-inner {
    display: flex;
    gap: 0;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .footer-subscribe-inner button {
    margin-top: 20px;
    padding: 8px 20px;
  }
}

@media only screen and (max-width: 735px) {
  .footer-list {
    width: 100%;
    margin-bottom: 40px;
    margin-left: 20px;
  }
  .footer-item a {
    padding-right: 0;
  }

  .footer-main-sub {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 560px) {
  .quicklinks-container-inner {
    gap: 2px;
    border-radius: 12px;
    box-shadow: 0 0 30px #cdcdcd;
    overflow: hidden;
  }
  .quicklinks-container-inner li {
    width: 100%;
    border-radius: 0;
    padding: 0;
  }

  .quicklinks-container-inner li a {
    display: flex;
    padding: 20px;
  }

  .quicklinks-item {
    display: flex;
    padding: 10px;
    gap: 20px;
  }

  .quicklink-image img {
    width: 28px;
  }

  .adRowBlock-links .link {
    width: 100%;
  }

  .inputContainer-rightCol {
    flex-direction: column;
    background-color: transparent;
    height: auto;
    padding-left: 0;
  }

  #searchBlockInput {
    background-color: #f2f2f2;
    width: 100%;
    border-radius: 58px;
    padding: 15px 24px;
  }

  #searchBlockInput:focus-visible {
    outline: 2px solid #000;
  }

  #searchBlockButton {
    width: 100%;
    max-width: 100%;
    padding: 15px 24px;
  }

  .inputContainer-rightCol:focus-visible,
  .inputContainer-rightCol:focus,
  .inputContainer-rightCol:active,
  .inputContainer-rightCol:focus-within {
    outline: none;
  }

  .banner-course-search {
    max-width: 100%;
    border-radius: 0;
  }

  .upcoming-single-event {
    width: 100%;
  }

  .footer-acknowledgment-inner p {
    max-width: 90%;
  }

  .trending-topics-column {
    width: 100%;
  }

  .category-item {
    width: 90%;
    height: auto;
    padding: 0 25px;
    margin-bottom: 25px;
  }
  .category-item img {
    width: 100%;
    height: auto;
  }

  .submenu-wrapper {
    flex-direction: column;
    gap: 0;
  }

  .submenu-wrapper .main-menu-submenu:nth-child(even) {
    transform: translateY(-15px);
  }

  .categories-row {
    overflow: scroll;
    flex-wrap: nowrap;
    width: 100%;
    padding-left: 20px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: left;
  }

  .categories-row .explore-btn {
    white-space: nowrap;
  }

  .categories-rowe::-webkit-scrollbar {
    display: none;
  }
}

@media only screen and (max-width: 540px) {
  .cta-btn {
    max-width: 85%;
    text-align: center;
  }
}