.lp-logo {
    background: url("../assets-default/images/10bet-live-casino-grey-animated.gif") no-repeat;
    background-size: 100%;
}

.lp-offer,
.lp-login-btn,
.mob-text {
    color: #4e454a;
}

.mob-text {
    display: none;
}

.desktop-text {
    display: block;
}

.p-between-logo-login {
    font-size: 40px;
    align-self: center;
    font-weight: bold;
    margin-left: 22px;
    margin-bottom: 20px;
}

.terms-bg {
    width: 100%;
    background-color: #5e575d;
}

.provider-logo {
    width: 310px;
    margin-bottom: -40px;
}

.lp-background.casino-band {
    background-image: url('../assets-default/images/page-specific/mega-fire-blaze-desktop-bg-v2.webp');
    background-size: cover;
    /* background-position: 55% 0%; */
    background-repeat: no-repeat;
}

/* .lp-foreground {
    background-image: url('../assets-default/images/page-specific/mega-fire-blaze-desktop-dealer.webp');
    background-size: 615px;
    background-repeat: no-repeat;
    background-position: 70% 100%;
} */


.lp-offer-btn-holder {
    margin: 40px 40px 90px 0;
}

@media screen and (max-width: 1670px) {
    .lp-background.casino-band {
        background-position: 80% 0%;
    }
}

@media screen and (max-width: 1590px) {

    /* .lp-foreground {
        background-size: 480px;
        background-position: 65% 100%;
    } */

    .provider-logo {
        width: 195px;
        margin-bottom: -15px;
    }
}

@media screen and (max-width: 1440px) {
    .lp-background.casino-band {
        background-position: 50% 0%;
    }
}

@media screen and (max-width: 1280px) {
    .lp-background.casino-band {
        background-position: 75% 100%;
    }

    /* .lp-foreground {
        background-position: 70% 100%;
    } */
}

@media screen and (max-width: 1024px) {
    /* .lp-foreground {
        background-size: 400px;
        background-position: 75% 100%;
    } */

    .lp-background.casino-band {
        background-position: 62% 0%;
    }

    .lp-offer-btn-holder {
        margin: 27px 27px 27px 0px;
    }
}

@media screen and (max-width: 960px) {

    /* .lp-foreground {
        background-size: 410px;
        background-position: 75% 100%;
    } */
}

@media screen and (max-width: 820px) {
    .lp-offer-btn-holder {
        margin: 0 27px 0px 0px;
    }
    /* .lp-foreground {
        background-size: 320px;
    } */
}

@media screen and (max-width: 768px) {
    .lp-offer-btn-holder {
        margin: 15px 27px 0px 0px;
    }
    .lp-background.casino-band {
        background-position: 70% 0%;
    }

    .lp-foreground {
        background-size: 360px;
        background-position: 95% 100%;
    }

    .lp-offer-terms {
        padding: 13px 22px;
    }

    /* .lp-offer-btn-holder {
        margin: 27px 27px 200px 0px;
    } */

    .image-box {
        padding-top: 0;
    }
}

@media screen and (max-width: 630px) {
    .lp-background.casino-band {
        background-position: 75% 0%;
    }
}

@media screen and (max-width: 560px) {
    .lp-offer-btn-holder {
        margin: 27px 27px 300px 0px;
    }

    .lp-background.casino-band {
        background-image: url('../assets-default/images/page-specific/mega-fire-blaze-mobile-bg-v2.webp');
        background-size: cover;
        background-position: bottom right;
    }

    .lp-foreground {
        background-image: none;
    }
}

@media screen and (max-width: 480px) {
    .lp-background.casino-band {
        background-size: cover;
        background-position: bottom;
    }

    .lp-foreground {
        background-size: 100%;
        background-position: 0 100%;
    }

    .mob-text {
        display: block;
    }

    .desktop-text {
        display: none;
    }

    .provider-logo {
        width: 140px;
        margin-top: 22px;
        margin-bottom: 0px;
    }

    .lp-offer-btn-holder {
        margin: 19px 0 395px 0px;
    }

    .image-box {
        padding-top: 0;
    }

    .lp-logo {
        background-size: 100%;
        position: relative;
        height: 85px;
        width: 85px;
    }
}

@media screen and (max-width: 450px) {

    .lp-offer-btn-holder {
        margin: 19px 0 360px 0px;
    }
}

@media screen and (max-width: 430px) {
    .lp-offer-btn-holder {
        margin: 19px 0 355px 0px;
    }
}

@media screen and (max-width: 415px) {
    .lp-offer-btn-holder {
        margin: 19px 0 340px 0px;
    }
}

@media screen and (max-width: 402px) {

    .lp-offer-btn-holder {
        margin: 19px 0 330px 0px;
    }
}

@media screen and (max-width: 393px) {
    .lp-offer-btn-holder {
        margin: 19px 0 325px 0px;
    }

}

@media screen and (max-width: 375px) {

    .lp-offer-btn-holder {
        margin: 19px 0 310px 0px;
    }

    .p-between-logo-login {
        font-size: 39px
    }
}

@media screen and (max-width: 360px) {

    .lp-offer-btn-holder {
        margin: 19px 0 290px 0px;
    }

    .p-between-logo-login {
        font-size: 31px
    }
}

@media screen and (max-width: 344px) {

    .lp-offer-btn-holder {
        margin: 19px 0 275px 0px;
    }
}

@media screen and (max-width: 320px) {
    .p-between-logo-login {
        font-size: 29px;
    }

    .lp-offer-btn-holder {
        margin: 19px 0 260px 0px;
    }
}