@media screen and (min-width: 641px) {
    .grid-cols-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-cols-3 {
        grid-template-columns: repeat(3, auto);
    }
    .grid-cols-4 {
        grid-template-columns: repeat(4, 120px);
    }
    .grid-auto {
        grid-template-columns: auto auto;
    }
    .rounded-13 {
        border-radius: 13px;
    }
    .rounded-19 {
        border-radius: 19px;
    }
    .rounded-21 {
        border-radius: 21px;
    }
    .casino-card {
        padding: 24px 24px 22px;
        min-width: 520px;
    }
    .casino-card .in-flex .btn {
        margin-top: auto;
    }
    .bonuses .bonuses-item {
        height: 162px;
        padding: 13px;
    }
    .playbase-rating-big .grid>div:nth-child(2) {
        padding-right: 8px;
        margin-inline: 24px 12px;
    }
    .playbase-rating-big .grid>div:last-child {
        border-left: 1px solid #d6d9db;
        padding-inline: 19px 8px;
    }
    .rating-big>div:nth-child(3) {
        padding-inline: 20px 16px;
    }
    .add-review img {
        margin-bottom: 18px;
    }
    .currencies .in-flex>.list-dotted a:nth-child(2):after {
        display: none;
    }
    .verified .info {
        margin-left: auto;
        margin-right: 8px;
    }
    .payment-methods {
        margin-top: -5px;
    }
    .payment-system .list-dotted a:not(:last-child):after,
    .payment-system .list-dotted p:not(:last-child):after {
        margin-inline: 10px;
    }
    .playbase-rating-big .grid {
        grid-template-columns: repeat(4, auto);
    }
    .currencies h3 {
        width: 100%;
    }
    .playbase-limit-providers>.grid {
        grid-template-columns: auto 496px;
    }
    .progress-bar-item {
        grid-template-columns: 66px auto 58px;
    }
    body .mobile-rating,
    body .playbase-header .rating.mobile-score {
        display: none;
    }
}

