/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

    /* banner start  */
    .banner {
        padding: 50px 0 60px 0;
    }

    .banner-wrapper h1 {
        font-size: 32px;
    }

    .banner-wrapper p {
        font-size: 15px;
    }

    .banner-meta {
        gap: 18px;
        margin-top: 30px;
    }

    .banner-meta div strong {
        font-size: 18px;
    }

    .hero-media img {
        height: 260px;
    }

    .hero-media::before {
        inset: 12px 0 -12px 12px;
    }

    .hero-badge {
        left: 10px;
        bottom: 16px;
        padding: 10px 14px;
    }

    .banner-card-sec-title h1 {
        font-size: 20px;
    }

    /* banner end  */

    /* card start  */

    .bet-card {
        padding: 30px 0 0 0;
    }

    .card-desc {
        padding: 26px 20px;
    }

    .card-logo {
        min-height: 200px;
    }

    /* card end  */

    /* titles  */

    .title-wrapper {
        margin-bottom: 34px;
    }

    .title-wrapper h1,
    .title-wrapper h2 {
        font-size: 26px;
    }

    /* games start  */

    .games {
        padding: 60px 0;
    }

    /* games end  */

    /* bonus start  */

    .bonus {
        padding: 60px 0;
    }

    .bonus-row {
        flex-wrap: wrap;
        gap: 14px;
        padding: 24px 0;
    }

    .bonus-index {
        min-width: auto;
        font-size: 24px;
    }

    .bonus-text {
        flex: 1 1 100%;
    }

    .bonus-text h2 {
        font-size: 17px;
    }

    /* bonus end  */

    /* faq start  */

    .faq {
        padding: 60px 0;
    }

    .accordion-button {
        font-size: 15.5px;
        padding: 20px 34px 20px 0;
    }

    .accordion-body {
        padding: 0 10px 22px 0;
    }

    /* faq end  */

    /* why choose us  */

    .why-choose-us {
        padding: 60px 0;
    }

    .content-media::before {
        display: none;
    }

    .analyze {
        padding: 28px 22px;
    }

    .analyze h2 {
        font-size: 20px;
    }

    /* leading  */

    .leading-swc {
        padding: 50px 0;
    }

    .leading-swc-wrapper {
        padding: 32px 24px;
    }

    .leading-swc-wrapper h2 {
        font-size: 23px;
    }

    /* BreadCrumb start  */

    .breadcrumb-cc {
        padding: 55px 0;
    }

    .breadcrumb-cc h1 {
        font-size: 28px;
    }

    /* BreadCrumb end  */

    /* content start  */

    .content {
        padding: 50px 0;
    }

    /* content end  */

    .cookie-alert {
        width: 300px;
    }

}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

    .banner {
        padding: 60px 0 70px 0;
    }

    .banner-wrapper h1 {
        font-size: 38px;
    }

    .hero-media img {
        height: 320px;
    }

    .hero-badge {
        left: 14px;
    }

    .title-wrapper h1,
    .title-wrapper h2 {
        font-size: 29px;
    }

    .bonus-row {
        gap: 18px;
    }

    .leading-swc-wrapper {
        padding: 38px 30px;
    }

    .analyze {
        padding: 32px 26px;
    }

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

    .banner {
        padding: 70px 0 80px 0;
    }

    .banner-wrapper h1 {
        font-size: 42px;
    }

    .hero-media img {
        height: 360px;
    }

    .title-wrapper h1,
    .title-wrapper h2 {
        font-size: 31px;
    }

    .leading-swc-wrapper {
        padding: 40px 34px;
    }

}

/* Stagger only on wide grids */
@media (max-width: 991.98px) {

    .game-col:nth-child(even) .single-game,
    .game-col:nth-child(odd) .single-game:hover,
    .game-col:nth-child(even) .single-game:hover {
        transform: none;
    }

    .game-col .single-game:hover {
        transform: translateY(-6px);
    }

    .hero-media::before {
        inset: 14px 0 -14px 14px;
    }

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

    .banner-wrapper h1 {
        font-size: 44px;
    }

    .hero-media img {
        height: 380px;
    }

    .score span {
        font-size: 46px;
    }

    .stars i {
        font-size: 19px;
    }

    .leading-swc-wrapper {
        padding: 44px 38px;
    }

}

/*X large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {}

/*XX Large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) {}