@media (max-width: 1280px) {

    .main {
        padding-left: 15px;
        padding-right: 15px;
    }

    .info__team {
        flex-direction: column;
        align-items: center;
    }

    .games-panel__list {
        justify-content: center;
        align-items: center;   
    }

    .games-panel__list li {
        margin: 10px;
    }

    .scroll__button {
        bottom: 140px;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header__menu {
        display: none;
    }

    .header__menu ul {
        position: relative;
        margin-left: 0;
        z-index: 3001;
    }
    .header__dropdown {
        position: relative;
        display: none;
        z-index: 3002;
    }
    
    .header__dropdown.show {
        display: block;
    }

    #burger-toggle:checked~.header__menu {
        display: block;
        position: absolute;
        top: calc(0px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 15px;
        text-align: center;
        z-index: 3000;
    }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

    .hero__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        padding: 15px;
        margin: 0 auto;
    }

    .hero__title {
        text-align: center;
    }
}

@media (max-width: 900px) {
    
    h1,
    .title.general {
        font-size: 27px;
    }
    
    h2,
    .title.high {
        font-size: 21px;
    }
    
    h3,
    .title.subtitle {
        font-size: 16px;
    }
}

@media (max-width: 850px) {

    .header__button-auth {
        display: none;
    }

        #burger-toggle:checked~.header__button-auth {
            display: block;
            position: absolute;
            top: calc(85px + 100%);
            left: 0;
            width: 100%;
            background: var(--header);
            padding: 30px 0;
            text-align: center;
            z-index: 1001;
        }

    .header__watch {
        margin-left: auto;
    }    

    .banner__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        text-align: center;
        padding: 15px;
        margin: 0 auto;
    }

    .banner__title {
        text-align: center;
    }
}

@media (max-width: 690px) {

    .footer__navigation {
        flex-wrap: wrap;
        align-items: center;
    }

    .footer__navigation li {
        margin: 10px;
    }

    .footer__navigation li:not(:last-child) {
        margin-right: 20px;   
    }

    .footer-images__image {
        margin: 10px;
    }

    .footer__bottom {
        max-width: 500px;
        justify-content: center;
    }
}

@media (max-width: 600px) {

    .header__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 450px) {

    .header__logo img {
        max-width: 120px;
        flex-shrink: 0;
    }

        #burger-toggle:checked~.header__button-auth {
            display: flex;
            flex-direction: column;
            align-items: center;
            top: calc(225px + 100%);
        }

    .header__button-login {
        margin-right: 0;  
        margin-bottom: 16px;     
    }

    .header__menu ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }


    .burger__button {
        border: none;
    }
}

/**-------------- BONUSES PAGE --------------*/

@media (max-width: 1280px) {

    .main-bonuses {
        padding-left: 15px;
        padding-right: 15px;
    }

    .bonus__list li {
        width: calc(100% - 10px);
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-bonuses__menu {
        display: none;
    }

    .header-bonuses__menu ul {
        position: relative;
        margin-left: 0;
        z-index: 3001;
    }

    .header-bonuses__dropdown {
        position: relative;
        display: none;
        z-index: 3002;
    }

    .header-bonuses__dropdown.show {
        display: block;
    }

    #burger-toggle:checked~.header-bonuses__menu {
        display: block;
        position: absolute;
        top: calc(0px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 15px;
        text-align: center;
        z-index: 3000;
    }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

    .hero-bonuses__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        padding: 15px;
        margin: 0 auto;
    }
}

@media (max-width: 850px) {

    .header-bonuses__button-auth {
        display: none;
    }

    #burger-toggle:checked~.header-bonuses__button-auth {
        display: block;
        position: absolute;
        top: calc(85px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 0;
        text-align: center;
        z-index: 1001;
    }

    .header-bonuses__watch {
        margin-left: auto;
    }
}

