/* Max Width */

@media (max-width: 1599px) {
    body .affiliate .transitions {
        flex-wrap: wrap;
    }
    body .affiliate .transitions .item {
        flex: 0 0 calc(50% - 7.5px);
        min-width: calc(50% - 7.5px);
    }
}

@media(max-width: 1499px) {
    .lobby__filter-menu {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media (max-width: 1199px) {
    svg.ic-wallet {
    display: none !important;
}
button.flat_button.btn-info.header-wallet.padding {padding: 0px 15px;}

    .lobby__filter-menu {
        grid-template-columns: repeat(5, 1fr);
    }
    .header-navbar .navbar-container ul.nav li > a.nav-link {
        padding: 0.6rem 0.4rem 0.6rem;
    }
    .bonus .socials {
        flex-direction: column;
    }
    .live-drop:not([data-live-tab="tournament"]) table,
    table.history-table,
    .game-content table {
        overflow-x: auto;
        max-width: 100%;
        display: block;
    }
}

@media(max-width: 1049px) {
    body .slots-list {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    body .tournament .title-el {
        flex-direction: column;
        gap: 16px;
    }
    body .tournament .info {
        flex-direction: column;
    }
    body .tournament .info .item {
        border-right: none;
        border-bottom: 1px solid #272a3a;
        padding: 14px 0;
    }
    body .tournament .info .item:first-child {
        padding-top: 8px;
    }
    body .tournament .info .item:last-child {
        border-bottom: none;
        padding-bottom: 8px;
    }
    body .tournament .title-el .left {
        text-align: center;
    }
    body .tournament .title-el .center {
        width: 100%;
        flex-direction: column;
        text-align: center;
    }
    body .tournament .title-el .center span {
        font-size: 20px;
    }
}

@media(max-width: 999px) {
    body .bonus .user-bonus {
        flex-direction: column;
    }
    body .affiliate .banners, body .bonus .semi-bonus, body .bonus .top-bonus {
        overflow-x: auto;
        display: block;
        margin: 0 auto;
        flex-direction: row;
        overscroll-behavior: none;
    }
    body .affiliate .banners .banner, body .bonus .semi-bonus .item, body .bonus .top-bonus .item {
        width: 100%;
        min-width: 290px;
        margin-bottom: 15px;
    }
    body .bonus .freespins .spins-list {
        overflow-x: auto;
        flex-direction: row;
        overscroll-behavior: none;
    }
    body .bonus .freespins .spins-list .item {
        width: 310px;
    }

    body .faq .banners .banner:nth-child(3) {
        grid-column: span 2;
    }
    body .faq .banners {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        margin-bottom: 5px;
    }
    body .faq .banner {
        margin-bottom: 5px;
    }
    body .faq .banner .info {
        justify-content: center;
        z-index: 2;
    }
    body .faq .banner .info .left-content {
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    body .faq .banner .info .description {
        font-size: 15px;
    }
    body .faq .banner {
        min-height: 240px;
    }
    body .faq .banner .image img {
        width: 450px;
        display: none;
    }
    body .faq .banner .image {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: .1;
        z-index: 1;
        overflow: hidden;
    }
}

@media (max-width: 991px) {
    .faq .card.banner {
        flex-direction: column;
    }
    .faq .card.banner .image {
        order: 1;
    }
    .faq .card.banner .info {
        order: 2;
        margin-bottom: 20px;
    }
    .faq .card.banner .left-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    .footer.bottom {
        flex-direction: column;
        justify-content: center;
        padding: 25px 0 !important;
    }
    .footer .logotypes.end {
        gap: 25px;
    }
    .footer.bottom .logotypes.start {
        flex-direction: column;
    }
    .footer .logotypes.start .image:nth-child(1) {
        width: 36px;
    }
    .footer .logotypes.end .image:nth-child(1) {
        width: 140px;
    }
    .footer .logotypes.end .image:nth-child(2) {
        width: 36px;
    }
    .live-drop [data-live-tab="tournament"] table,
    .game-content .live-bottom [data-card-tab="tournament"] table,
    .payouts table {
        display: block !important;
        overflow-x: auto;
        max-width: 100%;
    }
    .game-content .card-header .heading-elements .top-game-wins .item:nth-child(2),
    .game-content .card-header .heading-elements .top-game-wins .item:nth-child(3) {
        display: none;
    }
    #main-menu-navigation::-webkit-scrollbar {
        height: 2px;
    }
    .sliders__slide-img {
        bottom: 0;
        left: 0;
        height: 100%;
        position: absolute;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 0;
        top: 0;
        width: 100%;
        opacity: .2;
    }
    .footer__content {
        flex-direction: column;
    }
    .footer__left, .footer__right {
        width: 100%;
        align-items: center;
    }
    .affiliate .banners {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .affiliate .banners .banner:nth-child(3) {
        grid-column: span 2;
    }
    .bonus .semi-bonus {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .bonus .semi-bonus .item:nth-child(3) {
        grid-column: span 2;
    }
    .affiliate .blocks {
        flex-direction: column;
    }
}

@media (max-width: 950px) {
    .horizontal-menu .navbar-light ul#main-menu-navigation>li {
        padding: 0px 14px;
    }
}

@media(max-width: 899px) {
    .lobby__filter-menu {
        grid-template-columns: repeat(4, 1fr);
    }
    .header-navbar .navbar-container .navbar-nav {
        max-width: 250px;
        overflow-y: auto;
    }
}

@media(max-width: 800px) {
    body .slots-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 767px) {
    body .sticky-wrapper {
        left: 0;
    }
    
    button.flat_button.btn-info.bars.profile.user-open-profile {
        padding: 0px 17px;
        display: none;
    }
    .affiliate .transitions {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overscroll-behavior: none;
        display: block;
    }
    .affiliate .transitions .item {
        min-width: 0 !important;
        flex: none !important;
        width: 100%;
        margin-bottom: 15px;
    }
    .faq .banners {
        display: grid !important;
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .header-navbar .navbar-container .tablet-burger {
        display: none !important;
    }
    .footer__header {
        grid-template-columns: auto !important;
        justify-content: center !important;
    }
   a.text-nav__link {
    padding: 0px;
    display: block;
}

.footer-payment-method img {
    width: 18px;
}
    .footer .footer__branding {
        /* display: flex !important; */
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* margin-right: 0; */
    }
    .footer .footer__nav {
        /* display: block !important; */
        flex-direction: column;
        align-items: center;
        margin: 13px 0px;
        margin-bottom: 20px;
    }
    .footer .footer__nav .text-nav__block {
        flex-direction: row;
        gap: 22px;
        margin-right: 0;
    }
    .sliders__slide-description {
        max-width: 100%;
    }
    body .slots-list {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    [role="navigation"] .right-buttons .flat_button.chat-button,
    [role="navigation"] .right-buttons .dr-line {
        display: none;
    }
    .modal__warning-crypto {
        display: none;
    }
    .dataTables_paginate {
        display: flex;
        padding: 20px;
        text-align: center;
        align-items: center;
        gap: 13px;
    }
    .dataTables_paginate .paginate_button {
        width: 100%;
    }
    .horizontal-layout .navbar-fixed,
    .header-navbar .navbar-container {
        min-height: 60px !important;
        height: 64px !important;
        width: 100%;
    }
    .live-drop [data-live-tab="tournament"] table {
        display: block !important;
    }
    .leftsidebar {
        display: none;
    }
    .full-content, .full-content .sticky-wrapper {
        width: 100%;
        float: left;
    }
    .full-content {
        margin-left: 0 !important;
    }
    .full-content .sticky-wrapper {
        left: 0 !important;
    }
    .modal-backdrop {
        z-index: 1049 !important;
    }
    .affiliate .transitions {
        flex-wrap: wrap;
    }
    .affiliate .transitions .item {
        width: calc(50% - 8px);
    }
    .payouts .banners {
        flex-direction: column;
    }
    .history .pagination {
        width: 100%;
    }
    .history .pagination .pages, .history .pagination .pages .button {
        width: 100%;
    }
    .sliders {
        margin-bottom: 10px;
    }
    .bonus .top-bonus {
        display: flex;
        flex-direction: column;
    }
    .bonus .semi-bonus {
        display: flex;
        flex-direction: column;
    }
    .bonus .top-bonus .item {
        min-height: 0;
    }
    .bonus .top-bonus .item .image {
        position: absolute;
        top: 0;
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
        z-index: 1;
        opacity: .2;
        overflow: hidden;
        width: 100%;
    }
    .bonus .top-bonus .item .image img {
        width: 250px;
    }
    .bonus .top-bonus .item .info {
        z-index: 2;
    }
    .full-content .app-content.center-layout {
        margin-top: 78px !important;
        margin-bottom: 67px !important;
        padding: 0 22px !important;
        height: auto !important;
    }
    #main-menu-navigation {
        display: none;
    }
    .header-navbar .navbar-container {
        justify-content: space-between;
    }
    [data-menu="menu-container"] .right-buttons .divider, [data-menu="menu-container"] .right-buttons .tg {
        display: none;
    }
    .header-navbar .navbar-header .navbar-brand {
        position: unset;
        transform: none;
        padding: 15px 30px!important;
    }
    nav {
        display: none;
    }
    .footer.bottom {
        padding: 25px 0 75px 0 !important;
    }
    [role="navigation"] .logo-mobile.phone img {
        width: 60%;
    }
    [role="navigation"] .logo-mobile img {
        width: 105px;
    }
    .game-content .game-iframe {
        position: fixed;
        z-index: 199;
        left: 0;
        top: 52px;
        height: calc(100% - 52px);
        border-radius: 0 !important;
        width: 100%;
    }
    .game-content .game-iframe .frame {
        height: calc(100% - 48px);
    }
    .game-content .frame iframe {
        height: 100%;
        border-radius: 0;
    }
    .game-content .frame .slots-iframe {
        height: 100%;
    }
    .footer {
        /* border-radius: 12px !important; */
        top: 0 auto;
        margin-bottom: -10px;
    }
}

@media (max-width: 725px) {
    .sliders__slide-bottom {
        display: none;
    }
    /*.sliders__slide-inner {
        max-height: 185px;
        height: 185px;
    }*/
    .sliders__slide-img img {
        transform: scale(.7)
    }
}

@media(max-width: 699px) {
    .lobby__filter-menu {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 695px) {
    .games-box__item-overlay-title {
        font-size: 12px;
    }
    .games-box__item-overlay-provider {
        font-size: 12px;
    }
    .games-box__item-overlay-play svg {
        width: 30px;
        height: 30px;
    }
    .wallet__history-center {
        justify-content: space-between;
    }
    .wallet__history-center .wallet__history-sum {
        margin-left: 0;
    }
    .game-content .game__controls .game__controls-center {
        display: none;
    }
    .wallet__history-info {
        margin-left: 0 !important;
    }
    .wallet__history-content {
        padding-top: 6px !important;
    }
    .wallet__history-info p {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 650px) {
    body .slots-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 615px) {
    .modal-dialog {
        height: 100%;
        max-width: 100%;
        margin: 0 12px !important;
    }
    .modal-dialog-centered {
        max-height: 100%;
    }
    .auth__image {
        display: none;
    }
    .auth__inner {
        width: 100%;
    }
    .captcha {
        justify-content: center;
    }
    .auth__title {
        padding-bottom: 12px;
    }
    .modal__form-txt {
        text-align: center;
    }
    .auth__tabs {
        gap: 8px;
    }
}

@media (max-width: 550px) {
    body .slots-list {
        grid-template-columns: 1fr 1fr;
    }
    .lobby__filter-menu {
        grid-template-columns: repeat(2, 1fr);
    }
    .faq .banners {
        display: flex !important;
        flex-direction: column;
    }
    .wallet__history-center {
        width: 100%;
        justify-content: end;
        padding-left: 0;
    }
    .affiliate .transitions .item {
        width: 100%;
    }
    .wallet__history-content-inner {
        padding: 14px !important;
    }
    .wallet__history-date {
        display: none;
    }
    .wallet__history-left {
        width: auto !important;
    }
    .game__controls-left .game-title {
        display: none;
    }
    .sliders__slide-title {
        font-size: 35px;
    }
    .sliders__slide-description {
        font-size: 16px;
        padding: 5px 0;
    }
    .sliders__slide-btn {
        font-size: 15px;
        /* padding: 10px 25px; */
        line-height: 1.15rem;
    }
    .sliders__slide-inner {
        /* margin-top: 25px; */
        margin-bottom: 35px;
    }
    .faq .banners {
        display: flex;
        flex-direction: column;
    }
    .faq .banners .banner:nth-child(3) {
        grid-column: span 2;
    }
    .icon-input .icon {
        width: 50px;
    }
    .affiliate .banners {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
    }
    .affiliate .banners .banner {
        min-width: 290px;
    }
    .affiliate .blocks .item .form-field, .bonus .user-bonus .item .form-field {
        flex-direction: column;
    }
    .modal-smart-container {
        padding: 0;
    }
    .wallet__content-left {
        display: none;
    }
    .wallet__content-right {
        width: 100%;
        min-height: 0;
    }
    .wallet__footer {
        justify-content: center;
        flex-direction: column;
        gap: 6px;
        padding-top: 0;
    }
    .wallet__content-block {
        margin-bottom: 0;
    }
    [data-modal-tab="deposit"] .wallet__content-wrap .wallet__content-block:first-child,
    [data-modal-tab="deposit"] .wallet__content-wrap .wallet__content-block:nth-child(2) {
        margin-bottom: 15px;
    }
    [data-modal-tab="withdraw"] .wallet__content-wrap .wallet__content-block:first-child,
    [data-modal-tab="withdraw"] .wallet__content-wrap .wallet__content-block:nth-child(2) {
        margin-bottom: 15px;
    }
    .wallet__list-item {
        display: flex;
        margin-bottom: 0;
        border-radius: 0;
    }
    .wallet__list-item .flex {
        display: flex;
        gap: 6px;
        font-weight: 600;
        align-items: center;
    }
    .bonus .socials .item {
        flex-direction: column;
        gap: 10px;
    }
    .bonus .socials .item .title {
        gap: 10px;
    }
    .bonus .socials .item .title span {
        font-size: 16px;
    }
}

@media (max-width: 447px) {
    .modal-settings .link-socials .flex {
        flex-direction: column;
    }

    .modal-settings .change-password .flex {
        display: flex;
        flex-direction: column;
    }
    .modal-settings .change-password .modal__input, .modal-settings .change-password .btn {
        width: 100%;
    }
    .history__nav button {
        font-size: 13px;
        height: 34px;
    }
    .modal-tournament .stats {
        flex-direction: column;
        width: 100%;
        padding: 0 15px;
    }
    .modal-tournament .stats .stat {
        border-right: none;
        border-bottom: 1px solid #565972;
        padding: 8px 0;
    }
    .modal-tournament .stats .stat:last-child {
        border-bottom: 0;
    }
    .bonus .socials .item .title span {
        font-size: 14px;
    }
    .bonus .socials .item .title {
        flex-direction: column;
        margin-bottom: 8px;
    }
    .bonus .socials .item .title .icon {
        width: 60px!important;
        height: 60px!important;
    }
    .bonus .socials .item.bg-telegram .title .icon {
        width: 50px!important;
        height: 50px!important;
    }
    .modal-profile .top-games .item .game {
        gap: 10px;
    }
    .modal-profile .top-games .item .game span {
        max-width: 100px;
    }
}

@media (max-width: 427px) {
button.flat_button.btn-info.header-wallet.padding {padding: 0px 12px;}

button.flat_button.btn-info.bars.profile.user-open-profile {
    padding: 0px 17px;
    display: none;
}
    .modal-tournament .description.w40 {
        width: 100% !important;
    }
    .lobby__filter-inner {
        flex-direction: column;
        height: auto;
    }
    .lobby__filter-search {
        height: 53px;
    }
    .lobby__filter-right {
        width: 100%;
        height: auto;
    }
    .lobby__filter-menu {
        width: 100%;
        top: 105%;
    }
    .lobby__filter-providers {
        width: 100%;
    }
svg.ic-wallet {
    display: none !important;
}
    .lobby__filter-providers>div:first-child button {
        width: 100%;
        padding: 12px 20px;
        margin-right: 0;
        margin-top: 8px;
    }
    .lobby__filter-providers>div:first-child {
        height: auto;
    }
    .sliders__slide-title {
        font-size: 32px;
    }
    .sliders__slide-description {
        font-size: 14px;
        padding: 3px 0;
    }
    .sliders__slide-btn {
        font-size: 14px;
        padding: 10px 25px;
        line-height: 1.15rem;
    }
    .lobby__filters, .lobby__filter-inner {
        background-color: transparent;
    }
    .lobby__filter-search {
        background-color: #1E202D;
        border-radius: 100px;
    }
    .history-pagination .button span {
        display: none;
    }
}

@media (max-width: 402px) {
    .wallet__history-logo {
        display: flex;
    }
    .wallet__history-info {
        padding-left: 10px !important;
    }
button.flat_button.btn-info.header-wallet.padding {padding: 0px 15px;}

button.flat_button.btn-info.bars.profile.user-open-profile {
    padding: 0px 17px;
    display: none;
}
svg.ic-wallet {
    display: none !important;
}
    .wallet__history-center {
        display: none;
    }
    .sliders__slide-title {
        font-size: 30px;
    }
    .sliders__slide-description {
        font-size: 14px;
        padding: 5px 0;
    }
    .sliders__slide-btn {
        font-size: 14px;
        padding: 10px 25px;
        line-height: 1.05rem;
    }
    .modal__form .modal__form-buttons {
        overflow-x: scroll;
    }
    .modal__form .modal__form-buttons button {
        min-width: 70px;
    }
}

@media(max-width: 399px) {
    .footer .footer__nav {
        display: none !important;
    }
svg.ic-wallet {
    display: none !important;
}
}

@media(max-width: 390px) {
    .history-pagination .count span {
        display: none;
    }

    .mobile-menu__menu ul li.telegram a span {
        text-overflow: ellipsis;
        width: 105px;
        overflow: hidden;
        white-space: nowrap;
    }
}

/* Min Width */

@media(min-width: 768px) {
    body .full-content .sticky-wrapper,
    body .full-content {
        margin: 0 auto;
    }
    .horizontal-layout .navbar-fixed {
        max-width: calc(1250px - 82px);
        margin: 0 auto;
        width: calc(100% - 82px);
    }
    body .full-content .sticky-wrapper {
        max-width: calc(100% - 82px);
        background: #171923;
        border-bottom: 1px solid #202230;
    }
    .only-tablet {
        display: none;
    }
    .mobile-menu {
        display: none;
    }
    .mobile-games {
        display: none;
    }
    body .full-content {
        padding-left: 82px;
        width: calc(100% - 82px);
        max-width: 1250px;
    }
}

@media (min-width: 615px) {
    .modal-dialog {
        max-width: 600px;
        margin: 30px auto !important;
    }
}

@media (min-width: 550px) {
    [data-modal-tab="deposit"] .wallet__content-wrap .wallet__content-block.mobile-select:first-child {
        display: none;
    }
    [data-modal-tab="withdraw"] .wallet__content-wrap .wallet__content-block.mobile-select:first-child {
        display: none;
    }
}