@media only screen and (max-width: 1500px) {
  .hero__banner {
    min-height: 500px !important;
  }

  .latest-news__wrapper_card {
    gap: 60px !important;
  }

  .latest-news__wrapper_card-news {
    width: calc(100% - 360px) !important;
  }
}

@media only screen and (max-width: 1399px) {
  .SimpleSearchBlock {
    width: 850px !important;
  }

  .hero__banner_copy {
    width: 490px !important;
    padding-left: calc(50vw - 560px) !important;
  }

  .latest-news__wrapper_card-grid .TaggedListPanel,
  .upcoming-events__wrapper_card-grid .QueryTemplateSet,
  body.event-single .iMIS-WebPart:nth-of-type(2),
  .upcoming-training-events__wrapper.training-and-events .QueryTemplateSet,
  #asi_BreadCrumbNav,
  #ste_container_ciSearchresults {
    width: 1140px !important;
  }
  
  .join-our-community__wrapper_copy {
    padding-right: calc(50vw - 560px) !important;
  }
}

@media only screen and (max-width: 1250px) {
  .hero__banner {
    min-height: 450px !important;
  }
}

@media only screen and (max-width: 1199px) {
  .menu-item a,
  .rmRootGroup .rmItem a.rmLink {
    font-size: 19px !important;
    padding: 9px !important;
  }

  .menu-item a:has(> .rmToggle),
  .rmRootGroup .rmItem a.rmLink:has(> .rmToggle) {
    padding-right: 25px !important;
  }
  
  .SimpleSearchBlock {
    width: 750px !important;
  }

  .hero__banner_copy {
    padding-left: calc(50vw - 470px) !important;
  }

  .latest-news__wrapper_card-grid .TaggedListPanel,
  .upcoming-events__wrapper_card-grid .QueryTemplateSet,
  body.event-single .iMIS-WebPart:nth-of-type(2),
  .upcoming-training-events__wrapper.training-and-events .QueryTemplateSet,
  #asi_BreadCrumbNav,
  #ste_container_ciSearchresults {
    width: 960px !important;
  }

  .latest-news__wrapper_card {
    gap: 40px !important;
  }

  .latest-news__wrapper_card img {
    height: 210px !important;
  }

  .latest-news__wrapper_card-news {
    width: calc(100% - 340px) !important;
  }

  .upcoming-events__wrapper_card {
    gap: 15px !important;
  }

  .upcoming-events__wrapper_card img {
    width: 160px !important;
    padding: 30px !important;
  }

  .upcoming-events__wrapper_card-news {
    width: calc(100% - 170px) !important;
  }
  
  .join-our-community__wrapper_copy {
    padding-right: calc(50vw - 470px) !important;
  }

  .list-section__wrapper ul li, .list-section__wrapper ol li {
    font-size: 21px;
    margin-bottom: 10px;
  }

  .how-we-can-help__wrapper_card-grid.grid-three .how-we-can-help__wrapper_card {
    padding: 25px;
  }

  .footer__wrapper_contact-details-wrapper_heading,
  .footer__wrapper_quick-links-wrapper_heading {
    font-size: 27px !important;
  }

  .footer__wrapper_contact-details-wrapper {
    width: calc(100%  - 370px) !important;
  }

  .footer__wrapper_contact-details-wrapper_social-icon a {
    font-size: 28px !important;
    width: 34px !important;
    height: 34px !important;
  }

  .footer__wrapper_quick-links-wrapper {
    width: 350px !important;
  }

  .footer__wrapper_copyright p,
  .footer__wrapper_privacy-menu a {
    font-size: 18px !important;
  }

  .footer__wrapper_copyright:before {
    width: 100%;
    margin-inline: 0;
  }
}

