@media (min-width: 1025px) and (max-width: 1500px) {
  .card-container {
    grid-template-columns: repeat(3, 1fr);
  }
  .card-container .post-card:nth-last-of-type(-n+2) {
    display: none;
  }
  .card-container .events-card:nth-last-of-type(-n+1) {
    display: none;
  }
  .card-container .certification-card:nth-last-of-type(-n+1) {
    display: none;
  }
  .canvas-wrapper {
    margin-top: -200px;
    padding-top: 200px;
  }
  .sidenav.collapsed .side-links {
    scrollbar-width: none;
  }
  .video-summary-container {
    height: 415px !important;
  }
  .ai-content[content-for='ask-ai'] {
    height: 450px !important;
  }
  .certifications-filter .input-filter .select-group {
    width: 90%;
  }
}

@media (min-width: 1500px) {
  .certifications-card-grid .instructor {
    width: 700px;
  }
}

@media (min-width: 600px) and (max-width: 1024px) {
  .quicklinks-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .card-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .header {
    flex-direction: column;
    background-size: cover;
    gap: 16px;
    align-items: flex-start !important;
  }

  /* main.sidebar-opened .quicklinks-container {
    grid-template-columns: repeat(1, 1fr);
  } */

  .card-slider.swiper-slide {
    flex-direction: column;
  }

  .card-slider.swiper-slide h5 {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    vertical-align: middle;
  }

  /* main.sidebar-opened  .card-container{
    grid-template-columns: repeat(2, 1fr);
  } */

  .card-slider .card-content {
    box-sizing: border-box;
  }

  .card-slider img {
    width: 100%;
    border-radius: 0;
  }

  .static-unit-custom {
    background-size: cover;
    border-radius: 12px;
  }

  main.sidebar-opened .static-unit-custom .static-content {
    flex-direction: column;
    gap: 16px
  }

  main.sidebar-opened .static-unit-custom .btn {
    display: block;
  }

  main.sidebar-opened .header-title-cta {
    /* flex-direction: column; */
    align-items: flex-start;
    gap: 24px;
  }

  main.sidebar-opened .header-title-cta a {
    white-space: nowrap;
  }

  .card-container-4-col {
    grid-template-columns: repeat(2, 1fr);
  }

  /* main.sidebar-opened .card-container-4-col {
    grid-template-columns: repeat(1, 1fr);
  } */
  
  main.sidebar-opened .certifications-filter .input-filter {
    flex-direction: column;
  }

  main.sidebar-opened .certifications-filter .input-filter .input-search {
    box-sizing: border-box;
    width: 100%;
  }

  .certifications-filter .input-filter .input-search {
    width: 60%;
  }

  .certifications-filter .input-filter .select-group {
    width: 70%;
  }

  main.sidebar-opened .certifications-filter .input-filter .select-group {
    width: 100%;
  }

  main.sidebar-opened .select {
    width: 100%;
    box-sizing: border-box;
  }

  .certifications .col-3 {
    grid-template-columns: repeat(2, 1fr);
  }

  main.sidebar-opened #collapsibleTagContainer {
    max-height: 200px;
    overflow: hidden;
  }

  .certifications-card-grid .cert-body {
    flex-direction: column;
    gap: 16px;
  }

  .certifications-card-grid .left-info {
    flex-direction: column;
  }

  .certifications-card-grid .right-info {
    flex-direction: column;
    gap: 24px;
  }

  .certifications-card-grid .cert-cta {
    width: 100%;
  }

  .certifications-card-grid .cert-cta .plus {
    align-self: center;
  }

  .certifications-card-grid .cert-collapsible-footer {
    flex-direction: column;
  }

  .footer-left {
    width: 100%;
  }

  .cert-collapsible-footer .footer-right {
    width: 100%;
  }

  .certifications-card-grid .cert-collapsible-footer.collapsed {
    max-height: 600px;
  }

  main.sidebar-opened .tags-filter {
    display: none !important;
  }

  main.sidebar-opened .tags-filter-mobile {
    display: block;
  }

  main.sidebar-opened .dual-filter {
    width: 100%;
    display: flex;
    gap: 16px;
  }

  main.sidebar-opened .events-grid.list-type .event-info-wrapp {
    flex-direction: column !important;
  }

  main.sidebar-opened .events-grid.list-type .event-featured-image, .events-grid.list-type .event-details-wrapp {
    width: 100% !important;
  }

  main.sidebar-opened .events-grid.list-type .events-card .events-card-img {
    width: 100%;
    height: unset;
  }

  .card-container-3-col {
    grid-template-columns: repeat(2, 1fr);
  }

  main.sidebar-opened .card-container-3-col {
    grid-template-columns: repeat(1, 1fr);
  }

  main.sidebar-opened .saved-items, main.sidebar-opened .liked-items, main.sidebar-opened .history-items {
    width: 100%;
  }

  main.sidebar-opened .library-filter {
    width: 100%;
  }

  .library-filter .input-filter input {
    width: 100%;
    box-sizing: border-box;
  }

  .my-account {
    width: 100%;
  }

  .post-content-container {
    flex-direction: column;
  }

  .post-content {
    width: 100% !important;
  }

  .post-card-grid {
    flex-direction: column;
  }

  .post-card-grid img {
    width: 100%;
  }

  .certifications-filter .input-filter .input-search {
    background-position: 3.5% 50%;
  }

  .library-filter .input-filter input {
    background-position: 3.5% 50%;
  }

  .search-box-wrapper .search_input {
    background-position: 3.5% 50% !important;
  }

  .modal {
    top: 40% !important;
  }

  .resources-section .resources-header {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 24px;
  }

  .resources-section {
    padding: 56px 30px !important;
  }

  .post-card .post-card-image-link img.post-card-image {
    object-fit: cover !important;
  }

  #related-content-container {
    grid-template-columns: repeat(2, 1fr);
  }

  main.sidebar-opened #related-content-container {
    grid-template-columns: repeat(1, 1fr);
  }

  main.sidebar-opened .post-card .post-card-image-link img.post-card-image {
    height: unset !important;
  }

  .post-card .post-card-image-link {
    margin-left: -1px;
    background-color: var(--black);
  }

  .dashboard-container {
    height: unset !important;
  }

  .dashboard-container.with-filter .right-sidebar-container {
    display: none;
  }

  .dashboard-container.with-filter .card-content-container {
    width: 100%;
  }

  .card-grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  main.sidebar-opened .card-grid-container {
    grid-template-columns: repeat(1, 1fr);
  }

  main.sidebar-opened .dashboard-container.with-filter .card-content-container {
    width: 100%;
  }

  .dashboard-container.with-filter .library-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }

  .dashboard-container.with-filter .library-filter .input-filter {
    width: 100%;
  }

  .dashboard-container.with-filter .library-filter .select {
    width: 38.4%;
    display: inline-block;
  }

  main.sidebar-opened .dashboard-container.with-filter .library-filter .select {
    width: 47.4%;
    display: inline-block;
  }

  .dashboard-container.with-filter .library-select-mobile {
    display: inline;
  }

  .post-container.microsite {
    padding: 0 !important;
  }

  .post-container.microsite.post-container.microsite .wrap-content > div:last-of-type {
    padding: 0 32px !important;
  }

  .micro-post-result {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .micro-post-result {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  main.sidebar-opened .micro-post-result {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .post-container-row .post-container-filter {
    display: none !important;
  }

  .mobile-filter {
    display: flex !important;
    gap: 24px;
  }

  .mobile-filter a {
    flex: 1;
  }

  .sponsor-slider-section {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .static-unit-custom.static-1 {
    background-image: url("/assets/img/dashboard/mobile-static-bg-1.png");
  }

  .static-unit-custom.static-2 {
    background-image: url("/assets/img/dashboard/mobile-static-bg--2.png");    
    background-position: center right;             
  }

  .static-unit-custom {
    aspect-ratio: unset;
    background-size: cover;
    border-radius: 12px;
  }

  .static-unit-custom .static-content {
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
  }

  .static-unit-custom .btn {
    display: inline-block;
  }

  .header .cta.with-text .btn {
    align-self: flex-start;
  }

  /* .adjust-size-ipad {
    font-size: 17px;
  } */

  .mobile-nav {
    display: flex;
    padding: 18px 32px;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 9999;
    background-color: var(--white);
  }

  body {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
  }

  .container {
    flex-direction: column;
  }

  .sidenav {
    max-width: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: var(--white);
    min-width: unset;
    transition: max-width 0.3s ease-in-out;
  }

  .mobile-nav img {
    width: 179px;
    height: 40px;
  }

  .sidenav .logo-with-collapse-btn {
    display: none;
  }

  .sidenav .site-logo {
    display: none;
  }

  .sidenav.opened {
    max-width: 50%;
    opacity: 1;
    padding: 32px 24px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
    z-index: 99999;
  }

  .nav-btn.opened:before {
    content: url("/assets/img/dashboard/close.svg");
  }

  .sidebav-control-panel {
    margin-top: unset;
  }

  .sidebar-collapse-btn {
    display: none;
  }

  div.certifications-tab-buttons {
    display: none;
  }

  .grid-list_component {
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .show-advanced-filters {
    margin-bottom: 0;
  }

  .main-filters {
    flex-direction: column !important;
  }

  header.header .cta.with-text .btn {
    align-self: flex-start;
  }

  /* .filter-group {
    flex: 1;
  } */
}







@media (max-width: 600px) {
  body {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
  }
  .sidenav {
    max-width: 0;
    padding: 0 !important;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 75px;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: var(--white);
    min-width: unset !important;
    transition: max-width 0.3s ease-in-out;
  }

  .sidenav .logo-with-collapse-btn {
    display: none;
  }

  .sidenav .site-logo {
    display: none;
  }

  .sidenav.opened {
    max-width: 600px;
    opacity: 1;
    padding: 32px 24px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
    z-index: 99999;
  }

  .nav-btn.opened:before {
    content: url("/assets/img/dashboard/close.svg");
  }

  .sidebav-control-panel {
    margin-top: unset;
  }

  .sidebar-collapse-btn {
    display: none;
  }

  .header {
    flex-direction: column;
    align-items: flex-start !important;
    background-size: 100% 100%;
    position: unset;
  }

  .header.flex-start {
    flex-direction: column;
    align-items: flex-start;
    background-size: 100% 100%;
    position: unset;
  }

  .header .cta {
    flex-direction: column;
    align-items: flex-start;
    background-size: 100% 100%;
  }

  .header-info {
    margin-bottom: 24px;
  }

  .quicklinks-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .card-slider.swiper-slide {
    flex-direction: column;
  }

  .card-slider.swiper-slide h5 {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    vertical-align: middle;
  }

  .card-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .dashboard-container {
    overflow: hidden;
    height: auto !important;
    max-height: unset !important;
  }

  .card-slider img {
    border-radius: 0;
    width: 100%;
  }

  .card-slider .card-content {
    box-sizing: border-box;
  }

  .static-unit-custom.static-1 {
    background-image: url("/assets/img/dashboard/mobile-static-bg-1.png");
  }

  .static-unit-custom.static-2 {
    background-image: url("/assets/img/dashboard/mobile-static-bg--2.png");    
    background-position: center right;             
  }

  .static-unit-custom {
    aspect-ratio: unset;
    background-size: cover;
    border-radius: 12px;
  }

  .static-unit-custom .static-content {
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
  }

  .static-unit-custom .btn {
    display: inline-block;
  }

  .container {
    flex-direction: column;
  }

  .mobile-nav {
    display: flex;
    padding: 18px 32px;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 9999;
    background-color: var(--white);
  }

  .floating-header {
    display: none;
  }

  .footer {
    display: none;
  }

  .mobile-nav img {
    width: 179px;
    height: 40px;
  }

  /* .mobile-nav .nav-btn {
    width: 179px;
    height: 40px;
  } */

  .my-account {
    width: 100%;
  }

  .my-account .my-account-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 32px;
  }

  .header-title-cta {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .certifications-filter {
    margin-bottom: 24px !important;
  }

  .certifications-filter .input-filter {
    flex-direction: column;
  }

  .certifications-filter .input-filter .input-search {
    width: unset;
    background-position: 4.5% 50%;
    box-sizing: border-box;
  }

  .select-group .select {
    width: 66%;
  }

  #collapsibleTagContainer {
    max-height: 500px;
  }

  .card-container-4-col {
    grid-template-columns: repeat(1, 1fr);
  }

  .tags-filter {
    display: none !important;
  }

  .tags-filter-mobile {
    display: flex;
  }

  .dual-filter {
    width: 100%;
    display: flex;
    gap: 16px;
    flex-direction: row-reverse;
  }

  .dual-filter .select {
    flex: 1;
  }

  .certifications-card-grid .cert-body {
    flex-direction: column;
    gap: 16px;
  }

  .certifications-card-grid .left-info {
    flex-direction: column;
  }

  .certifications-card-grid .right-info {
    flex-direction: column;
    gap: 24px;
  }

  .certifications-card-grid .cert-cta {
    width: 100%;
  }

  .certifications-card-grid .cert-cta .plus {
    align-self: center;
  }

  .certifications-card-grid .cert-collapsible-footer {
    flex-direction: column;
  }

  .footer-left {
    width: 100%;
  }

  .cert-collapsible-footer .footer-right {
    width: 100%;
  }

  .certifications-card-grid .cert-collapsible-footer.collapsed {
    max-height: 600px;
  }
  
  .card-container-3-col {
    grid-template-columns: repeat(1, 1fr);
  }

  .dashboard-container {
    padding: 32px 24px;
  }

  /* .library-select-mobile {
    display: block;
  } */

  .library-filter {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }

  .library-filter .input-filter input {
    box-sizing: border-box;
    width: 100%;
    background-position: 4.5% 50%;
  }

  .library-filter .input-filter {
    flex: 0 0 100%;
  }

  .library-filter .select {
    flex: 1 0 25%;
    white-space: nowrap;
  }

  .dashboard-container.with-filter .select {
    width: unset;
  }

  .certification-item {
    border-bottom: 1px solid #D4D4D4;
  }

  .certification-item .btn.btn-show-info {
    text-decoration: underline;
  }

  .saved-items, .liked-items, .history-items {
    width: 100%;
  }

  .post-card-grid .image {
    width: 76px;
  }

  .post-card-grid .image img {
    width: 76px;
  }

  .post-card-grid .image .c1-medium {
    display: none;
  }

  .post-card-grid {
    padding: 8px;
  }

  .post-card-grid .post-content-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .post-card-grid .post-content > p:nth-child(2) {
    display: none;
  }

  .events-grid.list-type .event-info-wrapp {
    flex-direction: column !important;
  }

  .events-grid.list-type .event-featured-image, .events-grid.list-type .event-details-wrapp {
    width: 100% !important;
  }

  .search-box-wrapper .search_input {
    background-position: 6.5% 50% !important;
  }

  .modal {
    top: 40% !important;
  }

  .modal .modal-dialog {
    width: 90%;
  }

  .dashboard-post-header-container {
    position: unset;
  }

  #reading-progress {
    display: none;
  }

  .dashboard-container.with-filter .card-content-container {
    width: 100%;
  }

  .dashboard-container.with-filter .right-sidebar-container {
    display: none;
  }

  .certifications .col-3 {
    grid-template-columns: repeat(1, 1fr);
  }

  .mobile-menu:before {
    content: url("/assets/img/dashboard/more_vert.svg");
  }

  .engagement {
    display: none;
  }

  .mobile-menu {
    display: block;
  }

  .collapsible-mobile-menu .ai-with-query-container, .collapsible-mobile-menu .ai-no-query-container {
    scrollbar-width: none;
  }

  .collapsible-mobile-menu {
    display: block;
  }

  .ai-card-video .ai_bookmark:hover:before {
    filter: unset !important;
  }

  .ai-card-video .ai_bookmark.saved:before {
    filter: invert(50%) sepia(78%) saturate(3175%) hue-rotate(331deg) brightness(101%) contrast(100%) !important;
  }

  .certifications-filter .input-filter .select-group {
    width: 45%;
  }

  #pdf-container canvas {
    width: 100% !important;
  }

  #pdf-container > div {
    margin-top: -100px !important;
    padding-top: 100px !important;
  }

  .pdf-container.content-container {
    scrollbar-width: none;
  }

  .pdf-controller {
    top: unset !important;
    position: fixed !important;
    bottom: 24px;
  }

  .pdf-controller .pdf-count {
    white-space: nowrap;
  }
  
  .pdf-controller div:nth-child(2) {
    /* display: none; */
  }

  .post-container.microsite {
    padding: 0 32px !important;
  }

  #clearAllHistoryMobile {
    width: 100%;
  }

  #clearHistoryModal {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
  }

  .certification-card .card-header img {
    width: 100px;
  }

  .events-grid.list-type .events-card .event-tags-list-container {
    flex-wrap: wrap;
    gap: 8px;
  }

  .events-grid.list-type .event-info-wrapp {
    width: 100%;
  }

  .header .cta {
    align-items: flex-start;
  }

  .collapsible-mobile-menu .mobile-menu-wrapper {
    flex-direction: column;
  }

  .collapsible-mobile-menu .menu-inner {
    max-width: unset;
  }

  .certifications-card-grid .footer-right .btn {
    width: 100%;
    box-sizing: border-box;
  }

  .certifications-card-grid .footer-right .minus {
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
  }

  .popular-tags {
    align-items: flex-start;
    flex-direction: column;
  }

  .card-content-container .saved-items .header-title-cta .btn, 
  .card-content-container .liked-items .header-title-cta .btn,
  .card-content-container .history-items .header-title-cta .btn {
    width: 100%;
  }

  .tooltip-trigger-author {
    width: auto;
  }
  .tooltip-close {
    float: right;
    margin-right: -27px;
    margin-top: -2px;
  }
  .tooltip-trigger-author .tooltip{
    padding-right: 40px;
    top: 48px;
    left: 0;
    width: 311px;
    background-color: #171E1D;
    border: 1px solid #AEAEAE;
    font-family: Poppins !important;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0em;
  }
}

@media (max-width: 400px) {
  .select {
    padding: 12px 38px 12px 16px;
    font-size: 14px;
  }
  .filter-main-group .dropdown {
    width: 152px;
  }
}