@media (max-width: 767px) {
    h2 {
        font-size: 25px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 17px;
    }


}

@media screen and (min-width: 1440px) {
    .cover {
        padding-left: calc(50% - ((1580px - 180px) / 2));
        padding-right: calc(50% - ((1580px - 180px) / 2));
    }

    .main {
        padding-left: calc(50% - ((1580px - 180px) / 2));
        padding-right: calc(50% - ((1580px - 180px) / 2));
    }

    .sidebar {
        left: calc(50% - ((1580px - 180px) / 2));
    }

    .footer {
        padding-left: calc(50% - ((1580px - 400px - 300px) / 2));
        padding-right: calc(50% - ((1580px - 180px) / 2));
    }

    /* .footer:before,
.footer:after {
left: calc(50% - ((1580px - 298px - 298px) / 2));
right: calc(50% - ((1580px - 40px) / 2));
} */

    .arrow {
        right: calc(50% - ((1580px - 220px) / 2));
    }
}

@media screen and (max-width: 1200px) {
    .cover {
        padding-left: 20px;
        padding-right: 20px;
    }

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

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

    .footer:before,
    .footer:after {
        left: 20px;
    }

    .main__content {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -moz-box-flex: 1;
        flex: 1 1 100%;
        margin-left: 0;
    }

    .header__logo {
        margin-left: 0;
    }

    .header__menu {
        margin-left: auto;
    }

    .sidebar {
        position: static;
        height: auto;
        overflow: visible;
        padding: 0;
        margin: 20px auto 0;
        width: 100%;
    }

    .sidebar__menu,
    .application__button {
        display: none;
    }

    .sidebar__wrap {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding-left: 0;
        padding-right: 0;
    }

    .sidebar__links-button:before {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

    .sidebar__links-button.active:before {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    .sidebar__links-list {
        display: none;
    }

    .menu-button svg rect {
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        fill: #fffaf3;
    }

    .menu-button.active svg rect:nth-child(1) {
        x: -2px;
        y: 6px;
        width: 20px;
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        transform: rotate(225deg);
    }

    .menu-button.active svg rect:nth-child(2) {
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 2);
        -moz-transform: scale(0, 2);
        -o-transform: scale(0, 2);
        transform: scale(0, 2);
    }

    .menu-button.active svg rect:nth-child(3) {
        x: -2px;
        y: 6px;
        width: 20px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .arrow {
        right: 40px;
    }
}

@media screen and (max-width: 1025px) {
    .header__logo {
        margin-right: auto;
    }

    .menu-button {
        display: block;
        background-color: transparent;
        padding: 10px;
        width: 40px;
        height: 40px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -moz-box-flex: 0;
        flex: none;
    }

    .header__menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        overflow-y: auto;
        background: #05071a;
        z-index: 100;
        margin: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        display: none;
        padding: 45px;
        text-align: center;
    }

    .header__menu ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }

    .header__menu ul li+li {
        padding: 0;
    }

    .header__menu ul li+li:before {
        display: block;
        position: static;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 850px) {
    .header {
        padding-left: 15px;
        padding-right: 15px;
    }

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

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

    .footer:before,
    .footer:after {
        left: 15px;
        right: 15px;
    }

    .content {
        padding: 15px;
    }

    .arrow {
        right: 20px;
    }
}

@media screen and (max-width: 767px) {
    .header>.header__button {
        display: none;
    }

    .header__menu .header__button {
        display: inline-block;
        margin: 0 10px
    }

    .main__buttons {
        background: var(--color-black-btn);
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        justify-content: space-between;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        padding: 10px 10px;
    }

    .main__buttons .button {
        width: -webkit-calc(50% - 4px);
        width: -moz-calc(50% - 4px);
        width: calc(50% - 4px);
        padding-left: 20px;
        padding-right: 20px;
        margin: 0;
        min-width: 0;
    }

    .arrow a {
        bottom: 72px;
    }

}

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

@media screen and (max-width: 450px) {
    .header__logo img {
        max-width: 130px;
    }

    .menu-button {
        margin-left: 10px;
    }

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

    .arrow {
        right: 15px;
    }

    article>.button,
    .article>.button {
        margin-left: auto;
    }

    /* FOOTER */
    .footer {
        padding-left: 10px;
        padding-right: 10px;
    }
}


@media (max-width: 1023px) {
    .heroBonuses>div>p {
        text-align: center;
    }
}


@media screen and (min-width: 1440px) {
    .max_widht {
        padding-left: max(20px, calc(50% - ((1580px - 180px) / 2)));
        padding-right: max(20px, calc(50% - ((1580px - 180px) / 2)));
    }
}


@media (max-width: 1200px) {
    .heroBonuses {
        padding: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .heroBonuses .background img {
        -o-object-position: 82%;
        object-position: 82%;
        opacity: 1;
    }
}

@media (max-width: 480px) {
    .footer__last__container {
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .footer__last__container>p {
        margin-bottom: 10px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .footer__links__items>li {
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .footer__links__items {
        flex-direction: column;
        padding: 20px 0;
        gap: 10px;
    }
}

@media (max-width: 767px) {
    .footer>div {
        padding: 32px 10px;
    }
}

@media (max-width: 767px) {
    .sidebar__item {
        padding: 0 4px;
    }
}


@media (max-width: 767px) {
    .new_list>ul>li>p {
        text-align: left;
    }
}

@media (max-width: 767px) {
    .new_list>div>div:first-child>img {
        margin: 0;
    }
}


@media (max-width: 767px) {
    .new_list>div>div:last-of-type>ul>li>p {
        text-align: left;
    }
}

@media (max-width: 767px) {
    .new_list>div>div:first-child>img {
        margin: 0;
    }
}

@media (max-width: 767px) {
    .new_list>div {
        display: flex;
        flex-direction: column;
        align-items: left;
    }
}

@media (max-width: 767px) {
    .grade__star {
        justify-content: center;
    }
}

@media (max-width: 1400px) {
    .sidebar {
        left: 10px;
    }


}

@media (max-width: 1440px) {
    .sidebar__links-wrapper {
        padding-left: 10px;
    }

    .sidebar {
        left: 20px;

    }


    @media (max-width: 1200px) {
        .main_conteiner {
            margin-left: 0;
        }
    }



    @media (max-width: 1200px) {
        .logo {
            padding-top: 0;
            margin-top: 0;
            background: transparent;
        }
    }

    @media (max-width: 1200px) {
        .logo__background {
            margin: 0;
        }
    }

    @media (max-width: 767px) {
        .header__login {
            margin-right: 0;
        }
    }

    @media (max-width: 767px) {
        section table th {
            font-size: 18px;
        }
    }

    @media (max-width: 480px) {
        .bonus__items {
            font-size: 22px;
        }
    }


    @media (max-width: 480px) {
        .bonus__items>span {
            font-size: 28px;
        }
    }

    @media (max-width: 767px) {
        .bonus .background img {
            -o-object-position: 74%;
            object-position: 74%;
            opacity: 1;
        }
    }

    @media (max-width: 767px) {
        .register_items {
            padding: 0;
        }
    }

    @media (max-width: 767px) {
        .register_items>li>span {
            top: 12px
        }
    }


    @media (max-width: 767px) {
        .register_items>li>div>p {
            text-align: left;
            font-size: 14px;
        }

        .register_items>li>p {
            font-size: 14px;
        }
    }


    @media (max-width: 767px) {
        .app__items>li>span {
            font-size: 16px;
        }
    }

    @media (max-width: 767px) {
        .app__items>li>p {
            text-align: left;
        }
    }


    @media (max-width: 767px) {
        .app__container {
            padding: 10px;
        }
    }

    @media (max-width: 767px) {
        .app__container .background img {
            -o-object-position: 85%;
            object-position: 85%;
            opacity: 0.5;
        }
    }

    @media (max-width: 1024px) {
        .download .app__container .background img {
            -o-object-position: 85%;
            object-position: 85%;
            opacity: 0.5;
        }

        .download .app__container:nth-of-type(2) .background img:last-of-type {
            object-position: 0%;
            opacity: 0.5;
        }
    }

    @media (max-width: 767px) {
        .app__container {
            display: block;
        }

        .download .app__container:nth-of-type(2) .background img:last-of-type {
            object-position: 15%;
            opacity: 0.5;
        }
    }

    @media (max-width: 767px) {

        /* .app__button__apple:last-child,
.app__button__android:last-child {
margin-bottom: 0;
} */
    }

    @media (max-width: 767px) {
        .deposit_item>P {
            padding: 10px;
            height: auto;
        }
    }


    @media (max-width: 767px) {
        .vip table th {
            font-size: 18px;
        }
    }

    @media (max-width: 767px) {
        .tournament table th {
            font-size: 18px;
        }
    }


    @media (max-width: 767px) {
        .online_games table th {
            font-size: 18px;
        }
    }



    @media (max-width: 767px) {
        .table_games table th {
            font-size: 18px;
        }
    }

    @media (max-width: 767px) {
        .live_games {
            text-align: left;
        }

        .Responsible_Gaming {
            text-align: left;
        }
    }

    @media (max-width: 767px) {
        .live_games>ul>li {
            align-items: flex-start;
        }

        .Responsible_Gaming>ul>li {
            align-items: flex-start;
        }
    }

    @media (max-width: 767px) {
        .live_games>ul>li>p {
            text-align: left;
        }

        .Responsible_Gaming>ul>li>p {
            text-align: left;
        }
    }

    @media (max-width: 767px) {
        .bonus__full>ol>ul>li {
            align-items: flex-start;
        }
    }

    @media (max-width: 767px) {
        .bonus__full>ol>ul>li>p {
            text-align: left;
        }
    }

    @media (max-width: 767px) {
        .bonus__full>ol>li {
            align-items: flex-start;
        }
    }

    @media (max-width: 767px) {
        .bonus__full>ol>li>p {
            text-align: left;
        }
    }


    @media (max-width: 767px) {
        .deposits_withdrawals>ul>li {
            align-items: flex-start;
        }
    }

    @media (max-width: 767px) {
        .deposits_withdrawals>ul>li>p {
            text-align: left;
        }
    }

    @media (max-width: 767px) {
        .faq {
            text-align: left;
        }
    }

    @media (max-width: 767px) {
        .new_list_2>ul>li {
            align-items: flex-start;
        }
    }


    @media (max-width: 767px) {
        .new_list_2>ul>li>p {
            text-align: left;
        }
    }

    @media (max-width: 600px) {
        .hero .background img {
            -o-object-position: 84%;
            object-position: 99%;
            opacity: 1;
        }
    }

    @media (max-width: 1024px) {
        h1 {
            font-size: 30px;
        }
    }

    @media (max-width: 767px) {
        h1 {
            font-size: 25px;
        }

        .breadcrumbs ul {
            justify-content: center;
        }
    }


    @media (max-width: 1024px) {
        .hero_text {
            backdrop-filter: blur(4px);
            background: rgba(5, 7, 26, 0.6);
            padding: 10px;
            border-radius: 12px;
        }
    }

    @media (max-width: 767px) {
        .hero_text {
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            align-items: center;
        }

        .hero_text p {
            font-size: 14px;
        }

        .content__section__row {
            flex-direction: column;
        }

        .regulation__double__pros,
        .regulation__double__cons {
            padding: 16px 8px;
        }


    }

    @media (max-width: 767px) {
        .hero_text div {
            justify-content: center;
        }
    }

    @media (max-width: 1024px) {
        .bonus_text {
            backdrop-filter: blur(4px);
            background: rgba(5, 7, 26, 0.6);
            padding: 10px;
            border-radius: 12px;
            width: 80%;
            margin: 0 auto;
            text-align: center;
            margin-bottom: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .bonus_text h2 {
            text-align: center;
            max-width: 100%;
        }

        .bonus__items {
            justify-content: center;
        }

        section.section_bonus {
            min-height: 300px;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding-left: 0;
        }



        .background img {
            -o-object-position: 84%;
            object-position: 65%;
            opacity: 1;
        }

        section.section_bonus.app .background img {
            object-position: 53%;
        }

        .register_items>li>div>ul {
            padding-left: 1px;
        }

        section.section_bonus .background img {
            object-position: 85%;
        }


        .lust_bonus .background img {
            -o-object-position: 84%;
            object-position: 100%;
            opacity: 1;
        }

        .background.app img {
            -o-object-position: 84%;
            object-position: 84%;
            opacity: 1;
        }


        .width_ul_ol {
            width: 100%;
        }

        .app__container>p,
        .app__container>h3 {
            max-width: 100%;
        }

        .app__container.app__left h3 {
            left: 0;
        }

        .app__container.app__left p {
            left: 0;
        }

        .app__container.app__left ul {
            left: 0;
        }

        .app__container.app__left a {
            left: 0;
        }




    }

    @media (max-width: 767px) {
        .app__container_btn {
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 20px;
        }

        .app__container>a {
            max-width: 100%;
        }

        .new_list>ul>li>ul {
            padding-left: 38px;
        }

        .deposit_item {
            width: 100%;
        }
    }

    @media (max-width: 767px) {
        .summary.new_list>div>.summary_img {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
        }

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

    }
}


@media (max-width: 1200px) {
    header {
        padding: 0 20px;
        margin-left: 0;
    }

}