@media (max-width: 690px) {

    .footer-bonuses__navigation {
        flex-wrap: wrap;
        align-items: center;
    }

    .footer-bonuses__navigation li {
        margin: 10px;
    }

    .footer-bonuses__navigation li:not(:last-child) {
        margin-right: 20px;
    }

    .footer-bonuses-images__image {
        margin: 10px;
    }

    .footer-bonuses__bottom {
        max-width: 500px;
        justify-content: center;
    }
}
@media (max-width: 600px) {
    .bonus__info {
        max-width: 400px;
    }

    .bonus__button:first-child {
        margin-right: 8px;
    }

    .bonus__button {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 600px) {

    .header-bonuses__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 450px) {

    .header-bonuses__logo img {
        max-width: 120px;
        flex-shrink: 0;
    }

    #burger-toggle:checked~.header-bonuses__button-auth {
        display: flex;
        flex-direction: column;
        align-items: center;
        top:calc(225px + 100%);
    }

    .header-bonuses__button-login {
        margin-right: 0;
        margin-bottom: 16px;
    }
        
    .header-bonuses__menu ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }


    .burger__button {
        border: none;
    }
}

/**-------------- FREE SPINS PAGE----------*/

@media (max-width: 1280px) {

    .main-spins {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-spins__menu {
        display: none;
    }

    .header-spins__menu ul {
        position: relative;
        margin-left: 0;
        z-index: 3001;
    }

    .header-spins__dropdown {
        position: relative;
        display: none;
        z-index: 3002;
    }

    .header-spins__dropdown.show {
        display: block;
    }

    #burger-toggle:checked~.header-spins__menu {
        display: block;
        position: absolute;
        top: calc(0px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 15px;
        text-align: center;
        z-index: 3000;
    }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

    .hero-spins__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        padding: 15px;
        margin: 0 auto;
    }
}

@media (max-width: 850px) {

    .header-spins__button-auth {
        display: none;
    }

    #burger-toggle:checked~.header-spins__button-auth {
        display: block;
        position: absolute;
        top: calc(85px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 0;
        text-align: center;
        z-index: 1001;
    }

    .header-spins__watch {
        margin-left: auto;
    }

    .banner-spins__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        text-align: center;
        padding: 15px;
        margin: 0 auto;
    }

    .banner-spins__title {
        text-align: center;
    }
}

@media (max-width: 690px) {

    .footer-spins__navigation {
        flex-wrap: wrap;
        align-items: center;
    }

    .footer-spins__navigation li {
        margin: 10px;
    }

    .footer-spins__navigation li:not(:last-child) {
        margin-right: 20px;
    }

    .footer-spins-images__image {
        margin: 10px;
    }

    .footer-spins__bottom {
        max-width: 500px;
        justify-content: center;
    }
}

@media (max-width: 600px) {

    .header-spins__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 450px) {

    .header-spins__logo img {
        max-width: 120px;
        flex-shrink: 0;
    }

    #burger-toggle:checked~.header-spins__button-auth {
        display: flex;
        flex-direction: column;
        align-items: center;
        top: calc(225px + 100%);
    }

    .header-spins__button-login {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .header-spins__menu ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .burger__button {
        border: none;
    }
}

/**-------------- PROMO CODE PAGE----------*/

@media (max-width: 1280px) {

    .main-promo {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-promo__menu {
        display: none;
    }

    .header-promo__menu ul {
        position: relative;
        margin-left: 0;
        z-index: 3001;
    }

    .header-promo__dropdown {
        position: relative;
        display: none;
        z-index: 3002;
    }

    .header-promo__dropdown.show {
        display: block;
    }

    #burger-toggle:checked~.header-promo__menu {
        display: block;
        position: absolute;
        top: calc(0px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 15px;
        text-align: center;
        z-index: 3000;
    }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

    .hero-promo__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        padding: 15px;
        margin: 0 auto;
    }
}

@media (max-width: 850px) {

    .header-promo__button-auth {
        display: none;
    }

    #burger-toggle:checked~.header-promo__button-auth {
        display: block;
        position: absolute;
        top: calc(85px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 0;
        text-align: center;
        z-index: 1001;
    }

    .header-promo__watch {
        margin-left: auto;
    }

    .banner-promo__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        text-align: center;
        padding: 15px;
        margin: 0 auto;
    }

    .banner-promo__title {
        text-align: center;
    }
}

@media (max-width: 690px) {

    .footer-promo__navigation {
        flex-wrap: wrap;
        align-items: center;
    }

    .footer-promo__navigation li {
        margin: 10px;
    }

    .footer-promo__navigation li:not(:last-child) {
        margin-right: 20px;
    }

    .footer-promo-images__image {
        margin: 10px;
    }

    .footer-promo__bottom {
        max-width: 500px;
        justify-content: center;
    }
}

