@media (max-width: 991px) {
    .mlm-illustration img {
        margin-bottom: -60px;
        max-width: 90%;
    }

    .logo-marquee--marquee-group img {
        height: 56px;
        padding: 0 30px;
    }

    .know-img-col {
        display: none !important;
    }

    /* ===============================
       Superpowers Section
    ================================ */

    .superpowers {
        padding: 30px 0;
    }

    .superpowers h2 {
        font-size: 22px;
    }

    .stat-value {
        font-size: 24px;
    }

    .superpowers-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
    }

    .superpowers-card:hover .superpowers-img img {
        transform: scale(1.05);
    }

    .stat-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
        border-color: transparent;
    }

    /*Quick & Accurate Commission Calculations  */

    .volochain-card p {
        font-size: 0.9rem;
    }

    .volochain-card h5 {
        font-size: 15px;
        margin-bottom: 8px !important;
    }

    .volochain-card {
        min-height: 460px !important;
    }


    /* =========================
       Responsive Advance
    ========================= */
    /* Tablets */
    .adv-title {
        font-size: 38px;
        line-height: 1.3;
    }

    .adv-desc {
        font-size: 17px;
        padding: 0 15px;
    }
}

/* Mobile */
/* banner  */
@media (max-width: 767px) {

    /* header */
    .mega-menu {
        width: 100%;
        transform: none;
        left: 0;
        box-shadow: none;
        padding: 15px;
    }

    .mega-menu {
        max-height: 260px;
        overflow-y: auto;
    }

    .mega-menu::-webkit-scrollbar {
        width: 6px;
    }

    .mega-menu::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 10px;
    }

    .mega-menu::-webkit-scrollbar-track {
        background: transparent;
    }

    /* banner */
    .banner {
        padding: 20px 0;
    }

    .banner h2 {
        font-size: 36px;
    }

    .banner h3 {
        font-size: 20px;
    }

    .cssbuttonsIoButton .icon {
        height: 25px;
        width: 25px;
    }

    /* mlm section */
    .mlm-section {
        padding: 30px 0;
    }

    .mlm-illustration img {
        margin-bottom: -30px;
        max-width: 100%;
    }

    .logo-marquee {
        padding: 0.3rem 0;
    }

    .mlm-text {
        font-size: 14px;
        padding: 0 15px;
    }

    .cssbuttonsIoButton {
        font-size: 14px;
    }

    .logo-marquee--marquee-group img {
        height: 30px;
        padding: 0 20px;
    }

    /* ===============================
       Superpowers Section
    ================================ */
    .superpowers {
        padding: 30px 0;
    }

    .superpowers-card {
        padding: 6px;
    }

    .superpowers p {
        text-align: justify;
        font-size: 16px;
    }

    .superpowers h2 {
        font-size: 23px;
    }



    .stat-card {
        padding: 16px;
    }

    .stat-value {
        font-size: 22px;
    }


    /* =========================
       Responsive Advance
    ========================= */
    .adv-section {
        padding: 10px 0px;
    }

    .adv-title {
        font-size: 22px;
        line-height: 1.35;
    }

    .adv-title span {
        display: inline-block;
    }

    .adv-desc {
        font-size: 16px;
        line-height: 1.6;
        text-align: justify;
    }


    /* ===============================
      Quick & Accurate section Volochain Card Section
    ================================ */
    .volochain-card img {
        height: 150px;
    }

    .volochain-card h5 {
        font-size: 1.1rem;

    }

    .volochain-card p {
        font-size: 0.9rem;
    }

    .volochain-card {
        min-height: 365px !important;
    }

    /* ===============================
      TEAM SECTION  MOBILE RESPONSIVE
    ================================ */
    .team-title {
        font-size: 34px;
    }

    .team-section {
        padding: 10px 0;

    }

    .team-desc {
        font-size: 16px;
    }

    .know-img-col {
        display: none;
    }

    /* cta1 responsive */
    .cta-content h2 {
        font-size: 18px;
    }

    /* <!-- compansation plan --> */
    .Compensation-title {
        font-size: 28px;
    }

    .Compensation-subtitle {
        font-size: 16px;
    }

    .carousel-item {
        padding-bottom: 20px;
    }

    .Compensation-card h5 {
        font-size: 18px;
    }

    .carousel-indicators {
        bottom: -25px;
    }

    .carousel-indicators [data-bs-target] {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #4aa3df;
        opacity: 0.4;
    }

    .carousel-indicators .active {
        opacity: 1;
        background-color: #0a5c92;
    }

    .carousel-item {
        overflow: visible;
    }

    .Compensation-card {
        margin-top: 20px;
        height: 285px !important;
    }

    /* <!--AI SECTION --> */
    .ai-title {
        font-size: 28px;
    }

    /* <!--Business MLM PLAN  --> */
    .plan-title {
        font-size: 28px;
    }


    .thumb-item {
        min-width: 130px;
    }

    /* cta2 */
    .cta2-section {
        padding: 20px 15px;
    }

    .cta2-search input {
        padding: 10px 10px
    }

    .cta2-title {
        font-size: 20px;
    }

    /*faq section*/
    .faq-section {
        padding: 10px 0;
    }

    /*service section*/
    .service-content {
        font-size: 16px;
        text-align: justify;
    }

    /*mlm-plan*/
    .image-title-overlay h5 {
        display: none;
    }

    .plan-content {
        font-size: 16px;
    }

    .plan-heading {
        margin-top: 10px;
        font-size: 24px;
    }

    /* demo section */
    .demo-section {
        padding: 25px 10px;
    }

    .demo-title {
        font-size: 24px;
    }

    .demo-subtitle {
        font-size: 16px;
    }

    .form-card h5 {
        font-size: 28px;
    }

    .why-choose {
        padding: 30px 0px 0 0;
    }

    .feature-title {
        font-size: 18px;
    }

    .feature-list h6 {
        font-size: 16px;
    }

    /*blog */
    .plan-sub-title {
        text-align: justify;
        font-size: 16px;

    }

    /* last cta */
    .cta-last-content h2 {
        font-size: 20px;
    }

    /* footer */
    /* MLM links single column */
    .mlm-links .col-md-4 {
        width: 100%;
    }

    /* Hide desktop footer bottom */
    .desktop-footer-bottom {
        display: none;
    }

    /* Mobile footer bottom */
    .mobile-footer-bottom {
        background: #f5f6f8;
        /* padding: 25px 15px; */
        text-align: center;
    }

    .mobile-footer-bottom a {
        color: #001e3b;
        font-size: 14px;
        margin: 5px;
        display: inline-block;
    }

    .mobile-footer-bottom i {
        font-size: 18px;
        margin: 0 8px;
    }

    .mobile-footer-bottom hr {
        width: 90%;
        margin: 15px auto;
        color: #001e3b;
    }

    .mobile-footer {
        display: block !important;
    }

    .des-col {
        display: none !important;
    }

    .des-footer {
        display: none !important;
    }

    /* BLOG SECTION */
    .blog-content h4 {
        font-size: 18px;
        margin-top: 6px;
        font-weight: 600;
    }

}

@media (prefers-reduced-motion) {
    .logo-marquee--marquee-group {
        animation-play-state: paused;
    }
}