@media screen and (min-width: 641px) and (max-width: 930px) {
    .playbase-header {
        position: relative;
    }
    .playbase-header .grid>.grid {
        grid-template-columns: auto;
    }
    .casino-card .list,
    .verified {
        display: none;
    }
    .playbase-header .casino-card {
        gap: unset;
    }
    body .casino-card .btn-gradient {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 116px;
        padding: 18px 24px 18px 26px;
    }
    .playbase-header .rating,
    .playbase-header .rating .scales {
        display: inline-flex;
        gap: 12px;
        justify-content: end;
    }
    .playbase-header .score {
        margin-bottom: unset;
        height: 55px;
        padding-block: unset;
        gap: 15px;
    }
    .playbase-header .rating .scales {
        width: calc(100% - 218px);
        padding: unset;
        box-shadow: unset;
    }
    .playbase-header .scales-item {
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        height: 59px;
        padding: unset;
        padding-inline: 16px;
        border-radius: 13px;
        box-shadow: 0 0 13px 0 rgba(16, 19, 58, 0.08);
        background-color: #fff;
        margin-bottom: unset;
    }
    .playbase-header .rating .scales-item>p {
        width: 40%;
    }
    .playbase-header .user-rating p,
    .playbase-header .expert-rating p {
        font-size: 38px;
        line-height: 0.74;
    }
    .playbase-header .rating-scale,
    .playbase-header .scales-item .font-12 {
        display: none;
    }
    .playbase-header .scales-item .font-18 {
        font-size: 45px;
        line-height: 1;
    }
    .rating .scales .user-rating p,
    .rating .scales .expert-rating p {
        margin-right: unset;
    }
    .playbase-categories>.grid {
        grid-template-columns: auto;
    }
    .bonuses .bonuses-item {
        height: 109px;
    }
    .playbase-categories .options,
    .payment-methods {
        margin-top: 35px;
    }
    .payment-system .list-dotted a:not(:last-child):after,
    .payment-system .list-dotted p:not(:last-child):after,
    .list-dotted a:not(:last-child):after,
    .list-dotted p:not(:last-child):after {
        margin-inline: 4px;
    }
    .playbase-rating-big .score {
        width: 165px;
    }
    .playbase-rating-big .add-review {
        grid-column: span 3;
    }
    .playbase-about-casino>.grid {
        grid-template-columns: auto;
        gap: 22px;
    }
    .progress-bar {
        width: 111px;
    }
    .add-review {
        width: 494px;
        margin-inline: auto;
        margin-bottom: 8px;
    }
    .pros-cons {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    .pros-cons ol {
        margin-bottom: unset;
    }
    .playbase-users-reviews>.grid {
        grid-template-columns: 304px auto;
    }
    .playbase-users-reviews .column:first-child .shadow {
        padding: 11px 16px 24px;
    }
    .playbase-users-reviews .progress-bar-item.mb-16 {
        margin-bottom: 10px;
    }
    .playbase-users-reviews {
        margin-bottom: 24px;
    }
    .playbase-limit-providers>.grid {
        grid-template-columns: auto 388px;
    }
    .playbase-limit-providers .limit {
        gap: 16px;
    }
    .playbase-limit-providers .game-providers .list-dotted {
        height: 74px;
        overflow: hidden;
    }
    .playbase-times-support>.grid {
        grid-template-columns: 411px auto;
    }
    .playbase-about-company>.grid {
        grid-template-columns: auto 254px;
    }
    .site-lang .grid {
        grid-template-columns: auto;
    }
    .contact-support a {
        font-size: 16px;
    }
    .playbase-about-company .grid-custom-1 {
        align-items: flex-start;
        height: 62%;
    }
    .playbase-about-company .site-lang {
        position: relative;
    }
    .playbase-about-company .site-lang>.flex {
        justify-content: space-between;
        align-items: flex-start;
    }
    .playbase-about-company .site-lang h3 {
        width: 50%;
    }
    .playbase-about-company .site-lang .link-show-all {
        display: block;
        opacity: 1;
        visibility: visible;
    }
    .playbase-about-company .site-lang-list {
        height: 96px;
        overflow: hidden;
    }
    .site-lang:after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 70px;
        background-image: linear-gradient(to top, #ffffff, rgb(255 255 255 / 0) 90%);
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
    }
    .amount .flex {
        max-width: 165px;
    }
    .currencies h3,
    .payment-system h3 {
        width: 100% - 92px;
    }
    .progress-bar-item>p {
        width: 50px;
    }
}

@media screen and (min-width: 931px) {
    .desktop-hidden {
        display: none;
    }
    .playbase-categories .options {
        grid-row: span 2;
        width: 504px;
    }
    .playbase-about-casino>.grid {
        grid-template-columns: 475px auto;
    }
    .playbase-users-reviews>.grid {
        grid-template-columns: auto 540px;
    }
    .playbase-times-support>.grid {
        grid-template-columns: 542px auto;
    }
    .add-review svg {
        margin-bottom: 16px;
    }
    .playbase-about-casino .shadow {
        padding: 16px 16px 14px;
    }
    .playbase-about-company>.grid {
        grid-template-columns: auto 428px;
    }
    .payment-system>.list-dotted,
    .crypto-currencies>.list-dotted,
    .currencies>.list-dotted {
        width: calc(100% - 110px);
        max-width: 327px;
    }
    .crypto-currencies .list-dotted a:not(:last-child):after,
    .crypto-currencies .list-dotted p:not(:last-child):after {
        margin-inline: 6px;
    }
    .playbase-header .score p:first-child {
        margin-right: 28px;
    }
}

@media screen and (min-width: 931px) and (max-width: 955px) {
    .container {
        padding-inline: 5px;
    }
    .payment-system>.list-dotted,
    .crypto-currencies>.list-dotted,
    .currencies>.list-dotted {
        min-width: 300px;
    }
}

@media screen and (max-width: 930px) {
    .mob-hidden {
        display: none;
    }
    .font-45 {
        font-size: 41px;
    }
    .playbase-popularity {
        display: none;
    }
    .bonuses .exclusive {
        position: absolute;
        top: 40px;
        right: 40px;
    }
    .playbase-categories .options .flex {
        flex-wrap: nowrap;
        overflow: auto;
        overflow-x: auto;
        gap: 6px;
        padding: 6px;
        margin-left: -9px;
        margin-bottom: 16px;
        margin-right: -15px;
    }
    .playbase-categories .game-list {
        position: relative;
    }
    .playbase-categories .game-list .arrow {
        position: absolute;
        right: -10px;
        top: 45%;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        background-color: #ccd3d7;
        border-radius: 50%;
    }
    .playbase-categories .game-list .arrow.arrow-left {
        right: unset;
        left: -4px;
    }
    .playbase-categories .game-list .arrow.arrow-left svg {
        transform: rotate(180deg);
    }
    .playbase-categories .game-list .arrow svg path {
        stroke: #fff!important;
    }
    .playbase-categories .game-list.game-list-betting .arrow {
        display: none;
    }
    .playbase-categories .options .item-tba {
        display: none;
    }
    .m-hide {
        display: none;
    }
    .playbase-rating-big .add-review {
        opacity: 1;
        border: solid 2px #ccdee3;
        padding: 14px 16px;
        display: inline-flex;
        align-items: center;
        gap: 12px;
    }
    .playbase-rating-big .add-review img,
    .playbase-rating-big .add-review svg {
        width: 20px;
        height: 20px;
    }
    .playbase-about-casino .shadow {
        padding: 16px;
    }
    .playbase-categories .options .flex::-webkit-scrollbar {
        display: none;
    }
}

@media screen and (min-width: 641px) and (max-width: 768px) {
    .payment-system .list-dotted p:nth-child(4),
    .crypto-currencies .list-dotted a:nth-child(6),
    .crypto-currencies .list-dotted a:nth-child(5):after,
    .payment-system .list-dotted p:nth-child(3):after {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .grid {
        grid-template-columns: minmax(0, 1fr);
        grid-auto-rows: minmax(min-content, max-content);
    }
    .rounded-13,
    .rounded-19,
    .rounded-21 {
        border-radius: 13px;
    }
    .btn-blue {
        display: none;
    }
    .playbase-header {
        position: relative;
    }
    .playbase-header .grid {
        gap: 8px;
    }
    .playbase-header .verified .info {
        margin-right: 16px;
    }
    .playbase .playbase-header .info.close {
        right: 16px;
        top: 9px;
    }
    .playbase-header .tooltip {
        height: auto;
        top: 69%;
        padding: 12px 40px 8px 12px;
    }
    .playbase-header .casino-card {
        padding: unset;
        box-shadow: unset;
        gap: unset;
    }
    .playbase-header .casino-card .list {
        display: none;
    }
    .playbase-header .score {
        flex-direction: column;
        justify-content: center;
        padding: 8px 12px 4px;
        gap: unset;
    }
    .playbase-header .score p:first-child {
        font-size: 12px;
        width: 100%;
        margin-right: unset;
    }
    .playbase-header .score p:last-child {
        font-size: 32px;
    }
    .playbase-header .score .info {
        left: 47px;
    }
    body .casino-card .btn-gradient {
        width: 100%;
    }
    .playbase .flag-countries {
        padding: 13px 16px 12px 8px;
    }
    .playbase .in-flex .flag-countries {
        flex: 0 0 72%;
    }
    .playbase .flag-countries p {
        font-size: 14px;
        width: 70%;
        line-height: 1.36;
    }
    .bonuses .bonuses-title {
        justify-content: space-between;
        width: 100%;
    }
    .bonuses-item {
        padding: 16px;
    }
    .bonuses .list-dotted {
        position: relative;
    }
    .bonuses .bonuses-item .tc-apply {
        margin-top: 16px;
    }
    .playbase-categories .options {
        margin-top: 24px;
        margin-right: -16px;
    }
    .playbase-categories .options .item {
        border-radius: 13px;
        flex: 0 0 86px;
    }
    .crypto-currencies .link-show-all,
    .payment-system .link-show-all,
    .currencies .link-show-all {
        order: 2;
        margin-left: auto;
    }
    .crypto-currencies>.flex {
        flex-direction: column;
    }
    .crypto-currencies h3 {
        width: 100%;
    }
    .crypto-currencies .green-line {
        width: 100%;
        text-align: center;
    }
    .crypto-currencies .link-show-all {
        position: absolute;
        top: 4px;
        right: 0;
    }
    .crypto-currencies .list-dotted {
        order: 4;
    }
    .payment-system .list-dotted,
    .currencies .list-dotted {
        order: 3;
    }
    .currencies .shadow .list-dotted {
        padding-inline: 15px;
    }
    .list-dotted:not(.popup .list-dotted) {
        width: 100%;
    }
    .list-dotted a,
    .list-dotted p,
    .contact-support p {
        font-size: 14px;
    }
    .list-dotted a:not(:last-child):after,
    .list-dotted p:not(:last-child):after {
        margin-inline: 6px;
    }
    .amount .grid {
        grid-template-columns: repeat(2, auto);
    }
    .playbase-rating-big .grid {
        margin-bottom: 24px;
    }
    .playbase-rating-big>.grid div.scales:nth-child(2) {
        border-bottom: 1px solid #d6d9db;
        margin-bottom: 8px;
    }
    .playbase-rating-big>.grid div.scales:last-child .font-16 {
        margin-bottom: 7px;
    }
    .playbase-rating-big .score {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-bottom: 24px;
        padding: 9px 16px;
    }
    .playbase-rating-big .score p.font-45 {
        display: inline-flex;
        gap: 14px;
        margin-bottom: unset;
        font-size: 42px;
        line-height: 44px;
    }
    .playbase-rating-big .score p span {
        line-height: 44px;
    }
    .playbase-rating-big .in-flex>.info {
        margin-right: 8px;
    }
    .verified .info {
        margin-left: 12px;
    }
    .playbase-about-casino .in-flex {
        align-items: baseline;
    }
    .playbase-about-casino h3 {
        width: 68%;
        line-height: 1.56;
    }
    .playbase-users-reviews,
    .game-providers {
        margin-bottom: 16px;
    }
    .game-providers>.mb-10 {
        margin-bottom: unset;
    }
    .playbase-times-support .amount-item p {
        font-size: 14px;
    }
    .playbase-users-reviews>.grid {
        gap: 22px;
    }
    .playbase-users-reviews .font-12 {
        margin-top: unset;
    }
    .progress-bar {
        width: 100%;
    }
    .progress-bar-item {
        grid-template-columns: 50px auto 58px;
        width: 100%;
        align-items: center;
    }
    .progress-bar-item .numbers {
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
    }
    .progress-bar-item .numbers p:last-child {
        top: 15px;
    }
    .progress-bar-item .numbers p:first-child {
        font-size: 12px;
    }
    .playbase-users-reviews .column:last-child .shadow .gap-24 {
        gap: 13px;
    }
    .playbase-rating-big .add-review {
        margin-top: 13px;
    }
    .playbase-limit-providers .limit {
        grid-template-columns: repeat(3, auto);
        gap: 16px 6px;
    }
    .playbase-times-support .withdrawal-times {
        grid-template-columns: repeat(2, auto);
        justify-content: space-between;
    }
    .playbase-about-company .grid-custom-1>div:first-child,
    .playbase-about-company .grid-custom-1>div:last-child {
        grid-column: span 3;
    }
    .playbase-about-company .grid-custom-1>div:nth-child(3) {
        grid-column: span 2;
    }
    .playbase-about-company .shadow {
        padding: 16px;
    }
    .playbase-about-company .grid-custom-1 .title.in-flex {
        width: 100%;
        justify-content: space-between;
    }
    .playbase-about-company .site-lang .link-show-all {
        margin-left: auto;
    }
    .playbase-limit-providers .limit p.font-16,
    .playbase-limit-providers .limit p.font-16 span,
    .playbase-about-company .site-lang span {
        font-size: 14px;
    }
    .playbase .crypto-currencies .popup,
    .playbase .currencies .popup {
        top: 27px;
    }
    .contact-support a {
        font-size: 14px;
    }
    h1.casino-name,
    h1.casino-name span {
        line-height: 1.27;
    }
    .deposit-bonus {
        margin-top: 20px;
    }
    .amount .flex {
        gap: 82px;
    }
    .bonuses-popup .bonuses-item {
        min-height: unset;
        border: solid 3px #9aa7b0;
    }
    .bonuses-popup .content {
        height: 300px;
        overflow: hidden;
        overflow-y: auto;
    }
    .playbase-header .rating:not(.playbase-header .rating.mobile-score) {
        display: none;
    }
    .mobile-header {
        justify-content: space-between;
    }
    .mobile-rating {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 12px;
        flex: 0 0 36%;
        height: 36px;
    }
    .mobile-rating p {
        line-height: 1;
    }
    .mobile-rating div:first-child p {
        color: #2596E4;
    }
    .mobile-rating div:last-child p {
        color: #8C98A1;
    }
}

@media screen and (max-width: 380px) {
    .playbase-categories .game-list.game-list-betting .arrow {
        display: inline-flex;
    }
    .playbase-categories .game-list .arrow {
        right: 4px;
    }
}