
@media (max-width: 1380px) {

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

@media (max-width: 1290px) {

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

    .hero__info {
        background-color: #141C25B3;
        border-radius: 6px;
        padding: 20px;
        margin: 0 auto;
    }

    .hero__button {
        padding-left: 32px;
        padding-right: 32px;
    }

    .footer__bottom {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header__menu {
        display: none;
        margin-left: 0;
    }

    .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-menu__list {
        margin-bottom: 12px;
    }

    .header-menu__list a {
        margin-right: 0;
    }

        #burger-toggle:checked~.header__menu {
            display: block;
            position: fixed;
            top: 80px;
            left: 0;
            right: 0;
            width: 100%;
            background: var(--header);
            padding: 30px 15px;
            text-align: center;
            z-index: 3000;
            max-height: calc(100vh - 100px);
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }
                #burger-toggle:checked~.header__menu::-webkit-scrollbar {
                    width: 6px;
                }
        
                #burger-toggle:checked~.header__menu::-webkit-scrollbar-track {
                    background: var(--header);
                }

                #burger-toggle:checked~.header__menu::-webkit-scrollbar-thumb {
                    background-color: var(--bg-menu);
                    border-radius: 3px;
                }
        
                #burger-toggle:checked~.header__menu::-webkit-scrollbar-thumb:hover {
                    background-color: var(--btn);
                }
      

    .header__lang {
        margin-right: 16px;
    }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1110px) {

    .info__item {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

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

@media (max-width: 950px) {

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

    .banner__info {
        max-width: 450px;
        background-color: #141C25B3;
        border-radius: 6px;
        padding: 20px;
        margin: 0 auto;
    }

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

@media (max-width: 900px) {
    
    h1,
    .title.general {
        font-size: 36px;
        line-height: 30px;
    }

    h2,
    .title.high {
        font-size: 22px;
        line-height: 30px;
    }
}

@media (max-width: 850px) {

    .header__button-auth {
        display: none;
    }

    .header__button-register {
        margin-right: 0;
    }      

    .header__lang {
        margin-left: auto;
    }
}

@media (max-width: 750px) {
    
    .footer__content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer__navigation {
        flex-wrap: wrap;
    }

    .footer__details {
        max-width: 400px;
    }

}

@media (max-width: 713px) {

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

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

    .info__list span:first-child {
        text-align: center;
        background-color: transparent;
    }
}

@media (max-width: 650px) {

    .games-panel__list li {
        width: 100%;
        max-width: 100%;
    }

    .scroll__button {
        bottom: 100px;
    }
}

@media (max-width: 600px) {

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

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

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

    .footer__details {
        margin-right: 0;
    }
}

@media (max-width: 550px) {
    
    h1,
    .title.general {
        font-size: 28px;
    }

    h2,
    .title.high {
        font-size: 19px;
    }

    .scroll__button {
        bottom: 20px;
    }
}

@media (max-width: 450px) {

    .header__button-register {
        margin-left: 0;
        margin-top: 12px;
    }    

    .burger__button {
        border: none;
    }
}

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

@media (max-width: 1330px) {

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

@media (max-width: 1290px) {

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

    .hero-bonuses__info {
        background-color: #141C25B3;
        border-radius: 6px;
        padding: 20px;
        margin: 0 auto;
    }

    .hero-bonuses__button {
        padding-left: 32px;
        padding-right: 32px;
    }

    .footer-bonuses__bottom {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 1265px) {
    .bonus__list li {
        width: 100%;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

     .header-bonuses__menu {
        display: none;
        margin-left: 0;
    }

    .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-menu__list {
        margin-bottom: 12px;
    }

    .header-bonuses-menu__list a {
        margin-right: 0;
    }

        #burger-toggle:checked~.header-bonuses__menu {
            display: block;
            position: fixed;
            top: 80px;
            left: 0;
            right: 0;
            width: 100%;
            background: var(--header);
            padding: 30px 15px;
            text-align: center;
            z-index: 3000;
            max-height: calc(100vh - 100px);
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }
                #burger-toggle:checked~.header-bonuses__menu::-webkit-scrollbar {
                    width: 6px;
                }
        
                #burger-toggle:checked~.header-bonuses__menu::-webkit-scrollbar-track {
                    background: var(--header);
                }

                #burger-toggle:checked~.header-bonuses__menu::-webkit-scrollbar-thumb {
                    background-color: var(--bg-menu);
                    border-radius: 3px;
                }
        
                #burger-toggle:checked~.header-bonuses__menu::-webkit-scrollbar-thumb:hover {
                    background-color: var(--btn);
                }          

    .header-bonuses__lang {
        margin-right: 16px;
    }

    .burger__button {
        margin-left: 16px;
    }
}

@media (max-width: 850px) {

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

    .header-bonuses__button-register {
        margin-right: 0;
    }   

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

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

    .bonus__image img{
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 750px) {

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

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

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

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

    .bonus__info {
        max-width: 100%;
    }
}



@media (max-width: 600px) {

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

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

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


@media (max-width: 450px) {

    .header-bonuses__button-register {
        margin-left: 0;
        margin-top: 12px;
    }    

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

    .burger__button {
        border: none;
    }
}

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

@media (max-width: 1290px) {

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

    .hero-app__info {
        background-color: #141C25B3;
        border-radius: 6px;
        padding: 20px;
        margin: 0 auto;
    }

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

    .footer-app__bottom {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

     .header-app__menu {
        display: none;
        margin-left: 0;
    }

    .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-menu__list {
        margin-bottom: 12px;
    }

    .header-app-menu__list a {
        margin-right: 0;
    }

        #burger-toggle:checked~.header-app__menu {
            display: block;
            position: fixed;
            top: 80px;
            left: 0;
            right: 0;
            width: 100%;
            background: var(--header);
            padding: 30px 15px;
            text-align: center;
            z-index: 3000;
            max-height: calc(100vh - 100px);
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }
                #burger-toggle:checked~.header-app__menu::-webkit-scrollbar {
                    width: 6px;
                }
        
                #burger-toggle:checked~.header-app__menu::-webkit-scrollbar-track {
                    background: var(--header);
                }

                #burger-toggle:checked~.header-app__menu::-webkit-scrollbar-thumb {
                    background-color: var(--bg-menu);
                    border-radius: 3px;
                }
        
                #burger-toggle:checked~.header-app__menu::-webkit-scrollbar-thumb:hover {
                    background-color: var(--btn);
                }        

    .header-app__lang {
        margin-right: 16px;
    }

    .burger__button {
        margin-left: 16px;
    }
}