@media (max-width: 600px) {

    .header-promo__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 450px) {

    .header-promo__logo img {
        max-width: 120px;
        flex-shrink: 0;
    }

    #burger-toggle:checked~.header-promo__button-auth {
        display: flex;
        flex-direction: column;
        align-items: center;
        top: calc(225px + 100%);
    }

    .header-promo__button-login {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .header-promo__menu ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .burger__button {
        border: none;
    }
}

/**-------------- WELCOME BONUS PAGE----------*/

@media (max-width: 1280px) {

    .main-welcome {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-welcome__menu {
        display: none;
    }

    .header-welcome__menu ul {
        position: relative;
        margin-left: 0;
        z-index: 3001;
    }

    .header-welcome__dropdown {
        position: relative;
        display: none;
        z-index: 3002;
    }

    .header-welcome__dropdown.show {
        display: block;
    }

    #burger-toggle:checked~.header-welcome__menu {
        display: block;
        position: absolute;
        top: calc(0px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 15px;
        text-align: center;
        z-index: 3000;
    }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

    .hero-welcome__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        padding: 15px;
        margin: 0 auto;
    }
}

@media (max-width: 850px) {

    .header-welcome__button-auth {
        display: none;
    }

    #burger-toggle:checked~.header-welcome__button-auth {
        display: block;
        position: absolute;
        top: calc(85px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 0;
        text-align: center;
        z-index: 1001;
    }

    .header-welcome__watch {
        margin-left: auto;
    }

    .banner-welcome__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        text-align: center;
        padding: 15px;
        margin: 0 auto;
    }

    .banner-welcome__title {
        text-align: center;
    }
}

@media (max-width: 690px) {

    .footer-welcome__navigation {
        flex-wrap: wrap;
        align-items: center;
    }

    .footer-welcome__navigation li {
        margin: 10px;
    }

    .footer-welcome__navigation li:not(:last-child) {
        margin-right: 20px;
    }

    .footer-welcome-images__image {
        margin: 10px;
    }

    .footer-welcome__bottom {
        max-width: 500px;
        justify-content: center;
    }
}

@media (max-width: 600px) {

    .header-welcome__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 450px) {

    .header-welcome__logo img {
        max-width: 120px;
        flex-shrink: 0;
    }

    #burger-toggle:checked~.header-welcome__button-auth {
        display: flex;
        flex-direction: column;
        align-items: center;
        top: calc(225px + 100%);
    }

    .header-welcome__button-login {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .header-welcome__menu ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .burger__button {
        border: none;
    }
}

/**-------------- VIP PAGE----------*/

@media (max-width: 1280px) {

    .main-vip {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-vip__menu {
        display: none;
    }

    .header-vip__menu ul {
        position: relative;
        margin-left: 0;
        z-index: 3001;
    }

    .header-vip__dropdown {
        position: relative;
        display: none;
        z-index: 3002;
    }

    .header-vip__dropdown.show {
        display: block;
    }

    #burger-toggle:checked~.header-vip__menu {
        display: block;
        position: absolute;
        top: calc(0px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 15px;
        text-align: center;
        z-index: 3000;
    }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

    .hero-vip__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        padding: 15px;
        margin: 0 auto;
    }
}

@media (max-width: 850px) {

    .header-vip__button-auth {
        display: none;
    }

    #burger-toggle:checked~.header-vip__button-auth {
        display: block;
        position: absolute;
        top: calc(85px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 0;
        text-align: center;
        z-index: 1001;
    }

    .header-vip__watch {
        margin-left: auto;
    }

    .banner-vip__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        text-align: center;
        padding: 15px;
        margin: 0 auto;
    }

    .banner-vip__title {
        text-align: center;
    }
}

@media (max-width: 690px) {

    .footer-vip__navigation {
        flex-wrap: wrap;
        align-items: center;
    }

    .footer-vip__navigation li {
        margin: 10px;
    }

    .footer-vip__navigation li:not(:last-child) {
        margin-right: 20px;
    }

    .footer-vip-images__image {
        margin: 10px;
    }

    .footer-vip__bottom {
        max-width: 500px;
        justify-content: center;
    }
}

@media (max-width: 600px) {

    .header-vip__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 450px) {

    .header-vip__logo img {
        max-width: 120px;
        flex-shrink: 0;
    }

    #burger-toggle:checked~.header-vip__button-auth {
        display: flex;
        flex-direction: column;
        align-items: center;
        top: calc(225px + 100%);
    }

    .header-vip__button-login {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .header-vip__menu ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .burger__button {
        border: none;
    }
}

