/* ===============================
   RESPONSIVE FIXES
================================= */

@media (max-width: 1300px) {

h1 {
    font-size: 57px;
    line-height: 1 !important;
}
.hero-features li {
    margin-bottom: 10px;
}
h2 {
    font-size: 47px;
}
h4 {
    font-size: 26px;
    margin: 0px !important;
}

}

@media (max-width: 1200px) {
.claim-text h3 {
    font-size: 30px;
}



}

@media (max-width: 992px) {

  .logo-item {
    flex: 0 0 5%;
  }
 
.bonus-content {
    padding-left: 0;
} 

}

@media (max-width: 768px) {
	
    p {
        font-size: 16px !important;
        line-height: 26px;
    }	
  .mobile-sticky-cta {
    display: block;
  }
  
.hero-banner {
    padding:100px 0 60px !important;
}
.crypto-feature-box {
    margin-bottom: 40px;
}
  .footer-bottom {
    flex-direction: column;
    gap: 15px;
  }	
  
     h1 {
        font-size: 50px;
    } 
    h2 {
        font-size: 38px;
    }
	section {
    padding: 40px 0px !important;
}

.win-marquee {
    padding: 10px 0 !important;
}
.footer {
    padding: 40px 0 30px;
}

.hero-overlay {
    background: rgba(0, 0, 0, 0.7);
}
.logo-section H3 {
    font-size: 28px;
    margin-bottom: 25px !important;
}


}

@media (max-width: 576px) {

.logo img {
    max-height: 45px;
}
    .main-header {
        padding: 20px 0;
        top: 40px;
    }

.btn {
    font-size: 18px;  
    padding: 10px 25px;
}

  .hero-features li {
    font-size: 16px;	
    margin-bottom: 10px;
  }

  .hero-features img {
    width: 30px;
  }
  
  .hero-features {
    margin-bottom: 25px;
}

.hero-top-text {
    font-size: 18px;
}
    .claim-text h3 {
        font-size: 22px;
    }

  
    .featured-slots-section .row .col-lg-3.col-md-6.col-6 {
        padding: 5px;
        margin: 0;
    }
.slot-card {
    padding: 10px;
} 
    h4 {
        font-size: 22px;
    } 
    .slot-content a {
        font-size: 18px;
        letter-spacing: 1px;
    }
.claim-countdown.text-center {
    margin-top: -15px;
}
.marquee-content span {
    font-size: 26px;
}
.crypto-heading {
    margin-bottom: 30px;
}

.faq-accordion .accordion-button {
    font-size: 18px;
}
.faq-accordion .accordion-body {
    font-size: 16px;
}
.logo-section H3 {
    font-size: 28px;
}

.bonus-list li {
    font-size: 16px;
    gap: 10px;
}
    .footer {
        padding: 40px 0 120px;
    }
.marquee-track {
  gap: 20px;                 /* spacing between items */
}

}