@media (max-width: 850px) {

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

    .header-app__button-register {
        margin-right: 0;
    }   

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

@media (max-width: 750px) {

    .hero-app__image {
        width: 100%;
        height: 100%;
    }

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

    .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: 50px;
        padding-right: 50px;
    }

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

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

    .mobile__buttons {
        flex-direction: column;
    }

    .mobile__button {
        background-color: var(--btn-header);
    }

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

@media (max-width: 450px) {

     .header-app__button-register {
        margin-left: 0;
        margin-top: 12px;
    }    

    .burger__button {
        border: none;
    }
}

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

@media (max-width: 1290px) {

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

    .hero-slots__info {
        background-color: #141C25B3;
        border-radius: 6px;
        padding: 20px;
        margin: 0 auto;
  }

  .hero-slots__button {
        padding-left: 32px;
        padding-right: 32px;
    }

  .footer-slots__bottom {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-slots__menu {
        display: none;
        margin-left: 0;
    }

    .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-menu__list {
        margin-bottom: 12px;
    }

    .header-slots-menu__list a {
        margin-right: 0;
    }

        #burger-toggle:checked~.header-slots__menu {
            display: block;
            position: fixed;
            top: 80px;
            left: 0;
            right: 0;
            width: 100%;
            background: var(--header);
            padding: 30px 15px;
            text-align: center;
            z-index: 3000;
            max-height: calc(100vh - 100px);
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }
                #burger-toggle:checked~.header-slots__menu::-webkit-scrollbar {
                    width: 6px;
                }
        
                #burger-toggle:checked~.header-slots__menu::-webkit-scrollbar-track {
                    background: var(--header);
                }

                #burger-toggle:checked~.header-slots__menu::-webkit-scrollbar-thumb {
                    background-color: var(--bg-menu);
                    border-radius: 3px;
                }
        
                #burger-toggle:checked~.header-slots__menu::-webkit-scrollbar-thumb:hover {
                    background-color: var(--btn);
                }         

    .header-slots__lang {
        margin-right: 16px;
    }

    .burger__button {
        margin-left: 16px;
    }

}

