@font-face {     font-family: 'Fester-Bold';     src: url(/shared/3284/Fester-Bold.eot);     src: url(/shared/3284/Fester-Bold.eot) format('embedded-opentype'),     url(/shared/3284/Fester-Bold.woff2) format('woff2'),     url(/shared/3284/Fester-Bold.woff) format('woff'),     url('../fonts/Fester-Bold.svg#Fester-Bold') format('svg');     font-weight: bold;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'Fester-Regular';     src: url(/shared/3284/Fester-Regular.eot);     src: url(/shared/3284/Fester-Regular.eot) format('embedded-opentype'),     url(/shared/3284/Fester-Regular.woff2) format('woff2'),     url(/shared/3284/Fester-Regular.woff) format('woff'),     url('../fonts/Fester-Regular.svg#Fester-Regular') format('svg');     font-weight: normal;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'Fester-SemiBold';     src: url(/shared/3284/Fester-SemiBold.eot);     src: url(/shared/3284/Fester-SemiBold.eot) format('embedded-opentype'),     url(/shared/3284/Fester-SemiBold.woff2) format('woff2'),     url(/shared/3284/Fester-SemiBold.woff) format('woff'),     url('../fonts/Fester-SemiBold.svg#Fester-SemiBold') format('svg');     font-weight: 600;     font-style: normal;     font-display: swap; }  img {     max-width: 100%;     height: auto; }  body, html {     overflow-x: hidden; }  body {     font-family: 'Fester-Regular', sans-serif;     height: 100%;     width: 100%;     margin: 0;     background: #131313;  }  * {     box-sizing: border-box; }  .container {     max-width: 1144px;     margin: 0 auto;     padding: 0 10px; }  .wrapper {     display: flex;     align-items: center;     flex-direction: row;     justify-content: space-between;     margin: auto; }  .header-trbb {     margin: 0 auto;     padding-top: 80px;     position: relative; }  .header-trbb ul {     list-style: none;     padding: 0; }  .header-trbb__top {     background: #212121 calc(50% + 4px) 100%;     box-shadow: 0 2px 4px 0 #2626264d;     left: 0;     position: fixed;     top: 0;     width: 100%;     z-index: 9999; }  .user__panel {     align-items: center;     display: flex;     flex-direction: row;     justify-content: flex-end;     position: relative;     gap: 16px; }  .telegram {     margin-right: 4px; }  .btn {     align-items: center;     background: linear-gradient(177deg, #fb3c3c 1.96%, #880303 98.23%);     cursor: pointer;     display: inline-flex;     justify-content: center;     mix-blend-mode: normal;     text-align: center;     text-decoration: none;     transition: all .2s;     border-radius: 44px;     font-size: 14px;     font-family: 'Fester-Bold', sans-serif;     line-height: 16px;     text-transform: uppercase;     min-width: 144px;     color: #fff;     padding-top: 15px;     padding-bottom: 15px; }  .btn:hover {     background: linear-gradient(160deg, #ff6a6a, #b20101); }  .white {     color: #000;     text-shadow: 0 0 0 #0000;     box-shadow: 0 2px 8px 0 #27272733;     background: linear-gradient(177deg, #f4f4f4 2%, #dcdcdc);     min-width: 96px; }  .white:hover {     background: linear-gradient(177deg, #fff 2%, #ebebeb); }  .social__text {     color: #fff;     font-size: 13px;     line-height: 16px;     margin: 0 10px;     padding: 0 12px; }  .social__list {     align-items: center;     display: flex;     flex-direction: row;     height: 48px;     justify-content: normal;     gap: 8px; }  .social__link {     background: #ffffff14;     display: flex;     flex-direction: row;     height: 32px;     justify-content: center;     transition: all .3s;     width: 32px;     align-items: center;     border-radius: 44px; }  .social__link:hover {     background: #ffffff1f; }  .social__link svg {     height: 18px;     width: 18px; }  .nav {     align-items: center;     display: flex;     flex-direction: row;     justify-content: flex-end;     padding-block: 26px;     position: relative;     z-index: 11; }  .nav__list {     align-items: center;     display: flex;     flex-direction: row;     justify-content: flex-end;     padding-block: 26px;     position: relative;     z-index: 11;     margin: 0; }  .nav__link {     padding: 0 12px;     position: relative;     text-align: center;     text-decoration: none;     text-shadow: none;     text-transform: uppercase;     transition: color .2s ease-in-out;     color: #fff;     font-size: 16px;     font-family: 'Fester-Bold', sans-serif;     line-height: 22px;     text-indent: 1px; }  .nav__link:hover {     color: #fb3c3c; }  .banner {     width: 100%;     height: 328px;      --imagas: url('/shared/3284/basari1.webp');     background: var(--imagas);     background-size: contain;     background-position: 48%;     background-repeat: no-repeat;     position: relative;     z-index: 0;     margin-top: -80px; }  .banner .container {     position: relative; }  .banner__button {     top: 104px;     left: calc(20% - 40px);     padding: 10px 12px 0 44px;     position: absolute;     transform: translateX(-50%);     max-width: 40%;     color: #ffffff; }  .banner:before {     background: linear-gradient(180deg, #212121, #0000);     bottom: unset;     content: "";     display: block;     height: 72px;     left: 0;     pointer-events: none;     position: absolute;     right: unset;     top: -1px;     width: 100%;     z-index: 1; }  .banner__title {     color: #fff;     font-size: 26px;     line-height: 32px;     font-family: 'Fester-Bold', sans-serif; }  .banner .white {     display: block;     margin-top: 16px;     width: 240px;     padding-top: 15px;     padding-bottom: 15px; }  .main {     color: #ffffff; }  .main .wrapper {     align-items: flex-start; } .games__nav {     margin: 30px 0; }  .games__nav__wrp {     align-items: center;     background: #212121;     border-radius: 44px;     box-shadow: inset 0 1px 1px 0 #fff3, 0 8px 16px 0 #0003;     display: flex;     flex-direction: row;     height: inherit;     justify-content: space-between;     opacity: 1;     padding: 0 20px 0 36px;     transition: margin .2s ease-in-out, opacity .3s ease-in-out;     max-width: 752px;     width: 100%; }  .games__nav__list {     list-style: none;     margin: 0;     padding: 0;     display: flex;     height: inherit;     justify-content: flex-start;     width: 100%;     align-items: center; } .games__nav__item {     align-items: center;     color: #fff;     display: flex;     flex-direction: row;     font-size: 16px;     font-weight: 700;     height: 80px;     justify-content: center;     line-height: 22px;     padding: 0 16px;     position: relative;     text-decoration: none;     transition: color .2s ease-in-out;     white-space: nowrap;     cursor: context-menu; } .games__nav__item:hover {     color: #fb3c3c; } .games__nav__item:hover:after {     border-bottom: 8px solid #131313;     border-left: 8px solid #0000;     border-right: 8px solid #0000;     bottom: 0;     box-shadow: inset 0 4px 2px #131313;     content: "";     height: 0;     left: 0;     margin: 0 auto;     position: absolute;     right: 0;     top: auto;     width: 0;     z-index: 1; } .games__nav__item:last-child {     height: 26px;     width: 26px;     padding: 0;     margin-left: 50px; } .games__nav__item svg {     height: 26px;     width: 26px; } .game-trbbs__cont-flex {     display: flex;     justify-content: space-between;     flex-wrap: wrap;     align-items: center;     gap: 20px;     margin-bottom: 20px; } .games-providers {     align-items: center;     color: #fff;     display: flex;     position: relative;     cursor: pointer;   background:none; border: none; } .games-providers-drop {     display: flex;     align-items: center;     gap: 5px; } .games-providers-drop:hover {     color: #fb3c3c; } .games-providers-drop:hover svg * {     fill: #fb3c3c;     stroke: #fb3c3c; } .games-providers-sort {     align-items: center;     display: flex;     flex-shrink: 0;     margin-right: 28px;     position: relative; } .games-providers:after, .games-providers-sort:after {     border-left: 4px solid #0000;     border-right: 4px solid #0000;     border-top: 4px solid #fff;     content: "";     display: inline-block;     height: 0;     position: absolute;     right: -16px;     width: 0; } .games-providers-sort:after {     top: 16px; } .games-providers-sort:before {     border-bottom: 4px solid #fb3c3c;     border-left: 4px solid #0000;     border-right: 4px solid #0000;     content: "";     display: inline-block;     height: 0;     position: absolute;     right: -16px;     width: 0; } .popup__provider {     bottom: 0;     height: 100%;     left: 0;     min-height: 100%;     min-width: 320px;     overflow: hidden;     position: fixed;     right: 0;     top: 0;     width: 100%;     z-index: 1002;     align-items: center;     display: none;     flex-direction: column;     flex-wrap: nowrap;     justify-content: flex-start; } .popup__provider.open {     display: flex; } .popup__provider-bg {     background: #000c;     bottom: 0;     left: 0;     position: fixed;     right: 0;     top: 0;     z-index: -1; } .popup__provider__main {     margin: auto;     border-radius: 8px;     box-shadow: inset 0 1px 1px 0 #fff3,0 8px 16px 0 #0003;     position: relative; } .popup_close_button {     background: none;     border: none;     bottom: auto;     box-sizing: border-box;     cursor: pointer;     height: 24px;     left: auto;     outline: none;     position: absolute;     right: 16px;     top: 16px;     width: 24px;     z-index: 1; } .popup_close_button:after, .popup_close_button:before {     background: #fff;     border-radius: 2px;     bottom: 0;     content: "";     height: 2px;     left: 0;     margin: auto;     position: absolute;     right: 0;     top: 0;     transform-origin: center;     width: 22px;     z-index: 1; } .popup_close_button:before {     transform: rotate(45deg); } .popup_close_button:after {     transform: rotate(-45deg); } .popup__content {     background: linear-gradient(180deg,#373737,#222);     border-radius: 8px;     box-shadow: inset 0 1px 1px 0 #fff3,0 8px 16px 0 #0003;     height: 488px;     padding: 20px 34px;     position: relative;     max-width: 800px;     width: 100%; } .popup__content__header {     align-items: center;     display: flex; } .popup__content__header__title {     color: #fff;     font-size: 24px;     font-weight: 600;     line-height: 32px;     margin: 0; } .popup__content .field {     margin-top: 16px;     height: 42px;     position: relative;     width: 100%;     max-width: 100%;     border-radius: 8px;     color: #fff;     font-size: 18px;     line-height: 22px; } .popup__content__block {     position: relative; } .popup__scroll {     margin-right: -16px;     margin-top: 16px;     padding-bottom: 25px;     width: auto !important;     overflow-y: scroll;     overflow-x: hidden; } .popup__scroll>div:first-child {     overflow-x: hidden !important;     overflow-y: scroll !important;     padding-bottom: 15px !important;     margin-bottom: 0 !important;     margin-right: -34px !important;     padding-right: 34px; } .dropdown__list__shadow__wrapper {     border-radius: 10px;     column-count: 4; } .dropdown__list {     align-items: normal;     border-radius: inherit;     break-inside: avoid-column;     display: flex;     flex-direction: column;     justify-content: normal;     margin: 0;     padding: 0 0 24px;     list-style: none; } .dropdown__list li {     color: #fff;     margin-bottom: 4px;     position: relative; } .dropdown__list-item {     align-items: flex-start;     color: #fff;     cursor: pointer;     display: flex;     flex-direction: row;     font-size: 16px;     font-weight: 400;     justify-content: normal;     line-height: 22px;     margin-bottom: 4px;     padding: 0 4px; } .first-symbol {     color: #ffffff;     font-size: 14px;     font-weight: 600;     line-height: 18px;     margin-right: 4px;     min-width: 28px;     width: 28px; } .dropdown__list-item span:last-child {     align-items: flex-start;     display: flex;     opacity: .4; } .dropdown__list-item span img {     filter: grayscale(1);     background-position: 50%;     background-repeat: no-repeat;     background-size: cover;     display: block;     flex-shrink: 0;     height: 24px;     margin: 0 10px 0 0;     width: 16px; } .game-trbbs {     display: grid;     grid-template-columns: repeat(4, 1fr);     gap: 16px; }  .game-trbb {     display: block;     min-height: 146px;     position: relative;     width: 176px;     z-index: 9;     margin: 0 auto;     cursor: pointer; }  .game-trbb__img {     border-radius: 10px;     box-shadow: 0 8px 16px 0 #0009;     min-height: 112px;     position: relative;     width: 100%;     overflow: hidden; }  .game-trbb__img img {     border-radius: 10px; }  .game-trbb__title {     color: #fff;     font-size: 14px;     font-weight: 400;     height: 32px;     line-height: 18px;     overflow: hidden;     padding: 8px 0;     text-align: center;     text-overflow: ellipsis;     white-space: nowrap;     width: 100%;     margin: 0; }  .game-trbb__hover {     align-items: normal;     background-color: #000c;     border: none;     border-radius: 10px;     bottom: 0;     display: flex;     flex-direction: column;     height: 112px;     justify-content: center;     left: 0;     opacity: 0;     position: absolute;     right: 0;     text-align: center;     top: 0;     transition: transform .2s ease-out;     z-index: 9; }  .game-trbb__hover__button {     bottom: 0;     left: 0;     position: absolute;     right: 0;     top: 0;     z-index: 0; }  .game-trbb__hover__button .btn {     bottom: 16px;     left: 16px;     overflow: hidden;     position: absolute;     right: unset;     top: unset;     transform: translate(0);     width: calc(100% - 32px);     z-index: 0; }  .game-trbb__hover__button__demo {     border: none;     bottom: unset;     color: #ffffff;     font-size: 16px;     font-weight: 400;     left: 16px;     line-height: 22px;     min-height: unset;     padding: 0;     position: absolute;     right: unset;     text-decoration: underline;     top: 14px;     transform: translateY(0);     transition: .2s ease-out;     z-index: 0; }  .game-trbb__hover__button__demo:hover {     text-decoration: none; }  .game-trbb:hover .game-trbb__hover {     opacity: 1; }  .sidebar {     width: 304px; }  .sidebar__bonus {     width: 100%;     background: linear-gradient(180deg, #424242, #1a1a1a);     box-shadow: 0 8px 16px #191e2d99;     min-height: 298px;     padding: 24px 32px 32px;     position: relative;     border-radius: 10px;     height: max-content; }  .sidebar__bonus:before {     background: url(/shared/3284/widget_bonus.png) no-repeat;     background-size: contain;     border-radius: 2px;     bottom: 0;     content: "";     display: block;     height: 200px;     left: auto;     position: absolute;     right: 0;     top: auto;     width: 200px;     z-index: auto; }  .sidebar__title {     margin: 0;     font-size: 24px;     line-height: 32px;     position: relative;     z-index: 999; }  .sidebar__text {     color: #fffc;     font-size: 14px;     margin: 16px 0 0;     position: relative;     z-index: 999; }  .sidebar__deposit__inner {     color: #ffc02e;     font-size: 22px;     line-height: 26px;     margin: 0;     position: relative;     font-weight: bold;     z-index: 999; }  .sidebar__time, .sidebar__button {     margin-top: 16px;     position: relative;     z-index: 999; }  .sidebar__time__count {     font-size: 22px;     font-weight: 700;     line-height: 26px;     margin: 4px 0 0;     position: relative;     z-index: 999; }  .sidebar__button {     display: flex;     flex-direction: column;     justify-content: center;     align-items: center;     position: relative;     z-index: 99; }  .sidebar__button .btn {     margin: 0;     width: 100%; }  .sidebar__bonuses {     color: inherit;     position: relative;     text-decoration: underline;     margin: 8px 0 0; }  .sidebar__bonuses:hover {     text-decoration: none; }  .tournament {     margin-top: 15px; }  .tournament__banner {     background: url(/shared/3284/basari-tournament.webp) no-repeat;     padding: 24px 32px;     border-radius: 10px 10px 0 0;     position: relative;     background-size: cover; }  .tournament__banner:after {     border-radius: 10px 10px 0 0;     content: '';     bottom: 0;     left: 0;     opacity: .4;     position: absolute;     right: 0;     top: 0;     z-index: 0;     background: linear-gradient(160deg, #ac1717, #4a0707 59.9%);     width: 100%;     height: 100%; }  .tournament__winners {     background: linear-gradient(180deg, #424242, #1a1a1a);     transform: translateX(0);     transition: .25s cubic-bezier(.5, 0, 1, 1);     border-radius: 0 0 10px 10px;     position: relative;     padding: 30px 32px 10px; }  .tournament__header-trbb {     display: flex;     justify-content: space-between;     align-items: center; }  .tournament__header-trbb__item {     color: #fff9;     font-size: 14px;     line-height: 18px; }  .tournament__user {     padding-left: 0; }  .tournament__user__item {     display: flex;     justify-content: space-between; }  .tournament .sidebar__button {     margin: 0 32px 22px;     position: relative; }  .new__widget {     background: url(/shared/3284/newsmob-basari.webp) no-repeat;     border-radius: 10px;     position: relative;     background-size: cover;     margin-top: 15px; }  .new__widget__link {     display: block;     text-decoration: none;     color: #fff;     padding: 18px 32px; }  .new__widget__link:after {     border-radius: 10px;     content: '';     background: rgba(0, 0, 0, 0.7);     height: 100%;     position: absolute;     width: 100%;     bottom: 0;     left: 0;     right: 0;     top: 0;     z-index: 0; }  .new__widget__link:hover:after {     background: rgba(0, 0, 0, 0.4); }  .new__widget__button {     position: relative;     z-index: 9;     display: flex;     justify-content: flex-end;     margin-top: 25px; }  .new__widget__button__link {     text-align: center;     text-decoration: none;     transition: all .2s;     border-radius: 44px;     font-size: 14px;     font-family: 'Fester-Bold', sans-serif;     line-height: 16px;     text-transform: uppercase;     padding: 15px 16px;     border: 1px solid #fff;     color: #fff;     min-width: 144px; }  .new__widget__button__link:hover, .new__widget__link:hover .new__widget__button__link {     background: #fff;     color: #000; }  .field {     height: 80px;     max-width: 304px;     transition: max-width .25s ease-in-out;     width: 100%;     z-index: 1;     background: #2d2d2d;     border-radius: 44px;     box-sizing: border-box;     color: #ffffffcc;     display: flex;     align-items: center;     padding-left: 30px;     gap: 20px; }  table {     border-collapse: collapse;     border-spacing: 0;     margin: 32px 0;     width: 100%; }  table tr {     height: 48px; }  table tbody > tr {     position: relative; }  table th {     font-family: 'Fester-Bold';     color: #ffffff;     font-size: 14px;     line-height: 18px;     text-align: left;     border-bottom: 1px solid #ffffff1a; }  table th:first-child {     border-radius: 44px 0 0 44px; }  table td {     border-bottom: 1px solid #ffffff1a;     color: #fffc;     font-size: 14px;     line-height: 18px; }  .content ul {     color: #ffffff;     margin: 16px 0;     list-style: none;     padding: 0; }  .content p a, .content li a {     color: #b3d3ff;     text-decoration: none; }  .content p a:hover, .content li a:hover {     color: #8cb5eb;     text-decoration: underline; }  .content ul li {     list-style: none;     margin-bottom: 8px;     padding-left: 44px;     position: relative; }  .content ul li:before {     background: #ffffff26;     border-radius: 4px;     bottom: auto;     content: "";     height: 16px;     left: 16px;     position: absolute;     right: auto;     top: 4px;     width: 16px;     z-index: 0; }  .content ul li:after {     background-color: #fff;     border-radius: 50%;     bottom: auto;     content: "";     height: 4px;     left: 22px;     position: absolute;     right: auto;     top: 10px;     width: 4px;     z-index: 0; }  .content .btn {     width: 100%; }  .footer {     background: #151515;     padding-top: 40px; }  .payments-trbb, .crypto-trbb {     display: flex;     justify-content: center;     align-items: center;     flex-wrap: wrap;     list-style: none;     padding: 0; }  .payments-trbb__item {     height: 32px;     margin: 0 8px 16px;     opacity: .7; }  .payments-trbb__item img {     height: inherit;     object-fit: contain;     width: inherit; }  .crypto-trbb__item {     border-radius: 44px;     height: 40px;     margin: 0 25px 4px 0;     position: relative;     width: 98px; }  .crypto-trbb__item:nth-child(odd) {     background: linear-gradient(180deg, #d752354d, #9d9d9d14); }  .crypto-trbb__icon {     bottom: auto;     height: 24px;     left: -12px;     position: absolute;     right: auto;     top: 8px;     width: 24px;     z-index: 0; }  .crypto-trbb__icon img {     width: 100%;     height: 100%; }  .crypto-trbb__text {     display: flex;     flex-direction: column;     padding: 4px 8px 4px 20px; }  .crypto-trbb__name {     color: #ffffff;     font-size: 12px;     font-weight: 600;     line-height: 14px; }  .crypto-trbb__rate {     color: #fff9;     font-size: 14px;     font-weight: 600;     line-height: 18px; }  .crypto-trbb__item:nth-child(2n) {     background: linear-gradient(180deg, #8b8b8b4d, #9d9d9d14); }  .footer__wrapper {     display: flex;     justify-content: space-between;     align-items: flex-end;     gap: 30px;     flex-wrap: wrap; }  .footer__menu {     display: flex;     flex-wrap: wrap;     gap: 16px; }  .footer__menu__list {     display: block;     padding: 0 8px 0 0;     list-style: none;     width: 176px;     margin-bottom: 0; }  .footer__menu__item {     line-height: 1;     margin-bottom: 8px; }  .footer__menu__link {     color: #fffc;     display: inline-block;     font-size: 14px;     line-height: 18px;     text-decoration: none; }  .footer__menu__link:hover {     text-decoration: underline;     color: #fff; }  .footer__social {     display: flex;     flex-direction: row;     align-items: center;     gap: 8px;     max-width: 280px;     margin-top: 22px; }  .footer__social a {     text-decoration: none;     display: flex;     flex-direction: row;     align-items: center;     justify-content: center;     background: rgba(255, 255, 255, 0.12);     border-radius: 50%;     height: 40px;     width: 40px; }  .footer__social a:hover {     background: rgba(255, 255, 255, 0.18); }  .footer__social a img {     height: 24px;     object-fit: contain;     object-position: center;     width: 24px; }  .footer__bottom {     align-items: center;     flex-wrap: wrap;     padding: 32px 0; }  .support__email {     display: flex;     gap: 8px;     align-items: center;     color: #fffc;     text-decoration: none; }  .support__email:hover {     text-decoration: underline; }  .support__email svg {     display: block;     height: 12px;     width: 12px; }  .copy p {     margin: 0;     color: #fffc;     font-size: 14px;     line-height: 18px;     text-decoration: none;     text-align: center; }  .footer__img {     display: flex;     align-items: center; }  .img__link {     display: inline-block;     height: 40px;     margin-right: 24px;     width: 80px; }  .img__link img {     height: 100%;     object-fit: contain;     width: 100%; }  .burger {     background: none;     border: none;     display: none; }  .burger div {     background: #ffffff;     width: 30px;     height: 4px;     border-radius: 5px;     margin-bottom: 5px; }  .burger div:last-child {     margin-bottom: 0; }  .burger.open div:first-child {     transform: rotate(45deg);     position: relative;     top: 9px; }  .burger.open div:nth-child(2) {     transform: rotate(-45deg); }  .burger.open div:last-child {     display: none; }  @media (max-width: 1144px) {     .banner {         height: 328px;         --imagas: url('/shared/3284/banner-mob4.webp');         background: var(--imagas);         background-position: 100% 40%;         background-repeat: no-repeat;         margin-bottom: 50px;         background-size: contain;         margin-top: 80px;     }      .banner__button {         top: 104px;         left: calc(30% - 40px);         padding: 10px 12px 0 44px;         position: absolute;         transform: translateX(-50%);         max-width: 50%;         color: #ffffff;     }      .banner__title {         font-size: 32px;     }      .nav {         display: none;         background: #131313;     }      .nav.open {         display: block;     }      .nav__list {         flex-direction: column;         align-items: flex-start;         gap: 22px;     }      .burger {         background: none;         border: none;         display: block;     }      .header-trbb {         background: #212121 calc(50% + 4px) 100%;         box-shadow: 0 2px 4px 0 #2626264d;         left: 0;         position: fixed;         top: 0;         width: 100%;         z-index: 9999;     } }  @media (max-width: 1080px) {     .main .wrapper {         flex-direction: column;     }      .game-trbbs {         width: 100%;         margin: 0 auto;     }      .sidebar {         margin: 22px auto 0;     }     .games__nav__wrp {         max-width: 100%;         margin-bottom: 22px;     }     .games__nav__list {         justify-content: space-between;     }     .field {         max-width: 100%;     }     .game-trbbs__cont {         width: 100%;     } }  @media (max-width: 780px) {     .social__text,     .social {         display: none;     }      .header-trbb__top {         padding: 20px 0;     }      .game-trbbs {         grid-template-columns: repeat(3, 1fr);     }     .dropdown__list__shadow__wrapper {         column-count: 3;     }     .popup__content {         max-width: 585px;     } }  @media (max-width: 585px) {     .game-trbbs {         grid-template-columns: repeat(2, 1fr);     }      .banner__button {         top: 70px;         left: 0;         transform: none;         max-width: 50%;     }      .banner__title {         font-size: 28px;     }      .banner {         background-position: 160% 40%;     }      .white {         display: none;     }     .dropdown__list__shadow__wrapper {         column-count: 2;     }     .popup__content {         max-width: 415px;     } }  @media (max-width: 415px) {     .crypto-trbb__item {         width: 110px;     }      .footer__bottom {         flex-direction: column;     }     .dropdown__list__shadow__wrapper {         column-count: 1;     }     .popup__content {         max-width: 360px;     } }  @media (max-width: 390px) {     .logo {         width: 130px;     }      .btn {         min-width: 110px;         padding-top: 10px;         padding-bottom: 10px;     }      .banner {         background-position: 300% 40%;     }      .banner__button {         top: 70px;         left: -25px;         transform: none;         max-width: 70%;     }      .game-trbbs {         grid-template-columns: repeat(1, 1fr);     }      .crypto-trbb__item {         width: 99px;     } }  .game-trbb__new {     align-items: center;     background: #fff;     border-radius: 10px 0;     bottom: auto;     box-shadow: 0 1px 2px 0 #26262666;     color: #000;     display: flex;     flex-direction: row;     font-size: 12px;     font-weight: 700;     height: 24px;     justify-content: center;     left: 0;     line-height: 12px;     padding: 0 8px;     position: absolute;     right: auto;     text-shadow: 0 -1px 0 #ffffff0d;     text-transform: capitalize;     top: 0;     z-index: 3; }  .content button {     width: 100%;     background: none;     border: none; }  .content button a {     align-items: center;     background: linear-gradient(177deg, #fb3c3c 1.96%, #880303 98.23%);     cursor: pointer;     display: inline-flex;     justify-content: center;     mix-blend-mode: normal;     text-align: center;     text-decoration: none;     transition: all .2s;     border-radius: 44px;     font-size: 14px;     font-family: 'Fester-Bold', sans-serif;     line-height: 16px;     text-transform: uppercase;     color: #fff;     padding-top: 15px;     padding-bottom: 15px;     width: 100%;     margin: 15px 0; }     .game__img {       max-width: 176px;       max-height: 112px;   }