@media (min-width: 992px) {
    .card-scroll-row {
      display: flex;
      flex-wrap: wrap;
    }
  
    .card-scroll-row > .col-md-4 {
      flex: 0 0 33.33%;
      max-width: 33.33%;
    }
  
    .card-scroll-wrapper {
      overflow: visible;
    }
   
}
@media (max-width: 991px) {
    .container, .container-md, .container-sm {
        max-width: 94%;
    }
     
    .card-scroll-wrapper {
        margin-right: calc(-1 * var(--bs-gutter-x, 1.5rem));
        padding-right: 0;
    }

      .custom-home-btn{
        position: unset;
    }
     .no-content {
        padding: 2rem;
        background: unset;
        border: unset;
        border-radius: unset;
    }
    .no-content-inner{
        padding: unset;
    }
    .no-content h2 {
        font-size: 20px;
    }
    .error404 h1 {
        font-size: 28px;
    }
}
@media (max-width: 991px) {
    .sp_login-home-header-top, .sp_sign-up-home-header-top,#menu-header-menu {
        display: none !important;
    }
    .mob_toggle {
        display: block !important;
    }
    .home-layout__bottom-button-container {
        display: none;
    }
    .menu-auth-buttons {
        display: flex;
        flex-direction: row;
        gap: 12px;
    }
    .menu-auth-buttons a {
        width: 100%;
        height: 44px;
        font-weight: 700;
        font-size: 14px;
    } 
    .menu-auth-buttons a {
        display: flex !important;
    }
    /* Mobile menu base */
    .mobile-menu {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: var(--sec-bg-color);
        z-index: 99999;
        transform: translateX(100%);
        transition: transform 0.4s ease-in-out;
        padding: 20px;
        overflow-y: auto;
        will-change: transform;
        /* Hint to browser for smoother animation */
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    /* When open */
    .mobile-menu.open {
        transform: translateX(0);
    }

    .mobile-menu.open {
        right: 0;
    }

    .menu-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .close-icon {
        width: 24px;
        height: 24px;
        cursor: pointer;
    }

    .nav_list .nav_link {
        text-decoration: none;
        display: block;
        margin-bottom: 16px;
    }

    /* Push nav list up to make room */
    .nav_list {
        flex-grow: 1;
    }
    h3 {
        font-size: 24px;
        line-height: 30px;
    }
    section.banner p {
        font-size: 14px;
        line-height: 140%;
    }
    /* Category Page */
    .category-posts .card img {
        border-radius: 33px;
    }
    .bonus-heading {
        height:400px;
    }
    .copy-right-row {
        margin: 2rem auto 4rem auto !important;
    }
}
@media (max-width:767px) {
    .menu_lists {
        flex-direction: column-reverse;
    }
    .footer_nav {
        display: flex;
        flex-wrap: wrap;
    }
    .nav_items_1, .nav_items_2 {
        width: 41%;
    }
    .nav_items_3, .nav_items_4,.nav_items_5 {
        width: 31%;
    }
    section.banner{
        background-image: url(/blog/wp-content/uploads/2025/05/banner-bg-mob.png);
        text-align: center;
        height:unset;
        background-position: center;
    }
    .single-post .card.banner-card{
        height: 600px;
    }
    .single-post .card.banner-card .card-img-wrapper {
        flex: 0 0 60%;
    }
     .card.banner-card{
        text-align: center;
    }
    .card.banner-card .meta-info{
        justify-content: center;
    }
    .card-img-left::after, .card-img-wrapper::after{
        background: linear-gradient(180deg, rgba(15, 17, 21, 0) 71.34%, #0F1115 98.58%);
    }
    .img-gradient-overlay{
        background: linear-gradient(0.02deg, rgba(15, 17, 21, 0) 50.12%, #0F1115 99.98%);
    }
}
@media (max-width:576px) {
    .footer-menu {
        text-align: start;
        padding-bottom: 20px;
    }

    footer p {
        font-size: 12px;
    }
    .footer_nav {
        gap:20px;
    }
    .nav_items_1, .nav_items_2 {
        width: 41%;
    }
    .nav_items_3,.nav_items_4, .nav_items_5 {
        width: 30%;
    }
    .card-title {
        font-size: 18px;
    }
    span.author, .modified, .reading-time {
        font-size: 10px;
    }
    .card-scroll-row > .col-md-4 {
        min-width: 86%;
    }
    /* Category Pages */
    h1 {
        font-size: 20px;
    }
    .category-description{
        font-size: 14px;
    }
    .card-text{
        margin-bottom: 0 !important;
    }
   .welcome-bonus h3{
        font-size: 26px;
   }
   .blog-banner h1 {
        font-size: 24px;
        line-height: 38px;
    }
   
    .post .post-content h2, .post .post-content h3, .post .post-content h4, .popular-articles h3{
        font-size: 20px;
    }
    .post .post-content h2:not(:first-of-type) , .post .post-content h3,.post .post-content h4{
        margin-top: 30px;
    }
    .breadcrumb-item.active {
        display: inline-block;
        max-width: 12ch;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: bottom;
    }
   .breadcrumb-item+.breadcrumb-item::before{
        padding-right: .2rem;
   }
   .breadcrumb-item+.breadcrumb-item{
        padding-left: .2rem;
   }
   .next-article{
        gap: 7px;
        padding: 8px 10px;
   }
   .category-info {
        width: 70%;
    }
}
@media (max-width:430px) {
    .nav_items_3, .nav_items_4, .nav_items_5 {
        width: 29%;
    }
}