@media (max-width: 1110px) {

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

@media (max-width: 850px) {

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

    .header-slots__button-register {
        margin-right: 0;
    }   

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

@media (max-width: 750px) {

    .hero-slots__image {
        width: 100%;
        height: 100%;
    }

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

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

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

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

@media (max-width: 650px) {

    .games-slots-panel__list li {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 600px) {

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

    .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__button-register {
        margin-left: 0;
        margin-top: 12px;
    }    

    .burger__button {
        border: none;
    }
}

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

@media (max-width: 1290px) {

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

   .hero-live__info {
        background-color: #141C25B3;
        border-radius: 6px;
        padding: 20px;
        margin: 0 auto;
   }

   .hero-live__button {
        padding-left: 32px;
        padding-right: 32px;
    }

   .footer-live__bottom {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-live__menu {
        display: none;
        margin-left: 0;
    }

    .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-menu__list {
        margin-bottom: 12px;
    }

    .header-live-menu__list a {
        margin-right: 0;
    }

        #burger-toggle:checked~.header-live__menu {
            display: block;
            position: fixed;
            top: 80px;
            left: 0;
            right: 0;
            width: 100%;
            background: var(--header);
            padding: 30px 15px;
            text-align: center;
            z-index: 3000;
            max-height: calc(100vh - 100px);
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }
                #burger-toggle:checked~.header-live__menu::-webkit-scrollbar {
                    width: 6px;
                }
        
                #burger-toggle:checked~.header-live__menu::-webkit-scrollbar-track {
                    background: var(--header);
                }

                #burger-toggle:checked~.header-live__menu::-webkit-scrollbar-thumb {
                    background-color: var(--bg-menu);
                    border-radius: 3px;
                }
        
                #burger-toggle:checked~.header-live__menu::-webkit-scrollbar-thumb:hover {
                    background-color: var(--btn);
                }

    .header-live__lang {
        margin-right: 16px;
    }

    .burger__button {
        margin-left: 16px;
    }
}

@media (max-width: 1110px) {

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

@media (max-width: 850px) {

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

    .header-live__button-register {
        margin-right: 0;
    }   

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

}

@media (max-width: 750px) {

    .hero-live__image {
        width: 100%;
        height: 100%;
    }

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

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

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

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

@media (max-width: 650px) {

    .games-live-panel__list li {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 600px) {

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

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

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

@media (max-width: 450px) {

    .header-live__button-register {
        margin-left: 0;
        margin-top: 12px;
    }    

    .burger__button {
        border: none;
    }
}

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

@media (max-width: 1290px) {

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

    .hero-login__info {
        background-color: #141C25B3;
        border-radius: 6px;
        padding: 20px;
        margin: 0 auto;
    }

    .hero-login__button {
        padding-left: 32px;
        padding-right: 32px;
    }

    .footer-login__bottom {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-login__menu {
        display: none;
        margin-left: 0;
    }

    .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-menu__list {
        margin-bottom: 12px;
    }

    .header-login-menu__list a {
        margin-right: 0;
    }

        #burger-toggle:checked~.header-login__menu {
            display: block;
            position: fixed;
            top: 80px;
            left: 0;
            right: 0;
            width: 100%;
            background: var(--header);
            padding: 30px 15px;
            text-align: center;
            z-index: 3000;
            max-height: calc(100vh - 100px);
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }
                #burger-toggle:checked~.header-login__menu::-webkit-scrollbar {
                    width: 6px;
                }
        
                #burger-toggle:checked~.header-login__menu::-webkit-scrollbar-track {
                    background: var(--header);
                }

                #burger-toggle:checked~.header-login__menu::-webkit-scrollbar-thumb {
                    background-color: var(--bg-menu);
                    border-radius: 3px;
                }
        
                #burger-toggle:checked~.header-login__menu::-webkit-scrollbar-thumb:hover {
                    background-color: var(--btn);
                }        

    .header-login__lang {
        margin-right: 16px;
    }

    .burger__button {
        margin-left: 16px;
    }
}

@media (max-width: 850px) {

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

    .header-login__button-register {
        margin-right: 0;
    }   

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

@media (max-width: 750px) {

    .hero-login__image {
        width: 100%;
        height: 100%;
    }

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

    .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: 50px;
        padding-right: 50px;
    }

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

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

@media (max-width: 450px) {

    .header-login__button-register {
        margin-left: 0;
        margin-top: 12px;
    }    

    .burger__button {
        border: none;
    }
}

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

@media (max-width: 1290px) {

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

    .hero-support__info {
        background-color: #141C25B3;
        border-radius: 6px;
        padding: 20px;
        margin: 0 auto;
    }

    .hero-support__button {
        padding-left: 32px;
        padding-right: 32px;
    }

    .footer-support__bottom {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-support__menu {
        display: none;
        margin-left: 0;
    }

    .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-menu__list {
        margin-bottom: 12px;
    }

    .header-support-menu__list a {
        margin-right: 0;
    }

        #burger-toggle:checked~.header-support__menu {
            display: block;
            position: fixed;
            top: 80px;
            left: 0;
            right: 0;
            width: 100%;
            background: var(--header);
            padding: 30px 15px;
            text-align: center;
            z-index: 3000;
            max-height: calc(100vh - 100px);
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }
                #burger-toggle:checked~.header-support_menu::-webkit-scrollbar {
                    width: 6px;
                }
        
                #burger-toggle:checked~.header-support__menu::-webkit-scrollbar-track {
                    background: var(--header);
                }

                #burger-toggle:checked~.header-support__menu::-webkit-scrollbar-thumb {
                    background-color: var(--bg-menu);
                    border-radius: 3px;
                }
        
                #burger-toggle:checked~.header-support__menu::-webkit-scrollbar-thumb:hover {
                    background-color: var(--btn);
                }        

    .header-support__lang {
        margin-right: 16px;
    }

    .burger__button {
        margin-left: 16px;
    }
}

