@media (max-height: 768px) and (min-width: 1200px) {
  .menu-toggler.active .bar:first-child {
    transform: translateY(8px) rotate(45deg);
  }
  #cards-carousel {
    margin-top: 60px;
    padding-left: 60px;
  }
  #offer-banner,
  #programs {
    padding-left: 60px;
  }
  #intro,
  #benefits,
  #quote-tool,
  #filter-wrapper,
  .post-type-archive #news {
    padding: 0 60px;
  }
  #basic-content {
    padding: 60px 0;
  }
  #basic-content .section-title {
    margin-bottom: 2rem;
  }
  #basic-content .text-column {
    padding-bottom: 0;
  }
  #filter-wrapper .form-check {
    padding: 5px 0;
  }
  #stories,
  #news,
  #membership-cta,
  #tabs-cards,
  #quote-carousel,
  #accordion,
  #cta-card,
  #donate-hero,
  #cards-listing,
  #logo-section,
  #tabs-accordion,
  #icon-cards,
  #gallery,
  #newsletter-signup,
  #cards-grid,
  #archive-hero,
  #location-intro {
    padding: 60px;
  }
  #locations-hero {
    min-height: unset;
  }
  #join-hero {
    padding: 32px 60px;
    min-height: unset;
    height: unset !important;
  }
  #location-hero {
    height: 470px;
  }
  #join-hero .line-accent,
  #donate-hero .line-accent,
  #join-hero h2,
  #donate-hero h2,
  #join-hero p,
  #donate-hero p {
    margin-bottom: 1rem !important;
  }
  #join-hero .hero-content {
    max-width: 750px;
  }
  #events {
    padding: 60px;
    padding-top: 32px;
  }
  #fundraising {
    margin: 60px 0;
  }
  #location-hero .hero-content {
    padding: 48px 60px;
  }
  #desktop-sidebar {
    width: 130px;
  }
  #programs .carousel-nav .icon,
  #benefits .splide-navigation,
  #stories .nav-row .stories-nav,
  #quote-carousel .nav-row .carousel-nav,
  #cards-carousel .carousel-nav .icon {
    font-size: 50px;
  }
  #hero .carousel-content h3,
  #intro .intro-title,
  #fundraising .content-side h2,
  #benefits h3,
  #membership-cta h2,
  #join-hero h2,
  #basic-content .section-title,
  #basic-content h2,
  #tabs-cards .tabs-header,
  #cta-card h2,
  #donate-hero h2,
  #cards-listing h2,
  #cards-listing.columns-full-width .program-item .program-title,
  #accordion > h2,
  #default-hero .content-side .page-title,
  #tabs-accordion .tabs-header,
  #newsletter-signup h2:not(.gform_submission_error),
  #archive-hero h1,
  #single-hero h1,
  #hero .content-side h2,
  #location-hero .hero-content h2,
  #schedules-downloads .schedules-downloads-header,
  #contact-hero .hero-title,
  #locations-hero .content-side .page-title {
    font-size: 44px;
  }
  #location-hero .hero-content h2 {
    max-width: 400px;
  }
  .result .branch-pages .branch-title,
  .sub-level-container .all-locations,
  .sub-level-container .all-programs,
  .result-container .category-link,
  .top-level-container a,
  .top-level-container span,
  #masthead .masthead-link,
  #masthead .site-title,
  #logo-section .content-side {
    font-size: 20px;
  }
  #masthead,
  .menu-label,
  #hero .global-alert,
  #location-hero .global-alert,
  .sub-level-container li,
  .sub-level-container a,
  #masthead .menu-item > a,
  .result-container .result .branch-pages a {
    font-size: 15px;
  }
  .chat-toggler,
  .chat-toggler a,
  #programs .programs-section-title,
  #events .main-body h3,
  #stories h2,
  #news .news-title,
  .news-item .news-item-content h4,
  #quote-carousel .quote-box p,
  #quote-carousel h2,
  #accordion .accordion-button,
  #cards-carousel .carousel-section-title,
  #logo-section .content-side h2,
  #search-menu .relevanssi-live-search-result-status,
  #tabs-accordion .content-side h3,
  h2,
  #schedules-downloads .schedule-card .content-side h3 {
    font-size: 28px;
  }
  #cards-grid .grid-card .title {
    font-size: 24px;
  }
  .menu-toggler .bars {
    width: 25px;
    height: 25px;
  }
  #masthead .masthead-link,
  #search-menu .relevanssi-live-search-result .search-result-title {
    font-size: 20px;
  }
  .social-links {
    font-size: 22px;
  }
  #hero {
    min-height: unset;
  }
  #hero .carousel-indicators {
    bottom: 80px;
  }
  #hero .carousel-content h2 {
    font-size: 15px;
    margin-bottom: 24px;
  }
  #hero .carousel-content h3 {
    font-size: 44px;
    margin-bottom: 24px;
  }
  #hero .carousel-content p {
    margin-bottom: 24px;
  }
  #hero .carousel-content {
    bottom: 60px;
  }
  #offer-banner .offer-content {
    font-size: 24px;
  }
  .double-height .news-item-inner {
    height: 700px;
  }
  .double-height {
    min-height: unset;
  }
  .double-width {
    height: 340px;
  }
  #join-hero .line-accent,
  #donate-hero .line-accent,
  #join-hero h2,
  #donate-hero h2,
  #join-hero p,
  #donate-hero p {
    margin-bottom: 2rem;
  }
  #main-menu .top-level-container,
  #main-menu .sub-level-container,
  #main-menu .result-container {
    padding: 20px;
  }
  .top-level-container a,
  .top-level-container span {
    margin-bottom: 32px;
  }
  #search-menu .search-container {
    padding-top: 72px;
  }
  #search-menu .relevanssi-live-search-results {
    top: 16px !important;
    max-height: calc(100% - 90px);
  }
  #default-hero {
    min-height: 500px;
  }
  #hero .icon-wrap {
    font-size: 80px;
  }
  #location-sidebar .sidebar-header h1 {
    font-size: 32px;
  }
  #join-hero .description {
    font-size: 20px;
  }
  .my-center .hours {
    display: none;
  }
  .site-title br:first-child {
    display: none;
  }
  #masthead {
    padding: 14px 30px;
  }
  #location-sidebar {
    margin-top: -212px;
  }
}