@media only screen and (max-width: 1125px) {
  .hero__banner {
    min-height: unset !important;
    gap: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero__banner_copy {
    width: 460px !important;
  }

  div.how-we-can-help__wrapper .titles {
    margin-top: 1.5rem !important;
    margin-bottom: 4rem !important;
  }
}

@media only screen and (max-width: 991px) {
  .header {
    padding: 5px 0 !important;
  }

  .header .WTZone {
    width: calc(100% - 102px) !important;
  }

  .header__logo,
  #ste_container_ciHeaderLogo {
    max-width: 80px !important;
    height: 41px !important;
  }

  .header__navbar_collapse {
    order: 4;
  }

  .navbar-collapse {
    display: block;
    opacity: 0;
    width: calc(100% + 24px);
    height: 0;
    background: rgb(var(--clr--white));
    overflow: hidden;
    transition: opacity 0.3s ease, height 0.3s ease;
    -webkit-transition: opacity 0.3s ease, height 0.3s ease;
    -moz-transition: opacity 0.3s ease, height 0.3s ease;
    -ms-transition: opacity 0.3s ease, height 0.3s ease;
    -o-transition: opacity 0.3s ease, height 0.3s ease;
    position: absolute;
    left: 50%;
    top: 57px;
    transform: translateX(calc(-50% - 0.5px));
    -webkit-transform: translateX(calc(-50% - 0.5px));
    -moz-transform: translateX(calc(-50% - 0.5px));
    -ms-transform: translateX(calc(-50% - 0.5px));
    -o-transform: translateX(calc(-50% - 0.5px));
  }

  #asi_BreadCrumbNav {
    padding-top: 100px !important;
  }

  .navbar-expanded .navbar-collapse {
    opacity: 1;
    width: 100vw;
    height: auto;
  }

  .RadMenu .rmItem {
    width: 100%;
  }

  .RadMenu {
    width: 100vw;
  }

  .rmRootGroup {
    width: 720px;
    padding-inline: 12px !important;
    margin: 0 auto !important;
  }

  .menu-item a,
  .rmRootGroup .rmItem a.rmLink {
    width: calc(100% - 20px);
  }

  .menu-item a:has(> .rmToggle),
  .rmRootGroup .rmItem a.rmLink:has(> .rmToggle) {
    padding-right: 10px !important;
  }

  .rmSlide {
    display: block;
    width: 100% !important;
    max-height: 0;
    opacity: 0;
    position: unset !important;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    -webkit-transition: max-height 0.3s ease, opacity 0.3s ease;
    -moz-transition: max-height 0.3s ease, opacity 0.3s ease;
    -ms-transition: max-height 0.3s ease, opacity 0.3s ease;
    -o-transition: max-height 0.3s ease, opacity 0.3s ease;
  }

  .RadMenu .rmHorizontal .rmItem:hover .rmIcon::after {
    color: rgb(var(--clr--dark--blue)) !important;
  }

  .submenu-open > .rmSlide {
    height: auto !important;
    max-height: 992px;
    opacity: 1;
    display: block !important;
    position: unset !important;
  }

  .rmSlide .rmGroup {
    width: calc(100% - 24px) !important;
    margin-inline: 12px !important;
  }

  .submenu-open > .rmSlide .rmGroup {
    display: block !important;
    position: unset;
  }

  .navbar-expanded .rmRootGroup {
    display: block;
  }

  .SimpleSearchBlock {
    width: 50vw !important;
  }

  .navbar::after {
    display: none;
  }

  .menu-item.current-menu-parent > a,
  .menu-item.current-menu-item > a,
  .menu-item:hover > a,
  .rmRootGroup .rmItem:hover > a.rmLink {
    color: rgb(var(--clr--dark--blue)) !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
  }

  .gutter-top {
    padding-top: 60px !important;
  }

  .grid-three > *,
  .grid-four > * {
    width: calc((100% / 2) - 13px) !important;
  }

  .grid-two,
  .grid-three,
  .grid-four {
    gap: 20px !important;
    justify-content: center !important;
  }

  .hero__banner {
    flex-direction: column-reverse;
    padding-bottom: 0 !important;
  }

  .hero__banner:before {
    background: var(--hero--bg) no-repeat 100% 50% / cover !important;
    min-height: 350px;
    aspect-ratio: 10 / 4;
    position: unset !important;
  }
  
  .hero__banner_copy {
    width: 100% !important;
    padding-inline: calc(50vw - 350px) !important;
  }

  .hero__banner_copy_btn-wrapper {
    flex-wrap: wrap;
  }

  .who-we-are__wrapper_stats-grid,
  .icon-cards__wrapper_card-grid {
    margin-top: 3rem !important;
    margin-bottom: 1.5rem !important;
  }

  .who-we-are__wrapper_stats-card img,
  .icon-cards__wrapper_card img {
    width: 90px !important;
  }

  .how-we-can-help__wrapper_card-grid {
    margin-top: 3rem !important;
    margin-bottom: 1.5rem !important;
  }

  .how-we-can-help__wrapper_card {
    width: calc((100% / 2) - 13px) !important;
    padding: 25px !important;
  }

  .how-we-can-help__wrapper_card img {
    width: 60px !important;
  }

  .latest-news__wrapper_card-grid .TaggedListPanel,
  .upcoming-events__wrapper_card-grid .QueryTemplateSet,
  body.event-single .iMIS-WebPart:nth-of-type(2),
  .upcoming-training-events__wrapper.training-and-events .QueryTemplateSet,
  #asi_BreadCrumbNav,
  #ste_container_ciSearchresults {
    width: 720px !important;
  }

  .latest-news__view-all-button {
    margin: 0 !important;
  }

  .join-our-community__wrapper {
    flex-direction: column;
  }

  .join-our-community__wrapper > img {
    width: 100% !important;
  }
  
  .join-our-community__wrapper_copy {
    width: 100% !important;
    padding-inline: calc(50vw - 350px) !important;
  }

  .inner-page-hero__banner_copy {
    padding: 0 !important;
  }

  .inner-page-hero__banner_copy:not(:has(> .inner-page-hero__banner_copy-wrapper)) {
    padding-bottom: 0 !important;
  }
  
  .inner-page-hero__banner_copy:not(:has(> .inner-page-hero__banner_copy-wrapper)) .titles {
    margin: 0 !important;
  }

  .inner-page-hero__banner_copy-wrapper {
    margin: 0 !important;
    flex-direction: column;
    gap: 20px !important;
  }

  .inner-page-hero__banner_copy-wrapper img {
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
  }

  .members-section__wrapper_card {
    flex-direction: column;
    gap: 15px !important;
  }

  .members-section__wrapper_card-copy {
    width: 100% !important;
  }

  .resources-section__wrapper_heading {
    margin-bottom: 2rem !important;
  }

  .resources-section__wrapper_group {
    margin-block: 3rem !important;
  }

  .resources-section__wrapper_group_resource-card {
    padding: 20px 30px !important;
    flex-direction: column;
    gap: 5px !important;
  }

  .resources-section__wrapper_group_resource-details {
    width: 100% !important;
    display: flex;
    gap: 15px;
    align-items: center;
  }

  .resources-section__wrapper_group_resource-name {
    width: calc(100% - 50px);
    margin: 0 !important;
  }

  .resources-section__wrapper_group_pdf-size {
    text-align: left !important;
  }

  .volunteers-resources .resources-section__wrapper_heading {
    margin-top: 1rem !important;
  }

  .business-service-resources .resources-section__wrapper_heading {
    margin: 0 !important;
  }

  .business-service-resources .resources-section__wrapper_group .titles {
    margin-top: 3rem !important;
    margin-bottom: 1rem !important;
  }

  .hr-support-resources .resources-section__wrapper_group {
    margin: 0 !important;
  }

  .resources-section__wrapper_group_resource-grid-verticle {
    flex-direction: column !important;
    gap: 30px !important;
  }

  .resources-section__wrapper_group_resource-grid-verticle .resources-section__wrapper_group_resource-card {
    width: 100% !important;
    border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    -ms-border-radius: 15px !important;
    -o-border-radius: 15px !important;
  }

  .members-section__wrapper_heading {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .tips-for-using .faq-section__wrapper_heading {
    margin-top: 1rem;
  }

  .nominations-open-now .resources-to-get__wrapper {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .contact-form__wrapper_heading {
    width: 100% !important;
  }

  .contact-form__wrapper_form-container {
    flex-direction: column;
    gap: 30px !important;
  }

  .contact-form__wrapper_form_collect-data,
  .contact-form__wrapper_form_message-field {
    width: 100% !important;
  }

  .contact-form__wrapper {
    padding: 25px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
  }

  .upcoming-training-events__wrapper.training-and-events .QueryTemplateSet {
    gap: 40px !important;
  }

  .upcoming-training-events__wrapper_grid_card {
    padding: 20px 30px !important;
  }

  body #ste_container_ciSearchresults {
    margin-top: 90px !important;
  }

  .upcoming-training-events__wrapper_grid_card-details {
    width: calc(100% - 190px);
  }

  .upcoming-training-events__wrapper_grid_card-cta {
    width: 170px;
  }

  div.how-we-can-help__wrapper_card-grid.grid-three .how-we-can-help__wrapper_card {
    width: calc((100% / 2) - 10px) !important;
  }

  .footer__wrapper_copyright {
    padding-top: 3rem;
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }

  .footer__wrapper_copyright:before {
    top: 1.5rem;
  }

  .directory__wrapper_result-item {
    aspect-ratio: unset;
    min-height: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .rmRootGroup {
    width: 540px;
  }

  .SimpleSearchBlock {
    width: 515px !important;
    right: -50px !important;
    top: 70px !important;
  }

  .UtilitySection.UtilityNavigationToggle {
    display: none;
  }

  .search-container-sm {
    display: block !important;
  }

  .grid-two > *,
  .grid-three > *,
  .grid-four > * {
    width: 100% !important;
  }

  .hero__banner_copy {
    padding-inline: calc(50vw - 260px) !important;
  }

  .latest-news__wrapper_card-grid .TaggedListPanel,
  .upcoming-events__wrapper_card-grid .QueryTemplateSet,
  body.event-single .iMIS-WebPart:nth-of-type(2),
  .upcoming-training-events__wrapper.training-and-events .QueryTemplateSet,
  #asi_BreadCrumbNav,
  #ste_container_ciSearchresults {
    width: 540px !important;
  }

  .latest-news__wrapper_card {
    flex-direction: column !important;
    gap: 10px !important;
  }

  .latest-news__wrapper_header .titles {
    margin: 0 !important;
  }

  .upcoming-events__wrapper_header .titles {
    margin: 0 !important;
  }

  .latest-news__wrapper_card img {
    width: 100% !important;
  }

  .latest-news__wrapper_card-news {
    width: 100% !important;
    padding: 20px !important;
  }
  
  .join-our-community__wrapper_copy {
    width: 100%;
    padding-inline: calc(50vw - 260px) !important;
  }

  .join-our-community__wrapper_copy {
    padding-block: 30px !important;
    gap: 20px !important;
  }

  .single-article-wrapper__thumbnail-wrapper img {
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
  }

  .inner-page-hero__banner_copy {
    padding: 0 !important;
  }

  .inner-page-hero__banner_copy-wrapper img {
    width: 100% !important;
  }

  .members-section__wrapper_card-copy {
    padding: 20px !important;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
  }

  .members-section__wrapper_card img {
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
  }

  .inner-page-hero__banner_copy-text h3 {
    margin-bottom: 1rem !important;
  }

  .faq-section__wrapper_grid-card {
    padding: 25px !important;
  }

  .about-pacs .titles {
    margin-top: 0 !important;
  }

  .faq-section__wrapper {
    padding-top: 2rem !important;
  }

  .resources-to-get__wrapper_grid-card {
    padding: 25px !important;
  }

  .btn.resources-to-get__wrapper_learn-button {
    font-size: 20px !important;
    padding: 10px !important;
  }

  .membership-benefits {
    padding-block: 2rem !important;
  }

  .upcoming-training-events__wrapper_grid {
    gap: 40px !important;
  }

  .upcoming-training-events__wrapper_btn-group {
    flex-direction: column;
    align-items: center;
    gap: 15px !important;
  }

  .upcoming-training-events__wrapper_grid_card {
    padding: 20px !important;
  }

  .inner-page-hero__contact-us .inner-page-hero__banner_copy_heading {
    margin-top: 0 !important;
  }

  .copy-content__wrapper_table {
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
  }

  .copy-content__wrapper_table th, .copy-content__wrapper_table td {
    padding: 15px 13px !important;
  }

  .resources__wrapper_btn-group {
    gap: 15px;
  }

  .resources__wrapper_btn {
    width: 100%;
  }

  .three-cards-w-title__wrapper_container {
    gap: 2rem !important;
  }

  .three-cards-w-title__wrapper_container_card {
    gap: 1rem;
  }

  .single-image-section__wrapper_button {
    min-width: auto;
    width: 100%;
  }

  .grid-section__wrapper_grid > * {
    width: calc((100% / 2) - 13px) !important;
  }

  div.how-we-can-help__wrapper_card-grid.grid-three .how-we-can-help__wrapper_card {
    width: 100% !important;
  }

  .footer__wrapper_contact-details {
    flex-direction: column;
  }

  .footer__wrapper_contact-details-wrapper {
    width: 100% !important;
  }

  .footer__wrapper_quick-links-wrapper {
    width: 100% !important;
  }

  .footer__wrapper_contact-details-wrapper_heading,
  .footer__wrapper_quick-links-wrapper_heading {
    margin-bottom: 20px;
  }

  .footer__wrapper_privacy-menu {
    justify-content: center;
    gap: 5px;
  }

  .inner-page-hero__banner_copy--with-logo img {
    width: 120px;
  }

  .sponsors__wrapper_content-item {
    padding: 20px;
  }

  .sponsors__wrapper_content-item p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .rmRootGroup {
    width: 100vw;
  }

  .SimpleSearchBlock {
    width: calc(100vw - 24px) !important;
  }

  .hero__banner:before {
    background: var(--hero--bg) no-repeat 90% 50% / cover !important;
  }

  .hero__banner_copy {
    padding-inline: 15px !important;
  }

  .latest-news__wrapper_card-grid .TaggedListPanel,
  .upcoming-events__wrapper_card-grid .QueryTemplateSet,
  body.event-single .iMIS-WebPart:nth-of-type(2),
  .upcoming-training-events__wrapper.training-and-events .QueryTemplateSet,
  #asi_BreadCrumbNav,
  #ste_container_ciSearchresults {
    width: 100% !important;
  }

  .join-our-community__wrapper_copy {
    padding-inline: 15px !important;
  }

  .who-we-are__wrapper_stats-card img, .icon-cards__wrapper_card img {
    width: 70px !important;
  }

  .upcoming-training-events__wrapper_btn {
    width: 100%;
    padding: 15px 25px !important;
  }

  .grid-section__wrapper_grid_card {
    padding: 0;
  }

  .inner-page-hero__banner_copy--with-logo {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .directory__wrapper_result-item {
    min-height: 80px;
  }
}

