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

    header .navbar {
        border-radius: 22px;
        padding: 10px 12px 10px 16px !important;
    }

    /* banner start  */

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

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

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

    .banner-cta {
        margin-top: 28px;
    }

    .banner-cta a {
        width: 100%;
    }

    .hero-strip {
        margin-top: 34px;
        border-radius: 20px;
    }

    .hero-stat {
        flex: 1 1 100%;
        padding: 18px 14px;
    }

    .hero-stat+.hero-stat {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
    }

    /* banner end  */

    /* card start  */

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

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

    /* titles  */

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

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

    /* sections  */

    .games,
    .bonus,
    .faq,
    .why-choose-us {
        padding: 55px 0;
    }

    .single-bonus {
        padding: 28px 24px;
    }

    .single-bonus::after {
        font-size: 56px;
        right: 16px;
    }

    .accordion-button {
        font-size: 15px;
        padding: 18px 18px;
    }

    .accordion-body {
        padding: 0 18px 20px;
    }

    .content-panel {
        padding: 24px 20px;
        border-radius: 20px;
    }

    .feature-block {
        padding: 18px 18px;
    }

    .feature-block h2 {
        font-size: 17px;
    }

    .analyze {
        padding: 28px 22px;
        border-radius: 20px;
    }

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

    /* leading  */

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

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

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

    /* BreadCrumb  */

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

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

    /* content  */

    .content {
        padding: 0 0 55px;
    }

    .content .content-wrapper {
        padding: 26px 22px;
        border-radius: 20px;
    }

    .content h2 {
        font-size: 19px;
    }

}

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

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

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

    .hero-stat {
        flex: 1 1 50%;
    }

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

    .leading-swc-wrapper,
    .content .content-wrapper {
        padding: 36px 28px;
    }

    .analyze {
        padding: 32px 26px;
    }

}

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

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

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

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

    .leading-swc-wrapper,
    .content .content-wrapper {
        padding: 40px 32px;
    }

}

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

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

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

    .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) {}