/**-------------- APP PAGE --------------*/

@media (max-width: 1280px) {

    .main-app {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-app__menu {
        display: none;
    }

    .header-app__menu ul {
        position: relative;
        margin-left: 0;
        z-index: 3001;
    }

    .header-app__dropdown {
        position: relative;
        display: none;
        z-index: 3002;
    }

    .header-app__dropdown.show {
        display: block;
    }

    #burger-toggle:checked~.header-app__menu {
        display: block;
        position: absolute;
        top: calc(0px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 15px;
        text-align: center;
        z-index: 3000;
    }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

    .hero-app__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        padding: 15px;
        margin: 0 auto;
    }
}

@media (max-width: 850px) {

    .header-app__button-auth {
        display: none;
    }

    #burger-toggle:checked~.header-app__button-auth {
        display: block;
        position: absolute;
        top: calc(85px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 0;
        text-align: center;
        z-index: 1001;
    }

    .header-app__watch {
        margin-left: auto;
    }
}

@media (max-width: 690px) {

    .footer-app__navigation {
        flex-wrap: wrap;
        align-items: center;
    }

    .footer-app__navigation li {
        margin: 10px;
    }

    .footer-app__navigation li:not(:last-child) {
        margin-right: 20px;
    }

    .footer-app-images__image {
        margin: 10px;
    }

    .footer-app__bottom {
        max-width: 500px;
        justify-content: center;
    }
}

@media (max-width: 600px) {

    .header-app__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 450px) {

    .header-app__logo img {
        max-width: 120px;
        flex-shrink: 0;
    }

    #burger-toggle:checked~.header-app__button-auth {
        display: flex;
        flex-direction: column;
        align-items: center;
        top: calc(225px + 100%);
    }

    .header-app__button-login {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .header-app__menu ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .burger__button {
        border: none;
    }

    .hero-app__buttons {
        flex-direction: column;
    }

    .hero-app__button-android {
        margin-left: 0;
        margin-top: 16px;   
    }
}

/**-------------- CASINO PAGE --------------*/