@media only screen and (max-width: 480px) {
  .upcoming-events__wrapper_card {
    text-align: center !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  .upcoming-events__wrapper_card img {
    width: 120px !important;
    padding: 15px !important;
  }

  .upcoming-events__wrapper_card-news {
    width: 100% !important;
    padding: 25px;
  }

  .SearchField {
    width: 100%;
    flex-direction: column;
    gap: 10px;
  }

  .SearchField .TextButton {
    width: 100% !important;
  }

  .SearchField * {
    margin: 0 !important;
  }

  .upcoming-training-events__wrapper_grid_card {
    flex-direction: column;
    align-items: flex-start;
  }

  .upcoming-training-events__wrapper_grid_card-details {
    width: 100%;
  }
}

@media only screen and (max-width: 425px) {
  .latest-news__wrapper_header {
    flex-direction: column;
    gap: 10px !important;
  }

  .upcoming-events__wrapper_header {
    flex-direction: column;
    gap: 10px !important;
  }
}

@media only screen and (max-width: 380px) {
  .footer__wrapper_contact-details-wrapper {
    text-align: center !important;
  }

  .footer__wrapper_quick-links-wrapper_nav-links li {
    width: 100% !important;
  }

  .footer__wrapper_contact-details-wrapper_social-grid {
    justify-content: center !important;
  }

  .footer__wrapper_quick-links-wrapper {
    text-align: center !important;
  }
}