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

    /* banner start  */
    header {
        background: linear-gradient(to right, #025e11b7, #012507c9, #012507c9, #025e11b7);
    }

    .hero {
        background-image: linear-gradient(to right, #025e11b7, #012507c9, #012507c9, #025e11b7),
            url(../images/hero.jpg);
    }

    .banner {
        padding: 100px 0;
    }

    .banner h1 {
        font-size: 24px;
        letter-spacing: 2px;
    }

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

    /* banner end  */


    /* casino-card start  */

    .score {
        width: 50px;
        height: 50px;
    }

    .casino-btn {
        width: 100%;
    }

    .start-100 {
        left: 50% !important;
    }

    /* casino-card end  */

    /* bonus start  */

    .bonus {
        padding: 50px 0;
    }

    /* bonus end  */


    /* faq start  */

    .faq {
        padding: 50px 0;
    }

    /* faq end  */


    /* why-choose-us start  */

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

    /* why-choose-us end  */

    /* info start  */

    .info {
        padding: 50px 0;
    }

    .content-wrapper {
        padding: 30px 10px;
    }

    .content-wrapper h1 {
        font-size: 24px;
    }

    .content-wrapper strong {
        font-size: 16px;
    }

    .content-wrapper p {
        color: #ddd;
        font-size: 15px;
    }

    /* info end  */

    /* about start  */

    .about {
        padding: 50px 0;
    }

    /* about end  */


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

    /* disclaimer end  */

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

    /* contact end  */
    /* legal-notice start  */
    .legal-notice {
        padding: 50px 0;
    }

    /* legal-notice end  */
    /* privacy-policy start  */
    .privacy-policy {
        padding: 50px 0;
    }

    /* privacy-policy end  */

    /* Cookie start  */

    .cookie-alert {
        width: 300px;
    }

    .card {
        padding: 10px;
    }

    /* Cookie end  */

}

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

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

    .banner h1 {
        font-size: 30px;
        letter-spacing: 2px;
    }

    .banner p {
        font-size: 16px;
    }

    /* banner end  */

    /* casino-card start  */

    .score {
        width: 50px;
        height: 50px;
    }

    .casino-btn {
        width: 100%;
    }

    /* casino-card end  */


}

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

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

    /* banner end  */

    /* casino-card start  */

    .score {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        background: linear-gradient(to right, #113f00, #35b0d5);
        color: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 700;
        font-size: 20px;
        outline: 4px solid #6af537;
        outline-offset: 5px;
    }

    /* casino-card end  */

}

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

/*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) {}