@media (max-width: 1430px) {

    .header__menu ul {
        margin-left: 30px;
    }

    .header-menu__list {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header-dropdown__link {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1380px) {

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

@media (max-width: 1175px) {

    .games-panel__list {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header__menu {
        display: none;
    }

    .header__content .header-menu__list {
        padding-top: 0;
        padding-bottom: 12px;
    }

    .header__menu ul {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: transparent;
        box-shadow: none;
        margin-left: 0;
        z-index: 3001;
    }

    .header-dropdown__list {
        padding: 12px 0 0 0;
    }

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

    .header-menu__list>ul.header__dropdown {
        box-shadow: none;
    }
    
    .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;
    }

    .header-menu__list > ul.header__dropdown {
        background-color: transparent;
    }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

    .hero__content {
        padding-left: 30px;
        padding-right: 30px;
    }

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

}

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

    .info__team {
        flex-direction: column;
        gap: 0;
    }

    .info__table {
        border-spacing: 0 5px;   
    }

    .banner__title {
        font-size: 30px;
    }
}

@media (max-width: 850px) {

    .header__button-auth {
        display: none;
    }

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

    .header__watch {
        margin-left: auto;
    }   
    
    .banner__content {
        padding-left: 30px;
        padding-right: 30px;
    }

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

    .banner__title {
        text-align: center;
    }

    .banner__background>img {
        object-position: 20% 80%;
    }

}

@media (max-width: 765px) {

    .games-panel__list li {
        width: calc(100% - 10px);
        height: auto;
    }
}

@media (max-width: 750px) {

    .hero__background>img{
        object-position: 80% 20%;
    }

    .banner__image {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .banner__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .footer__content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer__navigation {
        flex-wrap: wrap;
    }

    .footer__details {
        max-width: 400px;
    }

    .scroll__button {
        bottom: 150px;
        right: 10px;
    }
}

@media (max-width: 713px) {

    .scroll__button {
        bottom: 10px;
    }
}

@media (max-width: 600px) {

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

    .info-banner__details {
        padding: 30px;
    }

    .footer__bottom {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .footer__details {
        margin-right: 0;
    }
}

@media (max-width: 550px) {

    .info__team li {
        width: calc(100% - 16px);
    }

    .hero__image {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .hero__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width: 480px) {

    .banner__title {
        font-size: 27px;
    }

    .banner__info span {
        font-size: 22px;
    }
}

@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(300px + 100%);
        }

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

    .burger__button {
        border: none;
    }

    .info__team {
        gap: 0;
    }

    .info__table table,
    .info__table tr,
    .info__table td {
        display: block;
    }

    .info__table {
        border-radius: 0;
        border-top: none;
        border-left: none;
        border-right: none;
    }

    .info__table table {
        width: auto;
    }

    .info__table tr {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 auto 5px;
    }

    .info__table td {
        border: none;
        background-color: transparent;
    }

    .info__table td+td {
        padding-left: 16px;

    }

    .info__table tr td:first-child {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 24px;
        padding: 16px 0 0 0;
    }
}

@media (max-width: 418px) {

    .scroll__button {
        bottom: 10px;
    }
}

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

@media (max-width: 1430px) {

    .header-bonuses__menu ul {
        margin-left: 30px;
    }

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

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

@media (max-width: 1330px) {

    .bonus__list {
        flex-wrap: wrap;
        justify-content: center;
    }
}


@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-bonuses__menu {
        display: none;
    }

    .header-bonuses__content .header-bonuses-menu__list {
        padding-top: 0;
        padding-bottom: 12px;
    }
    
        .header-bonuses__menu ul {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: transparent;
            box-shadow: none;
            margin-left: 0;
            z-index: 3001;
        }
    
        .header-bonuses-dropdown__list {
            padding: 12px 0 0 0;
        }
    
        .header-bonuses__dropdown {
            position: relative;
            display: none;
            z-index: 3002;
        }
    
        .header-bonuses__dropdown.show {
            display: block;
        }

        .header-bonuses-menu__list>ul.header-bonuses__dropdown {
            box-shadow: none;
        }
    
        #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;
        }
    
        .header-bonuses-menu__list > ul.header-bonuses__dropdown {
            background-color: transparent;
        }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

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

    .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: 950px) {

    .bonus__info {
        background-color: rgba(0, 0, 0, 0.5);
        padding: 10px;
    }
}

@media (max-width: 900px) {

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

@media (max-width: 870px) {

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

    .bonus__list li {
        max-width: 100%;
    }

    .bonus__image img{
        width: 100%;
    }
}

@media (max-width: 850px) {

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

    #burger-toggle:checked~.header-bonuses__button-auth {
        display: block;
        position: absolute;
        top: calc(300px + 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: 750px) {

    .bonus__background>img {
        object-position: 80% 20%;
    }

    .footer-bonuses__content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-bonuses__navigation {
        flex-wrap: wrap;
    }

    .footer-bonuses__details {
        max-width: 400px;
    }

}


@media (max-width: 600px) {

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

    .footer-bonuses__bottom {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .footer-bonuses__details {
        margin-right: 0;
    }
}

@media (max-width: 550px) {

    .hero-bonuses__image {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .hero-bonuses__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width: 470px) {

    .bonus__buttons {
        flex-direction: column;
    }
}

@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(300px + 100%);
    }

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

    .burger__button {
        border: none;
    }
}

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

@media (max-width: 1430px) {

    .header-spins__menu ul {
        margin-left: 30px;
    }

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

    .header-spins-dropdown__link {
        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__content .header-spins-menu__list {
        padding-top: 0;
        padding-bottom: 12px;
    }
    
        .header-spins__menu ul {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: transparent;
            box-shadow: none;
            margin-left: 0;
            z-index: 3001;
        }
    
        .header-spins-dropdown__list {
            padding: 12px 0 0 0;
        }
    
        .header-spins__dropdown {
            position: relative;
            display: none;
            z-index: 3002;
        }
    
        .header-spins__dropdown.show {
            display: block;
        }

        .header-spins-menu__list>ul.header-spins__dropdown {
            box-shadow: none;   
        }
    
        #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;
        }
    
        .header-spins-menu__list > ul.header-spins__dropdown {
            background-color: transparent;
        }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

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

    .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(300px + 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__content {
        padding-left: 30px;
        padding-right: 30px;
    }

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

    .banner-spins__title {
        text-align: center;
        font-size: 30px;
    }

}

@media (max-width: 750px) {

    .banner-spins__background>img {
        object-position: 20% 80%;
    }

    .footer-spins__content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-spins__navigation {
        flex-wrap: wrap;
    }

    .footer-spins__details {
        max-width: 400px;
    }
}

@media (max-width: 600px) {

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

    .hero-spins__image {
        top: 0;
        left: 0;
        width: 100%;
         height: 100%;
    }
    
    .hero-spins__image img {
         width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .footer-spins__bottom {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .footer-spins__details {
        margin-right: 0;
    }
}

@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(300px + 100%);
    }

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

    .hero-spins__image {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .hero-spins__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .burger__button {
        border: none;
    }
}

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

@media (max-width: 1430px) {

    .header-promo__menu ul {
        margin-left: 30px;
    }

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

    .header-promo-dropdown__link {
        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__content .header-promo-menu__list {
        padding-top: 0;
        padding-bottom: 12px;
    }
    
        .header-promo__menu ul {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: transparent;
            box-shadow: none;
            margin-left: 0;
            z-index: 3001;
        }
    
        .header-promo-dropdown__list {
            padding: 12px 0 0 0;
        }
    
        .header-promo__dropdown {
            position: relative;
            display: none;
            z-index: 3002;
        }
    
        .header-promo__dropdown.show {
            display: block;
        }

                
        .header-promo-menu__list>ul.header-promo__dropdown {
            box-shadow: none;   
        }
    
        #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;
        }
    
        .header-promo-menu__list > ul.header-promo__dropdown {
            background-color: transparent;
        }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

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

    .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(300px + 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__content {
        padding-left: 30px;
        padding-right: 30px;
    }

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

    .banner-promo__title {
        text-align: center;
        font-size: 30px;
    }
}

@media (max-width: 750px) {

    .banner-promo__background>img {
        object-position: 20% 80%;
    }

    .footer-promo__content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-promo__navigation {
        flex-wrap: wrap;
    }

    .footer-promo__details {
        max-width: 400px;
    }
}

@media (max-width: 600px) {

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

    .hero-promo__image {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .hero-promo__image img {
        width: 100%;
         height: 100%;
        object-fit: cover;
    }

    .banner-promo__title {
        font-size: 27px;
    }

    .banner-promo__info span { 
        font-size: 21px;
    }

    .footer-promo__bottom {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .footer-promo__details {
        margin-right: 0;
        display: none;
    }
}

@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(300px + 100%);
    }

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

    .burger__button {
        border: none;
    }
}

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

@media (max-width: 1430px) {

    .header-welcome__menu ul {
        margin-left: 30px;
    }

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

    .header-welcome-dropdown__link {
        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__content .header-welcome-menu__list {
        padding-top: 0;
        padding-bottom: 12px;
    }
    
         .header-welcome__menu ul {
             position: relative;
             display: flex;
             flex-direction: column;
             align-items: center;
             background-color: transparent;
            box-shadow: none;
             margin-left: 0;
             z-index: 3001;
         }
    
         .header-welcome-dropdown__list {
             padding: 12px 0 0 0;
         }
    
         .header-welcome__dropdown {
             position: relative;
             display: none;
             z-index: 3002;
         }
    
         .header-welcome__dropdown.show {
             display: block;
         }

        .header-welcome-menu__list>ul.header-welcome__dropdown {
            box-shadow: none;   
        }
    
         #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;
         }
    
         .header-welcome-menu__list > ul.header-welcome__dropdown {
             background-color: transparent;
         }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

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

    .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(300px + 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__content {
        padding-left: 30px;
        padding-right: 30px;
    }

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

    .banner-welcome__title {
        text-align: center;
        font-size: 30px;
    }

    .banner-welcome__background>img {
        object-position: 80% 20%;
    }
}

@media (max-width: 750px) {

    .banner-welcome__background>img {
        object-position: 20% 80%;
    }

    .footer-welcome__content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-welcome__navigation {
        flex-wrap: wrap;
    }

    .footer-welcome__details {
        max-width: 400px;
    }
}


@media (max-width: 600px) {

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

    .hero-welcome__image {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .hero-welcome__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .banner-welcome__title {
        font-size: 27px;
    }

    .banner-welcome__info span { 
        font-size: 21px;
    }

    .footer-welcome__bottom {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .footer-welcome__details {
        margin-right: 0;
    }
}

@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(300px + 100%);
    }

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

    .burger__button {
        border: none;
    }
}

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

@media (max-width: 1430px) {

    .header-vip__menu ul {
        margin-left: 30px;
    }

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

    .header-vip-dropdown__link {
        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__content .header-vip-menu__list {
            padding-top: 0;
            padding-bottom: 12px;
        }

        .header-vip__menu ul {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: transparent;
            box-shadow: none;
            margin-left: 0;
            z-index: 3001;
        }
    
        .header-vip-dropdown__list {
            padding: 12px 0 0 0;
        }
    
        .header-vip__dropdown {
            position: relative;
            display: none;
            z-index: 3002;
        }
    
        .header-vip__dropdown.show {
            display: block;
        }

                
        .header-vip-menu__list>ul.header-vip__dropdown {
            box-shadow: none;   
        }
    
        #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;
        }
    
        .header-vip-menu__list > ul.header-vip__dropdown {
            background-color: transparent;
        }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

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

    .hero-vip__info {
        max-width: 500px;
        background-color: rgba(0, 0, 0, 0.3);
        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(300px + 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__content {
        padding-left: 30px;
        padding-right: 30px;
    }

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

    .banner-vip__title {
        text-align: center;
        font-size: 30px;
    }

    .banner-vip__background>img {
        object-position: 80% 20%;
    }
}

@media (max-width: 750px) {

    .banner-vip__background>img {
        object-position: 20% 80%;
    }

    .footer-vip__content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-vip__navigation {
        flex-wrap: wrap;
    }

    .footer-vip__details {
        max-width: 400px;
    }
}

@media (max-width: 600px) {

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

    .hero-vip__image {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .hero-vip__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .banner-vip__title {
        font-size: 27px;
    }

    .banner-vip__info span {
        font-size: 21px;
    }

    .footer-vip__bottom {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .footer-vip__details {
        margin-right: 0;
    }
}

@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(300px + 100%);
    }

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

    .burger__button {
        border: none;
    }
}

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

@media (max-width: 1430px) {

    .header-app__menu ul {
        margin-left: 30px;
    }

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

    .header-app-dropdown__link {
        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__content .header-app-menu__list {
        padding-top: 0;
        padding-bottom: 12px;
    }
    
        .header-app__menu ul {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: transparent;
            box-shadow: none;
            margin-left: 0;
            z-index: 3001;
        }
    
        .header-app-dropdown__list {
            padding: 12px 0 0 0;
        }
    
        .header-app__dropdown {
            position: relative;
            display: none;
            z-index: 3002;
        }
    
        .header-app__dropdown.show {
            display: block;
        }

        .header-app-menu__list>ul.header-app__dropdown {
            box-shadow: none;   
        }
    
        #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;
        }
    
        .header-app-menu__list > ul.header-app__dropdown {
            background-color: transparent;
        }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

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

    .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(300px + 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: 750px) {

    .footer-app__content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-app__navigation {
        flex-wrap: wrap;
    }

    .footer-app__details {
        max-width: 400px;
    }
}

@media (max-width: 600px) {

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

    .hero-app__background>img {
        object-position: 80% 20%;
    }

    .hero-app__buttons {
        flex-wrap: wrap;
    }

    .footer-app__bottom {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .footer-app__details {
        margin-right: 0;
    }
}

@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(300px + 100%);
    }

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

    .burger__button {
        border: none;
    }

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

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

@media (max-width: 1430px) {

    .header-casino__menu ul {
        margin-left: 30px;
    }

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

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

@media (max-width: 1280px) {

    .games-casino-panel__list {
        flex-wrap: wrap;
        justify-content: center;
    }
}


@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-casino__menu {
        display: none;
    }

    .header-casino__content .header-casino-menu__list {
        padding-top: 0;
        padding-bottom: 12px;
    }
    
        .header-casino__menu ul {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: transparent;
            box-shadow: none;
            margin-left: 0;
            z-index: 3001;
        }
    
        .header-casino-dropdown__list {
            padding: 12px 0 0 0;
        }
    
        .header-casino__dropdown {
            position: relative;
            display: none;
            z-index: 3002;
        }
    
        .header-casino__dropdown.show {
            display: block;
        }

        .header-casino-menu__list>ul.header-casino__dropdown {
            box-shadow: none;   
        }
    
        #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;
        }
    
        .header-casino-menu__list > ul.header-casino__dropdown {
            background-color: transparent;
        }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

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

    .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(300px + 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: 765px) {

    .games-casino-panel__list li {
        width: calc(100% - 10px);
        height: auto;
    }
}

@media (max-width: 750px) {

    .footer-casino__content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-casino__navigation {
        flex-wrap: wrap;
    }

    .footer-casino__details {
        max-width: 400px;
    }
}

@media (max-width: 600px) {

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

    .hero-casino__background>img{
        object-position: 80% 20%;
    }

    .footer-casino__bottom {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .footer-casino__details {
        margin-right: 0;
    }
}

@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(300px + 100%);
    }

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

    .burger__button {
        border: none;
    }
}

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

@media (max-width: 1430px) {

    .header-slots__menu ul {
        margin-left: 30px;
    }

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

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

@media (max-width: 1280px) {

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

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-slots__menu {
        display: none;
    }

    .header-slots__content .header-slots-menu__list {
        padding-top: 0;
        padding-bottom: 12px;
    }
    
        .header-slots__menu ul {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: transparent;
            box-shadow: none;
            margin-left: 0;
            z-index: 3001;
        }
    
        .header-slots-dropdown__list {
            padding: 12px 0 0 0;
        }
    
        .header-slots__dropdown {
            position: relative;
            display: none;
            z-index: 3002;
        }
    
        .header-slots__dropdown.show {
            display: block;
        }

        .header-slots-menu__list>ul.header-slots__dropdown {
            box-shadow: none;   
        }
    
        #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;
        }
    
        .header-slots-menu__list > ul.header-slots__dropdown {
            background-color: transparent;
        }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

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

    .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(300px + 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: 765px) {

    .games-slots-panel__list li {
        width: calc(100% - 10px);
        height: auto;
    }
}

@media (max-width: 750px) {

    .footer-slots__content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-slots__navigation {
        flex-wrap: wrap;
    }

    .footer-slots__details {
        max-width: 400px;
    }
}

@media (max-width: 600px) {

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

    .hero-slots__background>img {
        object-position: 80% 20%;
    }

    .footer-slots__bottom {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .footer-slots__details {
        margin-right: 0;
    }
}

@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(300px + 100%);
    }

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

    .burger__button {
        border: none;
    }
}


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

@media (max-width: 1430px) {

    .header-live__menu ul {
        margin-left: 30px;
    }

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

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

@media (max-width: 1280px) {

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

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-live__menu {
        display: none;
    }

    .header-live__content .header-live-menu__list {
        padding-top: 0;
        padding-bottom: 12px;
    }
    
        .header-live__menu ul {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: transparent;
            box-shadow: none;
            margin-left: 0;
            z-index: 3001;
        }
    
        .header-live-dropdown__list {
            padding: 12px 0 0 0;
        }
    
        .header-live__dropdown {
            position: relative;
            display: none;
            z-index: 3002;
        }
    
        .header-live__dropdown.show {
            display: block;
        }

        .header-live-menu__list>ul.header-live__dropdown {
            box-shadow: none;   
        }
    
        #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;
        }
    
        .header-live-menu__list > ul.header-live__dropdown {
            background-color: transparent;
        }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

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

    .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(300px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 0;
        text-align: center;
        z-index: 1001;
    }

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

    .hero-live__background>img {
        object-position: 80% 20%;
    }
}

@media (max-width: 765px) {

    .games-live-panel__list li {
        width: calc(100% - 10px);
        height: auto;
    }
}

@media (max-width: 750px) {

    .footer-live__content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-live__navigation {
        flex-wrap: wrap;
    }

    .footer-live__details {
        max-width: 400px;
    }
}

@media (max-width: 600px) {

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

    .footer-live__bottom {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .footer-live__details {
        margin-right: 0;
    }
}

@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(300px + 100%);
    }

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

    .burger__button {
        border: none;
    }
}


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

@media (max-width: 1430px) {

    .header-login__menu ul {
        margin-left: 30px;
    }

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

    .header-login-dropdown__link {
        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__content .header-login-menu__list {
        padding-top: 0;
        padding-bottom: 12px;
    }
    
        .header-login__menu ul {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: transparent;
            box-shadow: none;
            margin-left: 0;
            z-index: 3001;
        }
    
        .header-login-dropdown__list {
            padding: 12px 0 0 0;
        }
    
        .header-login__dropdown {
            position: relative;
            display: none;
            z-index: 3002;
        }
    
        .header-login__dropdown.show {
            display: block;
        }

        .header-login-menu__list>ul.header-login__dropdown {
            box-shadow: none;   
        }
    
        #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;
        }
    
        .header-login-menu__list > ul.header-login__dropdown {
            background-color: transparent;
        }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

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

    .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(300px + 100%);
        left: 0;
        width: 100%;
        background: var(--header);
        padding: 30px 0;
        text-align: center;
        z-index: 1001;
    }

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

    .hero-login__background>img {
        object-position: 80% 20%;
    }
}

@media (max-width: 750px) {

    .footer-login__content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-login__navigation {
        flex-wrap: wrap;
    }

    .footer-login__details {
        max-width: 400px;
    }
}

@media (max-width: 600px) {

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

    .hero-login__image {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .hero-login__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .footer-login__bottom {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .footer-login__details {
        margin-right: 0;
    }
}

@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(300px + 100%);
    }

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

    .burger__button {
        border: none;
    }
}


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

@media (max-width: 1430px) {

    .header-support__menu ul {
        margin-left: 30px;
    }

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

    .header-support-dropdown__link {
        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__content .header-support-menu__list {
        padding-top: 0;
        padding-bottom: 12px;
    }
    
        .header-support__menu ul {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: transparent;
            box-shadow: none;
            margin-left: 0;
            z-index: 3001;
        }
    
        .header-support-dropdown__list {
            padding: 12px 0 0 0;
        }
    
        .header-support__dropdown {
            position: relative;
            display: none;
            z-index: 3002;
        }
    
        .header-support__dropdown.show {
            display: block;
        }

        .header-support-menu__list>ul.header-support__dropdown {
            box-shadow: none;   
        }
    
        #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;
        }
    
        .header-support-menu__list > ul.header-support__dropdown {
            background-color: transparent;
        }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

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

    .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(300px + 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: 750px) {

    .footer-support__content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-support__navigation {
        flex-wrap: wrap;
    }

    .footer-support__details {
        max-width: 400px;
    }
}

@media (max-width: 600px) {

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

    .hero-support__background>img {
        object-position: 80% 20%;
    }

    .footer-support__bottom {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .footer-support__details {
        margin-right: 0;
    }
}

@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(300px + 100%);
    }

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

    .burger__button {
        border: none;
    }
}

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

@media (max-width: 1430px) {

    .header-gaming__menu ul {
        margin-left: 30px;
    }

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

    .header-gaming-dropdown__link {
        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__content .header-gaming-menu__list {
        padding-top: 0;
        padding-bottom: 12px;
    }
    
        .header-gaming__menu ul {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: transparent;
            box-shadow: none;
            margin-left: 0;
            z-index: 3001;
        }
    
        .header-gaming-dropdown__list {
            padding: 12px 0 0 0;
        }
    
        .header-gaming__dropdown {
            position: relative;
            display: none;
            z-index: 3002;
        }
    
        .header-gaming__dropdown.show {
            display: block;
        }

        .header-gaming-menu__list>ul.header-gaming__dropdown {
            box-shadow: none;   
        }
    
        #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;
        }
    
        .header-gaming-menu__list > ul.header-gaming__dropdown {
            background-color: transparent;
        }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

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

    .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(300px + 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: 750px) {

    .footer-gaming__content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-gaming__navigation {
        flex-wrap: wrap;
    }

    .footer-gaming__details {
        max-width: 400px;
    }
}

@media (max-width: 600px) {

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

    .hero-gaming__image {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .hero-gaming__image img {
        width: 100%;
           height: 100%;
        object-fit: cover;
    }

    .footer-gaming__bottom {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .footer-gaming__details {
        margin-right: 0;
    }
}

@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(300px + 100%);
    }

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

    .burger__button {
        border: none;
    }
}


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

@media (max-width: 1430px) {

    .header-privacy__menu ul {
        margin-left: 30px;
    }

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

    .header-privacy-dropdown__link {
        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__content .header-privacy-menu__list {
            padding-top: 0;
            padding-bottom: 12px;
        }
    
     .header-privacy__menu ul {
         position: relative;
         display: flex;
         flex-direction: column;
         align-items: center;
         background-color: transparent;
        box-shadow: none;
         margin-left: 0;
         z-index: 3001;
     }
    
     .header-privacy-dropdown__list {
         padding: 12px 0 0 0;
     }
    
     .header-privacy__dropdown {
         position: relative;
         display: none;
         z-index: 3002;
     }
    
     .header-privacy__dropdown.show {
         display: block;
     }

    .header-privacy-menu__list>ul.header-privacy__dropdown {
        box-shadow: none;
    }
    
     #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;
     }
    
     .header-privacy-menu__list > ul.header-privacy__dropdown {
         background-color: transparent;
     }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

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

    .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(300px + 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: 750px) {

    .footer-privacy__content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-privacy__navigation {
        flex-wrap: wrap;
    }

    .footer-privacy__details {
        max-width: 400px;
    }

}

@media (max-width: 600px) {

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

    .hero-privacy__background>img {
        object-position: 80% 20%;
    }

    .footer-privacy__bottom {
        flex-direction: column;
        align-items: center;
         gap: 20px;
    }
    
    .footer-privacy__details {
        margin-right: 0;
    }
}

@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(300px + 100%);
    }

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

    .burger__button {
        border: none;
    }
}

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

@media (max-width: 1430px) {

    .header-deposit__menu ul {
        margin-left: 30px;
    }

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

    .header-deposit-dropdown__link {
        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__content .header-deposit-menu__list {
        padding-top: 0;
        padding-bottom: 12px;
    }
    
        .header-deposit__menu ul {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: transparent;
            box-shadow: none;
            margin-left: 0;
            z-index: 3001;
        }
    
        .header-deposit-dropdown__list {
            padding: 12px 0 0 0;
        }
    
        .header-deposit__dropdown {
            position: relative;
            display: none;
            z-index: 3002;
        }
    
        .header-deposit__dropdown.show {
            display: block;
        }

        .header-deposit-menu__list>ul.header-deposit__dropdown {
            box-shadow: none;   
        }
    
        #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;
        }
    
        .header-deposit-menu__list > ul.header-deposit__dropdown {
            background-color: transparent;
        }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1060px) {

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

    .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(300px + 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: 750px) {

    .footer-deposit__content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-deposit__navigation {
        flex-wrap: wrap;
    }

    .footer-deposit__details {
        max-width: 400px;
    }
}

@media (max-width: 600px) {

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

    .hero-deposit__image {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
     }
    
     .hero-deposit__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .footer-deposit__bottom {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .footer-deposit__details {
        margin-right: 0;
    }
}

@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(300px + 100%);
    }

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

    .burger__button {
        border: none;
    }
}