/* ==========================================================================
   Responsive media Screen Size
   ========================================================================== */

@media (min-width: 320px) and (max-width: 576.98px) {
  .mcc-card-inner {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .multiple-choice-card-section .mcc-card {
    padding-block: 40px;
  }
  .multiple-choice-card-section {
    padding-block: 50px;
  }
  .mcc-number {
    font-size: 60px;
  }
  .mcc-form-header {
    flex-direction: column;
  }
  .mcc-registration-cards,
  .mcc-form-card,
  .mcc-financial-card {
    padding: 20px;
  }
  .pdop_program_container_grid {
    grid-template-columns: 1fr !important;
  }
  .section-pedding-box {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  body.pdop-header-two .pdop_components {
    padding-top: 0;
  }

  .data-section-left-padding-30 {
    padding-left: 0;
  }

  .section-pedding-box.light-cream
    .common-data-secion-box:nth-child(odd)::before,
  .section-pedding-box.light-cream
    .common-data-secion-box:nth-child(even)::after {
    width: 100px;
    height: 200px;
    opacity: 0.3;
  }

  .natural-areas-card {
    padding: 1rem;
    top: 0;
    position: inherit;
    transform: inherit;
  }

  .common-data-secion-box {
    margin-bottom: 50px;
  }

  .data-section-right-padding-30 {
    padding-right: 0;
  }

  .data-section {
    margin-top: 0;
  }

  .pdop_heading_black {
    margin-bottom: 10px;
  }

  .header-two-bg-image {
    height: 200px;
    padding: 20px 0;
  }

  .natural-right-padding-30 {
    padding-right: 0;
  }

  .common-swiper-img {
    margin-bottom: 30px;
  }

  .pdop_links_section {
    padding: 20px 20px;
  }

  .program_note_section {
    padding-inline: 20px;
  }

  .pdop_links_section .content-link {
    display: flex;
  }

  .pdop_links_section .main-heading {
    font-size: 20px;
  }

  .icon-with-img {
    display: flex;
    height: 140px;
  }

  .icon-with-img .icon-box-img {
    width: 70px;
    height: 70px;
  }

  .icon-with-img .imgbox img {
    border-radius: 0 20px 0 0;
  }

  .icon-with-img .iconbox {
    height: auto;
  }

  .pdop_container .swiper-backface-hidden .swiper-slide {
    margin-bottom: 30px;
  }

  /* .section-pedding-box.only-heading-banner {
    padding-top: 50px;
  } */

  .program-guide-grid {
    grid-template-columns: 1fr;
    max-width: 420px;
    margin: 0 auto;
    gap: 60px;
  }
  .only-bullet-point .pdop_current_projects_subtitle ul li {
    width: 100%;
  }
  .pdop_membership_table,
  .pdop_punch_table {
    overflow-x: auto;
    --grid-width: 130px;
  }
  .pdop_punch_table {
    min-width: auto;
  }
  .agenda-schedule-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .agenda-meta-row {
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }
  .agenda-schedule-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .agenda-card {
    padding: 15px 15px;
  }
  .pdop_program_container_grid.pdop_component_sidebar {
    display: flex;
    flex-direction: column-reverse;
  }
  .is_sidebar .section-pedding-box.bg-color {
    padding: 20px;
  }
  .program-dashboard-card .pdop_feature_cards_grid:not([class*="-grid"]) {
    grid-template-columns: repeat(var(--column, 1), 1fr);
    gap: 50px;
  }

  /* Performance Resources Mobile styling */
  .perf-res-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .perf-res-section {
    padding-block: 50px;
  }

  .perf-res-header {
    margin-bottom: 35px;
  }

  .perf-res-header h2.pdop_heading_black {
    font-size: 26px;
  }

  .perf-res-card-item {
    padding: 20px 20px;
    flex-direction: column;
    text-align: center;
  }

  .perf-res-card-inner {
    gap: 15px;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .perf-res-card-heading {
    font-size: 18px;
  }

  .perf-res-library-card {
    padding: 25px 20px;
  }

  .perf-res-library-title {
    font-size: 20px;
  }

  .perf-res-item-title {
    font-size: 16px;
  }

  .perf-res-pill-btn {
    padding: 10px 24px;
    width: 100%;
    justify-content: center;
  }
  .flip-box-grid {
    grid-template-columns: 1fr;
  }
  .flip-box-card {
    height: 300px;
  }
  .common-center-heading-box .common-image {
    gap: 8px;
    flex-wrap: wrap;
  }
  .common-center-heading-box .common-img-box {
    width: 66px;
    height: 66px;
  }
  .welcome-the-park .common-heaing {
    font-size: 25px;
  }
  .common-center-heading-box .common-heaing {
    font-size: 25px;
  }
  .common-center-heading-box .common-description {
    width: 100%;
  }
  .mcc-image-box {
    width: 94% !important;
    height: 369px;
  }
  .mcc-card-heading {
    font-size: 22px;
  }
  .mcc-main-heading {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .mcc-reg-card-heading,
  .mcc-form-heading,
  .mcc-financial-heading {
    font-size: 20px !important;
  }
  .mcc-financial-card {
    padding: 20px;
  }
  .flip-box-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .flip-box-front,
  .flip-box-back {
    padding: 20px;
  }
  .flip-box-heading {
    font-size: 25px;
  }
  .flip-box-section-main {
    padding: 50px 0;
  }
  .mcc-description {
    margin-bottom: 0;
  }
  .mcc-learn-more-link {
    margin-top: 20px;
  }
  .only-video-box .awardsSwiper {
    height: 159px;
    width: 100%;
  }
  .mcc-right {
    justify-content: center;
  }
  .financial-assistance-card .mcc-financial-cards,
  .mcc-form-card,
  .mcc-registration-cards {
    width: 97%;
  }
  .mcc-button-box.mcc-button-right .pdop_btn {
    padding: 3px 3px 3px 15px;
  }
  .mcc-left .pdop-action-buttons-wrapper {
    margin-top: 30px;
  }
  .pdop-top-navigation-bar .pdop_program_top_navigation {
    justify-content: flex-start;
  }
  .pdop-top-navigation-bar .pdop_program_top_navigation_item {
    padding: 10px;
    font-size: 14px;
  }
  .pdop-top-navigation-bar {
    top: 63px;
  }
  .folder-tag-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .happy-employee-stories .employee-story-card {
    width: 100%;
    flex-direction: column;
    gap: 40px;
  }
  .bg-stories-card {
    padding: 20px;
  }
  .happy-employee-stories .story-content-wrap {
    padding: 20px;
    flex-direction: column;
    width: 100%;
  }
  .happy-employee-stories .story-image-wrap {
    width: 100%;
  }
  .happy-employee-stories .quote-icon {
    margin-bottom: 0;
  }
  .happy-employee-stories .story-quote-heading {
    font-size: 20px;
  }
  .happy-employee-stories .center-heading-wrapper {
    margin-bottom: 30px;
  }
  .did-you-know-section.without-img .did-you-know-wrapper {
    padding: 20px;
  }
  .did-you-know-section.without-img .did-you-know-desc {
    width: 100%;
  }
  .did-you-know-section.with-img .did-you-know-wrapper {
    padding: 20px;
    flex-direction: column;
    gap: 30px;
  }
  .did-you-know-desc {
    width: 100%;
  }
  .did-you-know-image.left-image {
    left: 0;
  }
  .did-you-know-image.right-image {
    right: 0;
  }

  .did-you-know-image {
    position: inherit;
    top: 0;
    transform: inherit;
  }
  .pdop_feature_cards_grid.two-grid,
  .program-dashboard-card .pdop_feature_cards_grid.two-grid,
  .pdop_feature_cards_grid.three-grid,
  .program-dashboard-card .pdop_feature_cards_grid.three-grid,
  .pdop_feature_cards_grid.four-grid,
  .program-dashboard-card .pdop_feature_cards_grid.four-grid,
  .pdop_feature_cards_grid.five-grid,
  .program-dashboard-card .pdop_feature_cards_grid.five-grid,
  .pdop_feature_cards_grid.six-grid,
  .program-dashboard-card .pdop_feature_cards_grid.six-grid {
    grid-template-columns: 1fr !important;
  }
  .plan-main-page .pdop_feature_card_title {
    font-size: 20px;
  }
  .slider-wrapper-top .swiper-horizontal > .swiper-pagination-bullets,
  .slider-wrapper-top .swiper-pagination-bullets.swiper-pagination-horizontal,
  .slider-wrapper-top .swiper-pagination-custom,
  .slider-wrapper-top .swiper-pagination-fraction {
    bottom: 41px;
  }
  .slider-wrapper-top
    .awardsSwiper
    :is(.swiper-button-prev svg, .swiper-button-next svg) {
    width: 25px;
  }
  .perf-res-cards-list-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .perf-res-card-inner {
    gap: 15px;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .perf-res-card-heading {
    font-size: 18px;
  }

  .perf-res-library-card {
    padding: 25px 20px;
  }

  .perf-res-library-title {
    font-size: 20px;
  }

  .perf-res-item-title {
    font-size: 16px;
  }

  .perf-res-pill-btn {
    padding: 10px 24px;
    width: 100%;
    justify-content: center;
  }
  .flip-box-grid {
    grid-template-columns: 1fr;
  }
  .flip-box-card {
    height: 300px;
  }
  .common-center-heading-box .common-image {
    gap: 8px;
    flex-wrap: wrap;
  }
  .common-center-heading-box .common-img-box {
    width: 66px;
    height: 66px;
  }
  .welcome-the-park .common-heaing {
    font-size: 25px;
  }
  .common-center-heading-box .common-heaing {
    font-size: 25px;
  }
  .common-center-heading-box .common-description {
    width: 100%;
  }
  .mcc-image-box {
    width: 94% !important;
    height: 369px;
  }
  .mcc-card-heading {
    font-size: 22px;
  }
  .mcc-main-heading {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .mcc-reg-card-heading,
  .mcc-form-heading,
  .mcc-financial-heading {
    font-size: 20px !important;
  }
  .mcc-financial-card {
    padding: 20px;
  }
  .flip-box-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .flip-box-front,
  .flip-box-back {
    padding: 20px;
  }
  .flip-box-heading {
    font-size: 25px;
  }
  .flip-box-section-main {
    padding: 50px 0;
  }
  .mcc-description {
    margin-bottom: 0;
  }
  .mcc-learn-more-link {
    margin-top: 20px;
  }
  .only-video-box .awardsSwiper {
    height: 159px;
    width: 100%;
  }
  .mcc-right {
    justify-content: center;
  }
  .financial-assistance-card .mcc-financial-cards,
  .mcc-form-card,
  .mcc-registration-cards {
    width: 97%;
  }
  .mcc-button-box.mcc-button-right .pdop_btn {
    padding: 3px 3px 3px 15px;
  }
  .mcc-left .pdop-action-buttons-wrapper {
    margin-top: 30px;
  }
  .pdop-top-navigation-bar .pdop_program_top_navigation {
    justify-content: flex-start;
  }
  .pdop-top-navigation-bar .pdop_program_top_navigation_item {
    padding: 10px;
    font-size: 14px;
  }
  .pdop-top-navigation-bar {
    top: 63px;
  }
  .folder-tag-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .happy-employee-stories .employee-story-card {
    width: 100%;
    flex-direction: column;
    gap: 40px;
  }
  .bg-stories-card {
    padding: 20px;
  }
  .happy-employee-stories .story-content-wrap {
    padding: 20px;
    flex-direction: column;
    width: 100%;
  }
  .happy-employee-stories .story-image-wrap {
    width: 100%;
  }
  .happy-employee-stories .quote-icon {
    margin-bottom: 0;
  }
  .happy-employee-stories .story-quote-heading {
    font-size: 20px;
  }
  .happy-employee-stories .center-heading-wrapper {
    margin-bottom: 30px;
  }
  .did-you-know-section.without-img .did-you-know-wrapper {
    padding: 20px;
  }
  .did-you-know-section.without-img .did-you-know-desc {
    width: 100%;
  }
  .did-you-know-section.with-img .did-you-know-wrapper {
    padding: 20px;
    flex-direction: column;
    gap: 30px;
  }
  .did-you-know-desc {
    width: 100%;
  }
  .did-you-know-image.left-image {
    left: 0;
  }
  .did-you-know-image.right-image {
    right: 0;
  }

  .did-you-know-image {
    position: inherit;
    top: 0;
    transform: inherit;
  }
  .pdop_feature_cards_grid.two-grid,
  .program-dashboard-card .pdop_feature_cards_grid.two-grid,
  .pdop_feature_cards_grid.three-grid,
  .program-dashboard-card .pdop_feature_cards_grid.three-grid,
  .pdop_feature_cards_grid.four-grid,
  .program-dashboard-card .pdop_feature_cards_grid.four-grid,
  .pdop_feature_cards_grid.five-grid,
  .program-dashboard-card .pdop_feature_cards_grid.five-grid,
  .pdop_feature_cards_grid.six-grid,
  .program-dashboard-card .pdop_feature_cards_grid.six-grid {
    grid-template-columns: 1fr !important;
  }
  .plan-main-page .pdop_feature_card_title {
    font-size: 20px;
  }
  .slider-wrapper-top .swiper-horizontal > .swiper-pagination-bullets,
  .slider-wrapper-top .swiper-pagination-bullets.swiper-pagination-horizontal,
  .slider-wrapper-top .swiper-pagination-custom,
  .slider-wrapper-top .swiper-pagination-fraction {
    bottom: 41px;
  }
  .slider-wrapper-top
    .awardsSwiper
    :is(.swiper-button-prev svg, .swiper-button-next svg) {
    width: 25px;
  }
  .perf-res-cards-list-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .feature-grid-wrap.pdop-program-section-wrap {
    padding-bottom: 50px !important;
  }
  .testimonials-section .data-section {
    width: 100%;
  }

  /* Registration Page */
  .starting-cards-grid,
  .starting-cards-grid[class*="grid-count-"] {
    grid-template-columns: 1fr;
    gap: 50px;
    margin-top: 24px;
  }
  .starting-card {
    padding: 20px 18px;
  }
  .starting-card .card-main-title {
    font-size: 18px;
  }
  .starting-card .card-sub-title {
    font-size: 16px;
  }
  .starting-card-buttons .starting-btn {
    font-size: 14px;
  }

  .ros-main-heading {
    font-size: 22px;
    margin-bottom: 30px;
  }
  .ros-steps-row {
    flex-wrap: wrap;
    gap: 28px;
    justify-content: center;
  }
  .ros-step-item {
    flex: 0 0 100%;
    padding: 0;
  }
  .ros-step-number-wrap {
    justify-content: center;
  }
  .ros-step-connector {
    display: none;
  }
  /* .ros-step-circle {
    width: 58px;
    height: 58px;
    min-width: 58px;
    font-size: 24px;
  } */
  .ros-step-heading {
    font-size: 15px;
  }
  .ros-seasonal-heading {
    font-size: 16px;
  }
  .ros-card-bottom-row {
    grid-template-columns: 1fr;
    gap: 50;
  }
  .ros-right-content {
    flex-direction: column;
  }
  .ros-map-area {
    flex: none;
    width: 100%;
  }
  .registration-section-wrapper {
    padding: 50px 0;
  }
  .starting-card-buttons .btn-icon {
    width: 30px;
    height: 30px;
  }
  .ros-info-card {
    padding: 20px;
  }
  .ros-bottom-col {
    border-right: 0;
    padding-right: 0;
  }
  .card-with-background {
    padding: 20px;
    margin-bottom: 50px;
  }
  .amilia-main-heading {
    font-size: 25px;
  }
  .amilia-step-card {
    padding: 20px;
  }
  .step-heading {
    font-size: 18px;
  }
  .step-description p {
    font-size: 16px;
  }
  .download-amilia-app-section {
    padding: 0 0;
  }
  .daa-card-wrapper {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 20px;
  }
  .daa-main-heading {
    font-size: 25px;
  }
  .step-description p {
    font-size: 16px;
  }
  .daa-image-wrapper {
    position: inherit;
    bottom: 0;
    right: 0;
    width: 100%;
  }
  .daa-app-links {
    flex-direction: column;
  }
  .mcc-layout-new-grid .mcc-cards-main-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .mcc-layout-new-grid.multiple-choice-card-section .mcc-card {
    padding-block: 0;
  }
  .mcc-layout-new-grid .mcc-image-box {
    height: auto;
  }
  .pdop_feature_card_item.gridrow {
    flex-direction: column;
  }
  .gridrow .pdop_feature_card_image_wrapper {
    width: 100%;
  }
  .contentSliderGroup {
    width: 100%;
    margin: 0 auto;
  }
  .content-slider-inner {
    margin: 20px 5px;
  }
  .content-slider-inner h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .contentSliderGroup .swiper-button-prev {
    left: 6px;
  }
  .contentSliderGroup .swiper-button-next {
    right: 6px;
  }
  .happy-employee-stories .story-author {
    font-size: 20px;
  }
  .only-video-added-center {
    width: 100%;
  }
  .has-repeater-data .pdop_feature_card_title {
    font-size: 20px;
  }
  .pdop_feature_cards_grid {
    gap: 20px;
  }
  .tlfc-entry-body {
    gap: 0 5px;
  }
  .tlfc-cards-col .pdop_feature_card_content {
    padding: 0 0;
  }
  .tlfc-entry-body {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (min-width: 577px) and (max-width: 767.98px) {
  .mcc-card-inner {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .multiple-choice-card-section .mcc-card {
    padding-block: 40px;
  }
  .multiple-choice-card-section {
    padding-block: 50px;
  }
  .mcc-number {
    font-size: 60px;
  }
  .mcc-form-header {
    flex-direction: column;
  }
  .mcc-registration-cards,
  .mcc-form-card,
  .mcc-financial-card {
    padding: 20px;
  }
  .pdop_program_container_grid {
    grid-template-columns: 1fr !important;
  }
  body.pdop-header-two .pdop_components {
    padding-top: 0;
  }

  .data-section-left-padding-30 {
    padding-left: 0;
  }

  .section-pedding-box.light-cream
    .common-data-secion-box:nth-child(odd)::before,
  .section-pedding-box.light-cream
    .common-data-secion-box:nth-child(even)::after {
    width: 100px;
    height: 200px;
    opacity: 0.3;
  }

  .natural-areas-card {
    padding: 1rem;
    top: 0;
    position: inherit;
    transform: inherit;
  }

  .common-data-secion-box {
    margin-bottom: 50px;
  }

  .data-section-right-padding-30 {
    padding-right: 0;
  }

  .data-section {
    margin-top: 0;
  }

  .pdop_heading_black {
    margin-bottom: 10px;
  }

  .header-two-bg-image {
    height: 200px;
    padding: 20px 0;
  }

  .natural-right-padding-30 {
    padding-right: 0;
  }

  .common-swiper-img {
    margin-bottom: 30px;
  }

  .icon-with-img {
    display: flex;
    height: 180px;
  }

  .icon-with-img .icon-box-img {
    width: 70px;
    height: 70px;
  }

  .icon-with-img .imgbox img {
    border-radius: 0 20px 0 0;
  }

  .icon-box-img {
    width: 90px;
    height: 90px;
  }

  .icon-with-img .iconbox {
    height: auto;
  }

  .pdop_container .swiper-backface-hidden .swiper-slide {
    margin-bottom: 30px;
  }

  /* .section-pedding-box.only-heading-banner {
    padding-top: 50px;
  } */

  .program-guide-grid {
    grid-template-columns: 2fr;
    gap: 60px;
  }
  .only-bullet-point .pdop_current_projects_subtitle ul li {
    width: 48%;
  }
  .section-pedding-box {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .pdop_membership_table,
  .pdop_punch_table {
    overflow-x: auto;
    --grid-width: 130px;
  }
  .pdop_punch_table {
    min-width: auto;
  }
  .agenda-schedule-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
  .agenda-schedule-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .agenda-card {
    padding: 15px 15px;
  }
  .pdop_program_container_grid.pdop_component_sidebar {
    display: flex;
    flex-direction: column-reverse;
  }
  .program-dashboard-card .pdop_feature_cards_grid:not([class*="-grid"]) {
    grid-template-columns: repeat(var(--column, 2), 1fr);
    gap: 50px;
  }

  /* Performance Resources tablet styling */
  .perf-res-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .perf-res-section {
    padding-block: 60px;
  }
  .perf-res-header h2.pdop_heading_black {
    font-size: 35px;
  }
  .perf-res-card-text-wrap {
    flex: 1;
  }
  .flip-box-grid {
    grid-template-columns: 1fr;
  }
  .welcome-the-park .common-heaing {
    font-size: 25px;
  }
  .common-center-heading-box .common-heaing {
    font-size: 25px;
  }
  .common-center-heading-box .common-description {
    width: 100%;
  }
  .mcc-image-box {
    width: 94% !important;
    height: 369px;
  }
  .mcc-card-heading {
    font-size: 22px;
  }
  .mcc-main-heading {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .mcc-reg-card-heading,
  .mcc-form-heading,
  .mcc-financial-heading {
    font-size: 20px !important;
  }
  .mcc-financial-card {
    padding: 20px;
  }
  .flip-box-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .flip-box-front,
  .flip-box-back {
    padding: 20px;
  }
  .flip-box-heading {
    font-size: 25px;
  }
  .flip-box-section-main {
    padding: 50px 0;
  }
  .mcc-description {
    margin-bottom: 0;
  }
  .mcc-learn-more-link {
    margin-top: 20px;
  }
  .only-video-box .awardsSwiper {
    height: 159px;
    width: 100%;
  }
  .mcc-right {
    justify-content: center;
  }
  .financial-assistance-card .mcc-financial-cards,
  .mcc-form-card,
  .mcc-registration-cards {
    width: 97%;
  }
  .mcc-button-box.mcc-button-right .pdop_btn {
    padding: 3px 3px 3px 15px;
  }
  .mcc-left .pdop-action-buttons-wrapper {
    margin-top: 30px;
  }
  .flip-box-card {
    height: 300px;
  }
  .pdop-top-navigation-bar {
    top: 63px;
  }
  .pdop-top-navigation-bar .pdop_program_top_navigation {
    justify-content: flex-start;
  }
  .folder-tag-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .happy-employee-stories .employee-story-card {
    width: 100%;
    flex-direction: column;
    gap: 40px;
  }
  .bg-stories-card {
    padding: 20px;
  }
  .happy-employee-stories .story-content-wrap {
    padding: 20px;
    flex-direction: column;
    width: 100%;
  }
  .happy-employee-stories .story-image-wrap {
    width: 100%;
  }
  .happy-employee-stories .quote-icon {
    margin-bottom: 0;
  }
  .happy-employee-stories .story-quote-heading {
    font-size: 20px;
  }
  .happy-employee-stories .center-heading-wrapper {
    margin-bottom: 30px;
  }
  .did-you-know-section.without-img .did-you-know-wrapper {
    padding: 20px;
  }
  .did-you-know-section.without-img .did-you-know-desc {
    width: 100%;
  }
  .did-you-know-section.with-img .did-you-know-wrapper {
    padding: 20px;
    flex-direction: column;
    gap: 30px;
  }
  .did-you-know-desc {
    width: 100%;
  }
  .did-you-know-image.left-image {
    left: 0;
  }
  .did-you-know-image.right-image {
    right: 0;
  }

  .did-you-know-image {
    position: inherit;
    top: 0;
    transform: inherit;
  }
  .pdop_feature_cards_grid.two-grid,
  .program-dashboard-card .pdop_feature_cards_grid.two-grid,
  .pdop_feature_cards_grid.three-grid,
  .program-dashboard-card .pdop_feature_cards_grid.three-grid,
  .pdop_feature_cards_grid.four-grid,
  .program-dashboard-card .pdop_feature_cards_grid.four-grid,
  .pdop_feature_cards_grid.five-grid,
  .program-dashboard-card .pdop_feature_cards_grid.five-grid,
  .pdop_feature_cards_grid.six-grid,
  .program-dashboard-card .pdop_feature_cards_grid.six-grid {
    grid-template-columns: 1fr !important;
  }
  .pdop_feature_cards_grid.three-grid,
  .program-dashboard-card .pdop_feature_cards_grid.three-grid,
  .pdop_feature_cards_grid.four-grid,
  .program-dashboard-card .pdop_feature_cards_grid.four-grid,
  .pdop_feature_cards_grid.five-grid,
  .program-dashboard-card .pdop_feature_cards_grid.five-grid,
  .pdop_feature_cards_grid.six-grid,
  .program-dashboard-card .pdop_feature_cards_grid.six-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .plan-main-page .pdop_feature_card_title {
    font-size: 20px;
    text-align: center;
  }
  .slider-wrapper-top .swiper-horizontal > .swiper-pagination-bullets,
  .slider-wrapper-top .swiper-pagination-bullets.swiper-pagination-horizontal,
  .slider-wrapper-top .swiper-pagination-custom,
  .slider-wrapper-top .swiper-pagination-fraction {
    bottom: 41px;
  }
  .slider-wrapper-top
    .awardsSwiper
    :is(.swiper-button-prev svg, .swiper-button-next svg) {
    width: 25px;
  }
  .perf-res-cards-list-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .feature-grid-wrap.pdop-program-section-wrap {
    padding-bottom: 50px !important;
  }
  .testimonials-section .data-section {
    width: 100%;
  }

  /* Registration Page */
  .starting-cards-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 24px;
  }
  .starting-card {
    padding: 22px 20px;
  }
  .starting-card .card-main-title {
    font-size: 19px;
  }

  /* Registration Page */
  .starting-cards-grid {
    grid-template-columns: 1fr;
    gap: 50px;
    margin-top: 24px;
  }
  .starting-cards-grid.grid-count-1,
  .starting-cards-grid.grid-count-2,
  .starting-cards-grid.grid-count-3 {
    grid-template-columns: 1fr;
  }

  .starting-card {
    padding: 30px;
  }
  .starting-card .card-main-title {
    font-size: 19px;
  }
  /* Register Online Steps */
  /* .register-online-step-section {
    padding: 50px 0 0;
  } */
  .ros-main-heading {
    font-size: 24px;
    margin-bottom: 34px;
  }
  .ros-steps-row {
    flex-wrap: wrap;
    gap: 28px;
    justify-content: center;
  }
  .ros-step-item {
    flex: 0 0 46%;
    padding: 0 6px;
  }
  .ros-step-connector {
    display: none;
  }

  .ros-card-bottom-row {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .ros-right-content {
    flex-direction: column;
    align-items: inherit;
  }
  .ros-map-area {
    /* flex: 0; */
    width: 100%;
    height: 230px;
  }
  .daa-card-wrapper {
    grid-template-columns: 1fr;
    padding-bottom: 50px;
    padding: 30px;
  }
  .ros-bottom-col {
    border-right: 0;
    padding-right: 0;
  }
  .registration-section-wrapper {
    padding: 50px 0;
  }
  .card-with-background {
    padding: 30px;
    margin-bottom: 50px;
  }
  .ros-info-card {
    padding: 30px;
  }
  .amilia-main-heading {
    font-size: 25px;
  }
  .download-amilia-app-section {
    padding: 0 0;
  }
  .step-description p {
    font-size: 16px;
  }
  .daa-image-wrapper {
    position: inherit;
    bottom: 0;
    right: 0;
    width: 300px;
  }
  .mcc-layout-new-grid .mcc-card {
    padding-block: 0;
  }
  .mcc-layout-new-grid .mcc-cards-main-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .mcc-layout-new-grid .mcc-image-box {
    height: auto;
  }
  .schedule-box-content {
    width: auto !important;
    flex-wrap: wrap;
  }
  .pdop_feature_card_item.gridrow {
    flex-direction: column;
  }
  .gridrow .pdop_feature_card_image_wrapper {
    width: 100%;
  }
  .contentSliderGroup {
    width: 100%;
    margin: 0 auto;
  }

  .pdop_feature_cards_grid.has-repeater-grid
    .pdop_feature_card_item:has(.pdop_repeater_list),
  .program-dashboard-card
    .pdop_feature_cards_grid.pdop_feature_cards_grid[class*="-grid"] {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .mcc-card-inner {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .mcc-number {
    font-size: 80px;
  }
  .multiple-choice-card-section .mcc-card {
    padding-block: 40px;
  }
  .pdop_program_container_grid {
    grid-template-columns: 1fr !important;
  }
  .section-pedding-box.light-cream
    .common-data-secion-box:nth-child(odd)::before,
  .section-pedding-box.light-cream
    .common-data-secion-box:nth-child(even)::after {
    width: 150px;
    height: 280px;
    opacity: 0.6;
  }

  body.pdop-header-two .pdop_components {
    padding-top: 0;
  }

  .section-pedding-box {
    padding-bottom: 50px;
    padding-top: 50px;
  }

  .natural-areas-card {
    padding: 1rem;
    top: 0;
    position: inherit;
    transform: inherit;
  }

  .header-two-bg-image {
    height: 200px;
    padding: 20px 0;
  }

  .data-section {
    margin-top: 0;
  }

  .common-data-secion-box {
    margin-bottom: 50px;
  }

  .data-section-left-padding-30 {
    padding-left: 0;
  }

  .data-section-right-padding-30 {
    padding-right: 0;
  }

  .pdop_heading_black {
    margin-bottom: 10px;
  }

  .common-swiper-img {
    margin-bottom: 30px;
  }

  .icon-with-img .iconbox {
    height: 180px;
  }

  .icon-box-img {
    width: 90px;
    height: 90px;
  }
  .pdop_container .swiper-backface-hidden .swiper-slide {
    margin-bottom: 30px;
  }

  /* .section-pedding-box.only-heading-banner {
    padding-top: 50px;
  } */
  .program-guide-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
  }

  .program-guide-title {
    font-size: 19px;
  }
  .only-bullet-point .pdop_current_projects_subtitle ul li {
    width: 43%;
  }
  .agenda-schedule-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
  .agenda-schedule-grid {
    grid-template-columns: 1fr;
  }
  .pdop_program_container_grid.pdop_component_sidebar {
    display: flex;
    flex-direction: column-reverse;
  }
  .program-dashboard-card .pdop_feature_cards_grid:not([class*="-grid"]) {
    grid-template-columns: repeat(var(--column, 2), 1fr);
    gap: 50px;
  }

  /* Performance Resources tablet styling */
  .perf-res-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .perf-res-section {
    padding-block: 60px;
  }
  .flip-box-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .flip-box-section-main {
    padding: 50px 0;
  }
  .multiple-choice-card-section {
    padding-block: 50px;
    margin-bottom: 30px;
  }
  .mcc-main-heading {
    font-size: 35px;
  }
  .flip-box-front,
  .flip-box-back {
    padding: 20px;
  }
  .flip-box-heading {
    font-size: 25px;
  }
  .pdop-top-navigation-bar {
    top: 63px;
  }
  .pdop-top-navigation-bar .pdop_program_top_navigation {
    justify-content: flex-start;
  }
  .folder-tag-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .happy-employee-stories .employee-story-card {
    width: 100%;
    flex-direction: column;
    gap: 40px;
  }
  .bg-stories-card {
    padding: 20px;
  }
  .happy-employee-stories .story-content-wrap {
    padding: 20px;
    flex-direction: column;
    width: 100%;
  }
  .happy-employee-stories .story-image-wrap {
    width: 100%;
  }
  .happy-employee-stories .quote-icon {
    margin-bottom: 0;
  }
  .happy-employee-stories .story-quote-heading {
    font-size: 20px;
  }
  .happy-employee-stories .center-heading-wrapper {
    margin-bottom: 30px;
  }
  .did-you-know-section.without-img .did-you-know-wrapper {
    padding: 20px;
  }
  .did-you-know-section.without-img .did-you-know-desc {
    width: 100%;
  }
  .did-you-know-section.with-img .did-you-know-wrapper {
    padding: 20px;
    flex-direction: column;
    gap: 30px;
  }
  .did-you-know-desc {
    width: 100%;
  }
  .did-you-know-image.left-image {
    left: 0;
  }
  .did-you-know-image.right-image {
    right: 0;
  }

  .did-you-know-image {
    position: inherit;
    top: 0;
    transform: inherit;
  }
  .plan-main-page .pdop_feature_card_title {
    font-size: 20px;
  }
  .plan-main-page .pdop_feature_card_item {
    padding: 20px;
  }
  .pdop_feature_cards_grid,
  .program-dashboard-card .pdop_feature_cards_grid[class*="-grid"] {
    gap: 30px;
  }
  .pdop_feature_cards_grid.three-grid,
  .program-dashboard-card .pdop_feature_cards_grid.three-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .slider-wrapper-top .swiper-horizontal > .swiper-pagination-bullets,
  .slider-wrapper-top .swiper-pagination-bullets.swiper-pagination-horizontal,
  .slider-wrapper-top .swiper-pagination-custom,
  .slider-wrapper-top .swiper-pagination-fraction {
    bottom: 41px;
  }
  .perf-res-cards-list-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .common-center-heading-box .common-description {
    width: 100%;
  }
  .pdop_feature_cards_grid.four-grid,
  .program-dashboard-card .pdop_feature_cards_grid.four-grid,
  .pdop_feature_cards_grid.five-grid,
  .program-dashboard-card .pdop_feature_cards_grid.five-grid,
  .pdop_feature_cards_grid.six-grid,
  .program-dashboard-card .pdop_feature_cards_grid.six-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .testimonials-section .data-section {
    width: 100%;
  }

  /* Registration Page */
  .starting-cards-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 24px;
  }
  .starting-card {
    padding: 22px 20px;
  }
  .starting-card .card-main-title {
    font-size: 19px;
  }

  /* Registration Page */
  .starting-cards-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    margin-top: 24px;
  }
  .starting-cards-grid.grid-count-3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .starting-card {
    padding: 20px;
  }
  .starting-card .card-main-title {
    font-size: 19px;
  }
  /* Register Online Steps */
  /* .register-online-step-section {
    padding: 50px 0 0;
  } */
  .ros-main-heading {
    font-size: 24px;
    margin-bottom: 34px;
  }
  .ros-steps-row {
    flex-wrap: wrap;
    gap: 28px;
    justify-content: center;
  }
  .ros-step-item {
    flex: 0 0 46%;
    padding: 0 6px;
  }
  .ros-step-connector {
    display: none;
  }

  .ros-card-bottom-row {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
  }
  .ros-right-content {
    flex-direction: column;
    align-items: inherit;
  }
  .ros-map-area {
    /* flex: 0; */
    width: 100%;
    height: 230px;
  }
  .daa-card-wrapper {
    grid-template-columns: repeat(1, 1fr);
    padding-bottom: 50px;
    padding: 30px;
  }
  .ros-bottom-col {
    border-right: 0;
    padding-right: 0;
  }
  .registration-section-wrapper {
    padding: 50px 0;
  }
  .card-with-background {
    padding: 30px;
    margin-bottom: 50px;
  }
  .ros-info-card {
    padding: 30px;
  }
  .amilia-main-heading {
    font-size: 25px;
  }
  .download-amilia-app-section {
    padding: 0 0;
  }
  .step-description p {
    font-size: 16px;
  }
  .daa-image-wrapper {
    position: inherit;
    bottom: 0;
    right: 0;
    width: 300px;
  }
  .mcc-layout-new-grid .mcc-card {
    padding-block: 0;
  }
  .mcc-layout-new-grid .mcc-cards-main-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .mcc-layout-new-grid .mcc-image-box {
    height: auto;
  }
  .mcc-layout-new-grid {
    margin-bottom: 50px;
  }
  .mcc-layout-new-grid .mcc-image-box {
    height: auto;
  }
  .schedule-box-content {
    width: auto !important;
    flex-wrap: wrap;
  }
  .pdop_feature_card_item.gridrow {
    flex-direction: row;
  }
  .gridrow-wrapper.pdop_feature_cards_grid.two-grid,
  .program-dashboard-card .gridrow-wrapper.pdop_feature_cards_grid.two-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .contentSliderGroup {
    width: 100%;
    margin: 0 auto;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .pdop_program_container_grid {
    grid-template-columns: 210px 1fr;
  }
  /* .natural-areas-card {
    top: 130px;
} */
  .data-section-left-padding-30 {
    padding-left: 0;
  }

  .data-section-right-padding-30 {
    padding-right: 0;
  }

  .section-pedding-box.light-cream
    .common-data-secion-box:nth-child(odd)::before,
  .section-pedding-box.light-cream
    .common-data-secion-box:nth-child(even)::after {
    width: 120px;
    height: 250px;
    opacity: 0.6;
  }

  /* .natural-areas-card {

        top: 130px;
    } */
  .card-up-down {
    bottom: -30%;
  }

  .natural-right-padding-30 {
    padding-right: 0;
  }

  .only-heading-banner-card.header-two-bg-image {
    height: 250px;
  }

  .only-heading-banner-card .card-up-down {
    bottom: -54%;
  }

  /* .section-pedding-box.only-heading-banner {
    padding-top: 150px;
  } */
  .program-guide-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
  }

  .program-guide-title {
    font-size: 19px;
  }
  .only-bullet-point .pdop_current_projects_subtitle ul li {
    width: 32%;
  }

  .pdop_program_container_grid.pdop_component_sidebar {
    display: flex;
    flex-direction: row;
  }
  .pdop_contact_sidebar_card_body :is(p, a) {
    gap: 9px;
  }
  .program-dashboard-card .pdop_feature_cards_grid:not([class*="-grid"]) {
    grid-template-columns: repeat(var(--column, 4), 1fr);
    gap: 50px;
  }
  .perf-res-grid {
    gap: 40px;
  }
  .perf-res-cards-list {
    gap: 30px;
  }
  .perf-res-card-item {
    gap: 20px;
    flex-direction: column;
    align-items: flex-end;
  }
  .perf-res-card-inner {
    gap: 20px;
    width: 100%;
  }
  .perf-res-library-card {
    padding: 20px;
  }
  .flip-box-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .flip-box-front,
  .flip-box-back {
    padding: 30px;
  }
  .flip-box-heading {
    font-size: 30px;
  }
  .flip-box-back {
    padding: 30px 30px;
  }
  .mcc-main-heading,
  .welcome-the-park .common-heaing {
    font-size: 40px;
  }
  .common-center-heading-box .common-description {
    width: 100%;
  }
  .only-video-box .awardsSwiper {
    height: 490px;
    width: 100%;
    margin: 0 auto;
  }
  .mcc-registration-cards,
  .mcc-form-card,
  .mcc-financial-card {
    padding: 30px;
  }
  .mcc-card-heading {
    font-size: 25px;
  }
  .pdop-top-navigation-bar {
    top: 63px;
  }
  .pdop-top-navigation-bar .pdop_program_top_navigation {
    justify-content: flex-start;
  }
  .did-you-know-section.without-img .did-you-know-wrapper {
    padding: 40px 40px;
  }
  .did-you-know-image.left-image {
    left: 20px;
  }
  .did-you-know-image.right-image {
    right: 20px;
  }
  .happy-employee-stories .story-quote-heading {
    font-size: 18px;
  }
  .happy-employee-stories .employee-story-card {
    width: 100%;
  }
  .folder-tag-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .plan-main-page .pdop_feature_card_item {
    padding: 20px;
  }
  .pdop_feature_cards_grid,
  .program-dashboard-card .pdop_feature_cards_grid[class*="-grid"] {
    gap: 30px;
  }
  .pdop_program_content.is_sidebar .pdop_feature_cards_grid.four-grid,
  .pdop_program_content.is_sidebar
    .program-dashboard-card
    .pdop_feature_cards_grid.four-grid,
  .pdop_program_content.is_sidebar .pdop_feature_cards_grid.five-grid,
  .pdop_program_content.is_sidebar
    .program-dashboard-card
    .pdop_feature_cards_grid.five-grid,
  .pdop_program_content.is_sidebar .pdop_feature_cards_grid.six-grid,
  .pdop_program_content.is_sidebar
    .program-dashboard-card
    .pdop_feature_cards_grid.six-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .section-pedding-box {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .header-two-bg-image {
    height: 250px;
  }
  .testimonials-section .data-section {
    width: 85%;
  }

  /* Registration Page */
  .starting-cards-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 24px;
  }
  .starting-card {
    padding: 22px 20px;
  }
  .starting-card .card-main-title {
    font-size: 19px;
  }

  /* Registration Page */
  .starting-cards-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    margin-top: 24px;
  }
  .starting-cards-grid.grid-count-3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .starting-card {
    padding: 20px;
  }
  .starting-card .card-main-title {
    font-size: 19px;
  }
  /* Register Online Steps */
  /* .register-online-step-section {
    padding: 50px 0 0;
  } */
  .ros-main-heading {
    font-size: 24px;
    margin-bottom: 34px;
  }
  .ros-steps-row {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }
  .ros-step-item {
    flex: 0 0 23%;
    padding: 0 0;
  }
  .ros-step-connector {
    display: block;
    width: 96%;
  }

  .ros-card-bottom-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
  }
  .ros-right-content {
    flex-direction: column;
    align-items: inherit;
  }
  .ros-map-area {
    /* flex: 0; */
    width: 100%;
    height: 230px;
  }
  .daa-card-wrapper {
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 50px;
    padding: 30px;
    margin-bottom: 140px;
  }
  .ros-bottom-col {
    border-right: 0;
    padding-right: 0;
  }
  .registration-section-wrapper {
    padding: 50px 0;
  }
  .card-with-background {
    padding: 30px;
    margin-bottom: 50px;
  }
  .ros-info-card {
    padding: 30px;
  }
  .amilia-main-heading {
    font-size: 25px;
  }
  .download-amilia-app-section {
    padding: 0 0;
  }
  .step-description p {
    font-size: 16px;
  }
  .amilia-account-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
  }
  .daa-image-wrapper {
    bottom: -107px;
    right: auto;
    width: 160px;
  }
  .pdop_feature_card_item.gridrow {
    flex-direction: row;
  }
  .gridrow-wrapper.pdop_feature_cards_grid.two-grid,
  .program-dashboard-card .gridrow-wrapper.pdop_feature_cards_grid.two-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .has-repeater-data .pdop_feature_card_title {
    font-size: 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1299.98px) {
  .pdop_program_container_grid {
    grid-template-columns: 270px 1fr;
  }
  .data-section-left-padding-30 {
    padding-left: 0;
  }

  .data-section-right-padding-30 {
    padding-right: 0;
  }

  .section-pedding-box.light-cream
    .common-data-secion-box:nth-child(odd)::before,
  .section-pedding-box.light-cream
    .common-data-secion-box:nth-child(even)::after {
    width: 120px;
    height: 250px;
    opacity: 0.6;
  }

  .card-up-down {
    bottom: -39%;
  }
  .program-guide-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
  }
  .program-guide-title {
    font-size: 20px;
  }
  .only-bullet-point .pdop_current_projects_subtitle ul li {
    width: 32%;
  }
  .program-dashboard-card .pdop_feature_cards_grid:not([class*="-grid"]) {
    grid-template-columns: repeat(var(--column, 4), 1fr);
    gap: 50px;
  }

  .perf-res-card-item:hover {
    box-shadow:
      0 80px 80px 0 rgba(0, 0, 0, 0.12),
      0 20px 45px 0 rgba(0, 0, 0, 0.12);
    background-color: rgba(255, 251, 239, 0.85);
  }
  .perf-res-card-text-wrap {
    flex: 1;
  }
  .perf-res-card-item {
    gap: 20px;
    flex-direction: column;
    align-items: flex-end;
  }
  .perf-res-card-inner {
    gap: 20px;
    width: 100%;
  }
  .flip-box-front,
  .flip-box-back {
    padding: 20px;
  }
  .flip-box-heading {
    font-size: 25px;
  }
  .common-center-heading-box .common-description {
    width: 87%;
  }
  .welcome-the-park .common-heaing {
    font-size: 40px;
  }
  .only-video-box .awardsSwiper {
    height: 594px;
    width: 100%;
    margin: 0 auto;
  }
  .pdop-top-navigation-bar {
    top: 102px;
  }
  .pdop-top-navigation-bar .pdop_program_top_navigation {
    justify-content: flex-start;
  }
  .happy-employee-stories .employee-story-card {
    width: 100%;
  }
  .did-you-know-section.without-img .did-you-know-wrapper {
    padding: 40px 100px;
  }
  .did-you-know-section.without-img .did-you-know-desc {
    width: 100%;
  }
  .folder-tag-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .pdop_program_content.is_sidebar .pdop_feature_cards_grid.four-grid,
  .pdop_program_content.is_sidebar
    .program-dashboard-card
    .pdop_feature_cards_grid.four-grid,
  .pdop_program_content.is_sidebar .pdop_feature_cards_grid.five-grid,
  .pdop_program_content.is_sidebar
    .program-dashboard-card
    .pdop_feature_cards_grid.five-grid,
  .pdop_program_content.is_sidebar .pdop_feature_cards_grid.six-grid,
  .pdop_program_content.is_sidebar
    .program-dashboard-card
    .pdop_feature_cards_grid.six-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .header-two-bg-image {
    height: 300px;
  }
  .testimonials-section .data-section {
    width: 80%;
  }

  /* Registration Page */
  .starting-cards-grid {
    gap: 22px;
  }

  /* Registration Page */
  .starting-cards-grid {
    gap: 30px;
  }
  /* Register Online Steps */
  .ros-main-heading {
    font-size: 32px;
  }
  /* .ros-step-circle {
    width: 76px;
    height: 76px;
    min-width: 76px;
    font-size: 34px;
  } */
  .ros-info-card {
    gap: 50px;
  }
  .registration-section-wrapper {
    padding: 60px 0;
  }
  .starting-card {
    padding: 20px;
  }
  .starting-card .card-main-title {
    font-size: 20px;
  }
  .starting-card .card-sub-title {
    font-size: 18px;
  }
  .ros-step-connector {
    width: 91%;
  }
  .ros-card-bottom-row {
    grid-template-columns: 1fr 2fr;
    gap: 20px;
  }
  .ros-bottom-col {
    border-right: 0;
    padding-right: 0;
  }
  .ros-map-area {
    width: 300px;
    height: 150px;
  }
  .ros-right-content {
    align-items: flex-start;
    gap: 20px;
  }
  .amilia-account-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
  }
  .card-with-background {
    padding: 30px;
    margin-bottom: 20px;
  }
  .step-description p {
    font-size: 18px;
  }
  .daa-card-wrapper {
    padding: 30px;
    gap: 30px;
    margin-bottom: 0;
  }
  .daa-main-heading {
    font-size: 25px;
  }
  .daa-image-wrapper {
    bottom: -57px;
    width: 316px;
  }
  .daa-app-links {
    flex-direction: column;
  }
  .amilia-main-heading {
    font-size: 25px;
  }
  .amilia-step-card {
    padding: 20px;
  }
  .pdop_feature_card_item.gridrow {
    flex-direction: row;
  }
  .gridrow-wrapper.pdop_feature_cards_grid.two-grid,
  .program-dashboard-card .gridrow-wrapper.pdop_feature_cards_grid.two-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
@media (min-width: 1300px) and (max-width: 1399.98px) {
  .pdop_program_container_grid {
    grid-template-columns: 270px 1fr;
  }
  .data-section-left-padding-30 {
    padding-left: 0;
  }

  .data-section-right-padding-30 {
    padding-right: 0;
  }

  .section-pedding-box.light-cream
    .common-data-secion-box:nth-child(odd)::before,
  .section-pedding-box.light-cream
    .common-data-secion-box:nth-child(even)::after {
    width: 120px;
    height: 250px;
    opacity: 0.6;
  }

  .card-up-down {
    bottom: -39%;
  }
  .program-guide-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
  }
  .program-guide-title {
    font-size: 20px;
  }
  .only-bullet-point .pdop_current_projects_subtitle ul li {
    width: 32%;
  }
  .program-dashboard-card .pdop_feature_cards_grid:not([class*="-grid"]) {
    grid-template-columns: repeat(var(--column, 4), 1fr);
    gap: 50px;
  }

  .perf-res-card-item:hover {
    box-shadow:
      0 80px 80px 0 rgba(0, 0, 0, 0.12),
      0 20px 45px 0 rgba(0, 0, 0, 0.12);
    background-color: rgba(255, 251, 239, 0.85);
  }
  .perf-res-card-text-wrap {
    flex: 1;
  }
  .perf-res-card-item {
    gap: 20px;
    flex-direction: column;
    align-items: flex-end;
  }
  .perf-res-card-inner {
    gap: 20px;
    width: 100%;
  }
  .flip-box-front,
  .flip-box-back {
    padding: 20px;
  }
  .flip-box-heading {
    font-size: 25px;
  }
  .common-center-heading-box .common-description {
    width: 87%;
  }
  .welcome-the-park .common-heaing {
    font-size: 40px;
  }
  .only-video-box .awardsSwiper {
    height: 594px;
    width: 100%;
    margin: 0 auto;
  }
  .pdop-top-navigation-bar {
    top: 102px;
  }
  .pdop-top-navigation-bar .pdop_program_top_navigation {
    justify-content: flex-start;
  }
  .happy-employee-stories .employee-story-card {
    width: 100%;
  }
  .did-you-know-section.without-img .did-you-know-wrapper {
    padding: 40px 100px;
  }
  .did-you-know-section.without-img .did-you-know-desc {
    width: 100%;
  }
  .folder-tag-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .pdop_program_content.is_sidebar .pdop_feature_cards_grid.four-grid,
  .pdop_program_content.is_sidebar
    .program-dashboard-card
    .pdop_feature_cards_grid.four-grid,
  .pdop_program_content.is_sidebar .pdop_feature_cards_grid.five-grid,
  .pdop_program_content.is_sidebar
    .program-dashboard-card
    .pdop_feature_cards_grid.five-grid,
  .pdop_program_content.is_sidebar .pdop_feature_cards_grid.six-grid,
  .pdop_program_content.is_sidebar
    .program-dashboard-card
    .pdop_feature_cards_grid.six-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .header-two-bg-image {
    height: 300px;
  }
  .testimonials-section .data-section {
    width: 80%;
  }

  /* Registration Page */
  .starting-cards-grid {
    gap: 22px;
  }

  /* Registration Page */
  .starting-cards-grid {
    gap: 30px;
  }
  /* Register Online Steps */
  .ros-main-heading {
    font-size: 32px;
  }
  /* .ros-step-circle {
    width: 76px;
    height: 76px;
    min-width: 76px;
    font-size: 34px;
  } */
  .ros-info-card {
    gap: 50px;
  }
  .registration-section-wrapper {
    padding: 60px 0;
  }
  .starting-card {
    padding: 20px;
  }
  .starting-card .card-main-title {
    font-size: 20px;
  }
  .starting-card .card-sub-title {
    font-size: 18px;
  }
  .ros-step-connector {
    width: 91%;
  }
  .ros-card-bottom-row {
    grid-template-columns: 1.2fr 2fr;
    gap: 20px;
  }
  .ros-bottom-col {
    border-right: 0;
    padding-right: 0;
  }
  .ros-map-area {
    width: 300px;
    height: 150px;
  }
  .ros-right-content {
    align-items: flex-start;
    gap: 20px;
  }
  .amilia-account-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
  }
  .card-with-background {
    padding: 30px;
    margin-bottom: 30px;
  }
  .step-description p {
    font-size: 18px;
  }
  .daa-card-wrapper {
    padding: 30px;
    gap: 30px;
    margin-bottom: 50px;
  }
  .daa-main-heading {
    font-size: 25px;
  }
  .daa-image-wrapper {
    bottom: -97px;
    width: 316px;
  }
  .daa-app-links {
    flex-direction: column;
  }
  .amilia-main-heading {
    font-size: 25px;
  }
  .amilia-step-card {
    padding: 20px;
  }
}
@media (min-width: 1400px) and (max-width: 1499.98px) {
  .pdop_program_container_grid {
    grid-template-columns: 270px 1fr;
  }
  .perf-res-card-text-wrap {
    flex: 1;
  }
  .pdop-top-navigation-bar {
    top: 102px;
  }
  .did-you-know-section.without-img .did-you-know-desc {
    width: 90%;
  }
  .happy-employee-stories .employee-story-card {
    width: 90%;
  }
  .folder-tag-card {
    padding: 20px;
  }
  .folder-tag-grid {
    gap: 30px;
  }
  .header-two-bg-image {
    height: 300px;
  }
  .starting-card .card-main-title {
    font-size: 25px;
  }
  .ros-card-bottom-row {
    gap: 40px;
    grid-template-columns: 1.2fr 2fr;
  }
  .ros-bottom-col {
    padding-right: 40px;
  }
  .card-with-background {
    margin-bottom: 30px;
    gap: 50px;
  }
  .daa-image-wrapper {
    bottom: -102px;
  }
  .daa-card-wrapper {
    margin-bottom: 30px;
    padding: 50px 60px;
  }
  .daa-main-heading {
    font-size: 25px;
  }
  .daa-app-links {
    flex-direction: column;
  }
}
@media (min-width: 1500px) and (max-width: 1599.98px) {
  .pdop_program_container_grid {
    grid-template-columns: 265px 1fr;
    gap: 60px;
  }
  /* .card-up-down {
    bottom: -39%;
  } */
  .pdop-top-navigation-bar {
    top: 105px;
  }
  .header-two-bg-image {
    height: 350px;
  }
  .card-with-background {
    margin-bottom: 30px;
  }
  .daa-card-wrapper {
    margin-bottom: 20px;
  }
  .daa-main-heading {
    font-size: 30px;
  }
  .daa-image-wrapper {
    bottom: -100px;
    width: 325px;
  }
}
@media (min-width: 1600px) and (max-width: 1699.98px) {
  .pdop_program_container_grid {
    grid-template-columns: 265px 1fr;
    gap: 60px;
  }
  /* .card-up-down {
    bottom: -39%;
  } */
  .pdop-top-navigation-bar {
    top: 105px;
  }
  .header-two-bg-image {
    height: 350px;
  }
  .card-with-background {
    margin-bottom: 30px;
  }
  .daa-card-wrapper {
    margin-bottom: 20px;
  }
  .daa-main-heading {
    font-size: 30px;
  }
  .daa-image-wrapper {
    bottom: -100px;
    width: 325px;
  }
}
@media (min-width: 1600px) and (max-width: 1599.98px) {
  .pdop_program_container_grid {
    grid-template-columns: 265px 1fr;
    gap: 60px;
  }
  /* .card-up-down {
    bottom: -39%;
  } */
  .pdop-top-navigation-bar {
    top: 105px;
  }
  .header-two-bg-image {
    height: 350px;
  }
  .card-with-background {
    margin-bottom: 30px;
  }
  .daa-card-wrapper {
    margin-bottom: 20px;
  }
  .daa-main-heading {
    font-size: 30px;
  }
  .daa-image-wrapper {
    bottom: -100px;
    width: 325px;
  }
}

/* -- Download Amilia App Responsive ----------------------------- */
@media (max-width: 991px) {
  .daa-right-col {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }
}