@media (max-width: 850px) {

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

    .header-support__button-register {
        margin-right: 0;
    }   

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

@media (max-width: 750px) {

    .hero-support__image {
        width: 100%;
        height: 100%;
    }

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

    .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: 50px;
        padding-right: 50px;
    }

    .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__button-register {
        margin-left: 0;
        margin-top: 12px;
    }    

    .burger__button {
        border: none;
    }
}


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

@media (max-width: 1290px) {

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

    .hero-gaming__info {
        background-color: #141C25B3;
        border-radius: 6px;
        padding: 20px;
        margin: 0 auto;
    }

    .hero-gaming__button {
        padding-left: 32px;
        padding-right: 32px;
    }

    .footer-gaming__bottom {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

     .header-gaming__menu {
        display: none;
        margin-left: 0;
    }

    .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-menu__list {
        margin-bottom: 12px;
    }

    .header-gaming-menu__list a {
        margin-right: 0;
    }

        #burger-toggle:checked~.header-gaming__menu {
            display: block;
            position: fixed;
            top: 80px;
            left: 0;
            right: 0;
            width: 100%;
            background: var(--header);
            padding: 30px 15px;
            text-align: center;
            z-index: 3000;
            max-height: calc(100vh - 100px);
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }
                #burger-toggle:checked~.header-gaming__menu::-webkit-scrollbar {
                    width: 6px;
                }
        
                #burger-toggle:checked~.header-gaming__menu::-webkit-scrollbar-track {
                    background: var(--header);
                }

                #burger-toggle:checked~.header-gaming__menu::-webkit-scrollbar-thumb {
                    background-color: var(--bg-menu);
                    border-radius: 3px;
                }
        
                #burger-toggle:checked~.header-gaming__menu::-webkit-scrollbar-thumb:hover {
                    background-color: var(--btn);
                }        

    .header-gaming__lang {
        margin-right: 16px;
    }

    .burger__button {
        margin-left: 16px;
    }
}

@media (max-width: 850px) {

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

    .header-gaming__button-register {
        margin-right: 0;
    }   

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

@media (max-width: 750px) {

    .hero-gaming__image {
        width: 100%;
        height: 100%;
    }

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

    .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: 50px;
        padding-right: 50px;
    }

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

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

@media (max-width: 450px) {

    .header-gaming__button-register {
        margin-left: 0;
        margin-top: 12px;
    }    

    .burger__button {
        border: none;
    }
}

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

@media (max-width: 1290px) {

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

    .hero-privacy__info {
        background-color: #141C25B3;
        border-radius: 6px;
        padding: 20px;
        margin: 0 auto;
    }

    .hero-privacy__button {
        padding-left: 32px;
        padding-right: 32px;
    }

    .footer-privacy__bottom {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1175px) {

    .burger__button {
        display: none;
    }
}

@media (max-width: 1174px) {

    .header-privacy__menu {
        display: none;
        margin-left: 0;
    }

    .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-menu__list {
        margin-bottom: 12px;
    }

    .header-privacy-menu__list a {
        margin-right: 0;
    }

        #burger-toggle:checked~.header-privacy__menu {
            display: block;
            position: fixed;
            top: 80px;
            left: 0;
            right: 0;
            width: 100%;
            background: var(--header);
            padding: 30px 15px;
            text-align: center;
            z-index: 3000;
            max-height: calc(100vh - 100px);
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }
                #burger-toggle:checked~.header-privacy__menu::-webkit-scrollbar {
                    width: 6px;
                }
        
                #burger-toggle:checked~.header-privacy__menu::-webkit-scrollbar-track {
                    background: var(--header);
                }

                #burger-toggle:checked~.header-privacy__menu::-webkit-scrollbar-thumb {
                    background-color: var(--bg-menu);
                    border-radius: 3px;
                }
        
                #burger-toggle:checked~.header-privacy__menu::-webkit-scrollbar-thumb:hover {
                    background-color: var(--btn);
                }

    .header-privacy__lang {
        margin-right: 16px;
    }

    .burger__button {
        margin-left: 16px;
    }
}

@media (max-width: 850px) {

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

    .header-privacy__button-register {
        margin-right: 0;
    }   

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

@media (max-width: 750px) {

    .hero-privacy__image {
        width: 100%;
        height: 100%;
    }

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

    .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: 50px;
        padding-right: 50px;
    }

    .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__button-register {
        margin-left: 0;
        margin-top: 12px;
    }    

    .burger__button {
        border: none;
    }

    .header-privacy__button-auth {
        margin-left: auto;
    }
}
