@media screen and (max-width:1440px) {
}
@media screen and (min-width: 992px) {

}
@media screen and (min-width: 768px) {

}
@media screen and (max-width:1366px) {
    .banner-content-box h1 {
        font-size: 116px;
    }
}


@media screen and (max-width:1199px) {
    .banner-content-box h1 {
        font-size: 100px;
    }
    .home-banner , .marquee{
        height: 500px;
    }
    .welcome-bonus-wrapper {
        gap: 20px;
        flex-direction:column;
    }
    .welcome-bonus-heading {
        text-align: center;
    }
    
}

@media screen and (max-width:991px) { 
    .banner-content-box h1 {
        font-size: 108px;
    }
    .banner-content-box {
        text-align: center;
    }
    .banner-content-box h1, .banner-content-box p {
        margin-left: auto;
        margin-right: auto;
    }
    .banner-btn-box {
        justify-content: center;
    }
    .banner-content-box {
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .navbar-right-bx .primary-btn {
        display: none;
    }
    .welcome-bonus-heading h2 span {
        text-align: center;
    }
    .container {
                padding: 0 20px;
    }
}

@media screen and (max-width:767px) {
    .heading-box h5 {
        font-size: 20px;
        letter-spacing: -0.4px;
    }
    .heading-box h2 {
        font-size: 40px;
        letter-spacing: -0.8px;
    }
    .heading-box p {
        margin-top: 25px;
    }
    .heading-box {
        margin-bottom: 0;
    }
    .card-heading-box p {
        margin-top: 15px;
    }
    .jackpot-card-box img {
        max-width: 210px;
    }
    .btn-box {
        margin-top: 30px;
    }
    .how-to-play-card-wrapper  .card-heading-box p {
        max-width: 100%;
    }
    .Jackpot-section, uni-feature-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .how-to-play-card-box .card-heading-box {
        display: flex;
        gap: 15px;
    }
    .play-content {
        text-align: left;
    }
    .how-to-play-card-box .card-heading-box h3 {
        margin-left: 0;
    }
    .how-to-play-card-box {
        margin-top: 10px;
    }
    .how-to-play-card-wrapper {
        margin-top: 30px;
    }
    .no-block {
        width: 40px;
        height: 40px;
    }
    .no-block p {
        font-size: 24px;
    }
    .btn-box {
        flex-direction: column;
    }
    .tournament-prize-section {
        padding-top: 40px;
        padding-bottom: 32px;
    }
    .dark-btn {
        gap: 4px;
        padding: 3px 3px 3px 11px;
    }
    .dark-btn p {
        font-size: 14px !important;
        margin-top: 4px !important;
    }
    .dark-btn img {
        width: 20px;
        height: 20px;
    }
    .tournament-prize-box .card-heading-box p  {
        font-size: 10px;
        margin-top: 10px;
    }
    .tournament-prize-box {
        padding: 8px 8px 12px 8px;
    }
    .tournament-prize-box .card-heading-box {
        margin-top: 8px;
    }
    .tournament-prize-wrapper-inner {
        margin-top: 30px;
    }
    .uni-img-bx img {
        max-width: 64px;
        margin-bottom: -30px;
    }
    .unique-features-box .card-heading-box h3 {
        font-size: 14px;
        letter-spacing: -0.32px;
    }
    .uni-img-bx p {
        font-size: 10px;
        margin-top: 6px;
    }
    .unique-features-box {
        padding: 24px 8px 12px 8px;
    }
    .banner-content-box h5 {
        font-size: 32px;
    }
    .banner-content-box h1 {
        font-size: 70px;
        letter-spacing: -1.44px;
    }
    .how-to-play-section {
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .uni-feature-wrapper {
        margin-top: 30px;
    }
    .uni-feature-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .welcome-bonus-center {
        flex-direction: column;
    }
    .vertical-line {
        width: 100%;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.15);
        /* transform: rotate(90deg); */
    }
    .welcome-bonus-middle {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    .banner-slide-img {
        min-width: 184px;
    }
    .mob-mark-sec {
        display: block;
    }
    .desktop-marq {
        display: none;
    }
    .home-banner, .marquee {
        height: 100%;
    }
    .mob-mark-sec {
        display: block;
        padding-bottom: 35px;
    }
    .home-banner {
        background-color: #171717;
    }
    .banner-btn-inner p {
        font-size: 20px;
    }
    .no-block p {
        max-width: unset !important;
    }
    .welcome-bonus-section {
        background-image: url(../images/web-bg-mob.png);
    }
    .banner-slide {
        gap: 12px;
        padding-right: 12px;
    }
}
@media screen and (max-width:374px) {
    .banner-content-box h1 {
        font-size: 63px;
    }
    .banner-btn-box {
        flex-direction: column;
    }
    .heading-box h2 {
        font-size: 32px;
    }
    .card-heading-box h3 {
        font-size: 28px;
    }
}