@media (max-width: 1280px) {

    .main-casino {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1225px) {
    .games-casino-panel__list {
        justify-content: center;
    }

    .games-casino-panel__list li {
        margin: 10px;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-casino__menu {
        display: none;
    }

    .header-casino__menu ul {
        position: relative;
        margin-left: 0;
        z-index: 3001;
    }

    .header-casino__dropdown {
        position: relative;
        display: none;
        z-index: 3002;
    }

    .header-casino__dropdown.show {
        display: block;
    }

    #burger-toggle:checked~.header-casino__menu {
        display: block;
        position: absolute;
        top: calc(0px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 15px;
        text-align: center;
        z-index: 3000;
    }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

    .hero-casino__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        padding: 15px;
        margin: 0 auto;
    }
}

@media (max-width: 850px) {

    .header-casino__button-auth {
        display: none;
    }

    #burger-toggle:checked~.header-casino__button-auth {
        display: block;
        position: absolute;
        top: calc(85px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 0;
        text-align: center;
        z-index: 1001;
    }

    .header-casino__watch {
        margin-left: auto;
    }
}

@media (max-width: 690px) {

    .footer-casino__navigation {
        flex-wrap: wrap;
        align-items: center;
    }

    .footer-casino__navigation li {
        margin: 10px;
    }

    .footer-casino__navigation li:not(:last-child) {
        margin-right: 20px;
    }

    .footer-casino-images__image {
        margin: 10px;
    }

    .footer-casino__bottom {
        max-width: 500px;
        justify-content: center;
    }
}

@media (max-width: 600px) {

    .header-casino__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 450px) {

    .header-casino__logo img {
        max-width: 120px;
        flex-shrink: 0;
    }

    #burger-toggle:checked~.header-casino__button-auth {
        display: flex;
        flex-direction: column;
        align-items: center;
        top: calc(225px + 100%);
    }

    .header-casino__button-login {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .header-casino__menu ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .burger__button {
        border: none;
    }
}

/**-------------- SLOTS PAGE --------------*/

@media (max-width: 1280px) {

    .main-slots {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1225px) {

    .games-slots-panel__list {
        justify-content: center;
    }

    .games-slots-panel__list li {
        margin: 10px;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-slots__menu {
        display: none;
    }

    .header-slots__menu ul {
        position: relative;
        margin-left: 0;
        z-index: 3001;
    }

    .header-slots__dropdown {
        position: relative;
        display: none;
        z-index: 3002;
    }

    .header-slots__dropdown.show {
        display: block;
    }

    #burger-toggle:checked~.header-slots__menu {
        display: block;
        position: absolute;
        top: calc(0px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 15px;
        text-align: center;
        z-index: 3000;
    }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

    .hero-slots__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        padding: 15px;
        margin: 0 auto;
    }
}

@media (max-width: 850px) {

    .header-slots__button-auth {
        display: none;
    }

    #burger-toggle:checked~.header-slots__button-auth {
        display: block;
        position: absolute;
        top: calc(85px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 0;
        text-align: center;
        z-index: 1001;
    }

    .header-slots__watch {
        margin-left: auto;
    }
}

@media (max-width: 690px) {

    .footer-slots__navigation {
        flex-wrap: wrap;
        align-items: center;
    }

    .footer-slots__navigation li {
        margin: 10px;
    }

    .footer-slots__navigation li:not(:last-child) {
        margin-right: 20px;
    }

    .footer-slots-images__image {
        margin: 10px;
    }

    .footer-slots__bottom {
        max-width: 500px;
        justify-content: center;
    }
}

@media (max-width: 600px) {

    .header-slots__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 450px) {

    .header-slots__logo img {
        max-width: 120px;
        flex-shrink: 0;
    }

    #burger-toggle:checked~.header-slots__button-auth {
        display: flex;
        flex-direction: column;
        align-items: center;
        top: calc(225px + 100%);
    }

    .header-slots__button-login {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .header-slots__menu ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
     }

    .burger__button {
        border: none;
    }
}

/**-------------- LIVE PAGE --------------*/

@media (max-width: 1280px) {

    .main-live {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1225px) {

    .games-live-panel__list {
        justify-content: center;
    }

    .games-live-panel__list li {
        margin: 10px;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-live__menu {
        display: none;
    }

    .header-live__menu ul {
        position: relative;
        margin-left: 0;
        z-index: 3001;
    }

    .header-live__dropdown {
        position: relative;
        display: none;
        z-index: 3002;
    }

    .header-live__dropdown.show {
        display: block;
    }

    #burger-toggle:checked~.header-live__menu {
        display: block;
        position: absolute;
        top: calc(0px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 15px;
        text-align: center;
        z-index: 3000;
    }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

    .hero-live__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        padding: 15px;
        margin: 0 auto;
    }
}

@media (max-width: 850px) {

    .header-live__button-auth {
        display: none;
    }

    #burger-toggle:checked~.header-live__button-auth {
        display: block;
        position: absolute;
        top: calc(85px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 0;
        text-align: center;
        z-index: 1001;
    }

    .header-live__watch {
        margin-left: auto;
    }
}

@media (max-width: 690px) {

    .footer-live__navigation {
        flex-wrap: wrap;
        align-items: center;
    }

    .footer-live__navigation li {
        margin: 10px;
    }

    .footer-live__navigation li:not(:last-child) {
        margin-right: 20px;
    }

    .footer-live-images__image {
        margin: 10px;
    }

    .footer-live__bottom {
        max-width: 500px;
        justify-content: center;
    }
}

@media (max-width: 600px) {

    .header-live__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 450px) {

    .header-live__logo img {
        max-width: 120px;
        flex-shrink: 0;
    }

    #burger-toggle:checked~.header-live__button-auth {
        display: flex;
        flex-direction: column;
        align-items: center;
        top: calc(225px + 100%);
    }

    .header-live__button-login {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .header-live__menu ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .burger__button {
        border: none;
    }
}

/**-------------- LOGIN PAGE --------------*/

@media (max-width: 1280px) {

    .main-login {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-login__menu {
        display: none;
    }

    .header-login__menu ul {
        position: relative;
        margin-left: 0;
        z-index: 3001;
    }

    .header-login__dropdown {
        position: relative;
        display: none;
        z-index: 3002;
    }

    .header-login__dropdown.show {
        display: block;
    }

    #burger-toggle:checked~.header-login__menu {
        display: block;
        position: absolute;
        top: calc(0px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 15px;
        text-align: center;
        z-index: 3000;
    }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

    .hero-login__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        padding: 15px;
        margin: 0 auto;
    }
}

@media (max-width: 850px) {

    .header-login__button-auth {
        display: none;
    }

    #burger-toggle:checked~.header-login__button-auth {
        display: block;
        position: absolute;
        top: calc(85px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 0;
        text-align: center;
        z-index: 1001;
    }

    .header-login__watch {
        margin-left: auto;
    }
}

@media (max-width: 690px) {

    .footer-login__navigation {
        flex-wrap: wrap;
        align-items: center;
    }

    .footer-login__navigation li {
        margin: 10px;
    }

    .footer-login__navigation li:not(:last-child) {
        margin-right: 20px;
    }

    .footer-login-images__image {
        margin: 10px;
    }

    .footer-login__bottom {
        max-width: 500px;
        justify-content: center;
    }
}

@media (max-width: 600px) {

    .header-login__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 450px) {

    .header-login__logo img {
        max-width: 120px;
        flex-shrink: 0;
    }

    #burger-toggle:checked~.header-login__button-auth {
        display: flex;
        flex-direction: column;
        align-items: center;
        top: calc(225px + 100%);
    }

    .header-login__button-login {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .header-login__menu ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .burger__button {
        border: none;
    }
}

/**-------------- SUPPORT PAGE --------------*/

@media (max-width: 1280px) {

    .main-support {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-support__menu {
        display: none;
    }

    .header-support__menu ul {
        position: relative;
        margin-left: 0;
        z-index: 3001;
    }

    .header-support__dropdown {
        position: relative;
        display: none;
        z-index: 3002;
    }

    .header-support__dropdown.show {
        display: block;
    }

    #burger-toggle:checked~.header-support__menu {
        display: block;
        position: absolute;
        top: calc(0px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 15px;
        text-align: center;
        z-index: 3000;
    }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

    .hero-support__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        padding: 15px;
        margin: 0 auto;
    }
}

@media (max-width: 850px) {

    .header-support__button-auth {
        display: none;
    }

    #burger-toggle:checked~.header-support__button-auth {
        display: block;
        position: absolute;
        top: calc(85px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 0;
        text-align: center;
        z-index: 1001;
    }

    .header-support__watch {
        margin-left: auto;
    }
}

@media (max-width: 690px) {

    .footer-support__navigation {
        flex-wrap: wrap;
        align-items: center;
    }

    .footer-support__navigation li {
        margin: 10px;
    }

    .footer-support__navigation li:not(:last-child) {
        margin-right: 20px;
    }

    .footer-support-images__image {
        margin: 10px;
    }

    .footer-support__bottom {
        max-width: 500px;
        justify-content: center;
    }
}

@media (max-width: 600px) {

    .header-support__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 450px) {

    .header-support__logo img {
        max-width: 120px;
        flex-shrink: 0;
    }

    #burger-toggle:checked~.header-support__button-auth {
        display: flex;
        flex-direction: column;
        align-items: center;
        top: calc(225px + 100%);
    }

    .header-support__button-login {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .header-support__menu ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .burger__button {
        border: none;
    }
}

/**-------------- RESPONSIBLE GAMING PAGE --------------*/

@media (max-width: 1280px) {

    .main-gaming {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-gaming__menu {
        display: none;
    }

    .header-gaming__menu ul {
        position: relative;
        margin-left: 0;
        z-index: 3001;
    }

    .header-gaming__dropdown {
        position: relative;
        display: none;
        z-index: 3002;
    }

    .header-gaming__dropdown.show {
        display: block;
    }

    #burger-toggle:checked~.header-gaming__menu {
        display: block;
        position: absolute;
        top: calc(0px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 15px;
        text-align: center;
        z-index: 3000;
    }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

    .hero-gaming__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        padding: 15px;
        margin: 0 auto;
    }
}

@media (max-width: 850px) {

    .header-gaming__button-auth {
        display: none;
    }

    #burger-toggle:checked~.header-gaming__button-auth {
        display: block;
        position: absolute;
        top: calc(85px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 0;
        text-align: center;
        z-index: 1001;
    }

    .header-gaming__watch {
        margin-left: auto;
    }
}

@media (max-width: 690px) {

    .footer-gaming__navigation {
        flex-wrap: wrap;
        align-items: center;
    }

    .footer-gaming__navigation li {
        margin: 10px;
    }

    .footer-gaming__navigation li:not(:last-child) {
        margin-right: 20px;
    }

    .footer-gaming-images__image {
        margin: 10px;
    }

    .footer-gaming__bottom {
        max-width: 500px;
        justify-content: center;
    }
}

@media (max-width: 600px) {

    .header-gaming__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 450px) {

    .header-gaming__logo img {
        max-width: 120px;
        flex-shrink: 0;
    }

    #burger-toggle:checked~.header-gaming__button-auth {
        display: flex;
        flex-direction: column;
        align-items: center;
        top: calc(225px + 100%);
    }

    .header-gaming__button-login {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .header-gaming__menu ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .burger__button {
        border: none;
    }
}

/**-------------- PRIVACY POLICY PAGE --------------*/

@media (max-width: 1280px) {

    .main-privacy {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-privacy__menu {
        display: none;
    }

    .header-privacy__menu ul {
        position: relative;
        margin-left: 0;
        z-index: 3001;
    }

    .header-privacy__dropdown {
        position: relative;
        display: none;
        z-index: 3002;
    }

    .header-privacy__dropdown.show {
        display: block;
    }

    #burger-toggle:checked~.header-privacy__menu {
        display: block;
        position: absolute;
        top: calc(0px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 15px;
        text-align: center;
        z-index: 3000;
    }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

    .hero-privacy__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        padding: 15px;
        margin: 0 auto;
    }
}

@media (max-width: 850px) {

    .header-privacy__button-auth {
        display: none;
    }

    #burger-toggle:checked~.header-privacy__button-auth {
        display: block;
        position: absolute;
        top: calc(85px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 0;
        text-align: center;
        z-index: 1001;
    }

    .header-privacy__watch {
        margin-left: auto;
    }
}

@media (max-width: 690px) {

    .footer-privacy__navigation {
        flex-wrap: wrap;
        align-items: center;
    }

    .footer-privacy__navigation li {
        margin: 10px;
    }

    .footer-privacy__navigation li:not(:last-child) {
        margin-right: 20px;
    }

    .footer-privacy-images__image {
        margin: 10px;
    }

    .footer-privacy__bottom {
        max-width: 500px;
        justify-content: center;
    }
}

@media (max-width: 600px) {

    .header-privacy__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 450px) {

    .header-privacy__logo img {
        max-width: 120px;
        flex-shrink: 0;
    }

    #burger-toggle:checked~.header-privacy__button-auth {
        display: flex;
        flex-direction: column;
        align-items: center;
        top: calc(225px + 100%);
    }

    .header-privacy__button-login {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .header-privacy__menu ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .burger__button {
        border: none;
    }
}

/**-------------- DEPOSIT PAGE --------------*/

@media (max-width: 1280px) {

    .main-deposit {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-deposit__menu {
        display: none;
    }

    .header-deposit__menu ul {
        position: relative;
        margin-left: 0;
        z-index: 3001;
    }

    .header-deposit__dropdown {
        position: relative;
        display: none;
        z-index: 3002;
    }

    .header-deposit__dropdown.show {
        display: block;
    }

    #burger-toggle:checked~.header-deposit__menu {
        display: block;
        position: absolute;
        top: calc(0px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 15px;
        text-align: center;
        z-index: 3000;
    }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

    .hero-deposit__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        padding: 15px;
        margin: 0 auto;
    }
}

@media (max-width: 850px) {

    .header-deposit__button-auth {
        display: none;
    }

    #burger-toggle:checked~.header-deposit__button-auth {
        display: block;
        position: absolute;
        top: calc(85px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 0;
        text-align: center;
        z-index: 1001;
    }

    .header-deposit__watch {
        margin-left: auto;
    }
}

@media (max-width: 690px) {

    .footer-deposit__navigation {
        flex-wrap: wrap;
        align-items: center;
    }

    .footer-deposit__navigation li {
        margin: 10px;
    }

    .footer-deposit__navigation li:not(:last-child) {
        margin-right: 20px;
    }

    .footer-deposit-images__image {
        margin: 10px;
    }

    .footer-deposit__bottom {
        max-width: 500px;
        justify-content: center;
    }
}

@media (max-width: 600px) {

    .header-deposit__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 450px) {

    .header-deposit__logo img {
        max-width: 120px;
        flex-shrink: 0;
    }

    #burger-toggle:checked~.header-deposit__button-auth {
        display: flex;
        flex-direction: column;
        align-items: center;
        top: calc(225px + 100%);
    }

    .header-deposit__button-login {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .header-deposit__menu ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .burger__button {
        border: none;
    }
}