@media(min-width:992px) {
    .left-menu-link-block .btn-left-menu-link:hover {
        color: #f9b300;
    }
     ::-webkit-scrollbar-track {
        background-color: transparent;
    }
     ::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        background-color: transparent;
    }
     ::-webkit-scrollbar-thumb {
        background-color: #000;
        border-radius: 30px;
    }
    .povider-block:hover img {
        transform: scale(1.05);
    }
    .footer-link-section-block ul li a:hover {
        color: #f9b300;
    }
    .header-page-link-section .btn-header-page-link:hover {
        color: #f9b300;
    }
    .deposit-rewards-box:hover {
        background-color: rgba(83, 40, 9, 0.8);
    }
    .promotions-blocks .btn-promotion-box:hover img {
        transform: scale(1.05);
    }
    .profile-body .nav-link:hover,
    .profile-body .btn-logout:hover {
        background-color: rgba(83, 40, 9, 0.8);
    }
}

@media(max-width:1499px) {
    .ranking-table-block {
        width: 75%;
    }
}

@media(min-width:1299px) {
    .btn-hamburger {
        display: none;
    }
}

@media(max-width:1399px) {
    .payment-row img {
        height: 30px;
    }
    .payment-row {
        gap: 20px;
    }
    .user-activity-box img {
        width: 65px;
    }
    .user-activity-data h5,
    .user-activity-data h6 {
        font-size: 14px;
        line-height: 14px;
    }
    .user-activity-data h4 {
        font-size: 14px;
        line-height: 14px;
        margin-top: 5px;
    }
}

@media(max-width:1299px) {
    .btn-hamburger {
        background-color: transparent;
        border: 0;
        box-shadow: none;
        display: flex;
    }
    .btn-hamburger img {
        width: 24px;
    }
    .landing-header-left {
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .left-menu {
        transform: translateX(-350px);
        background-color: rgba(35, 22, 0, 1);
        box-shadow: 10px 0 12px -8px rgb(255 156 43);
        top: 100px;
        height: calc(100% - 110px);
    }
    .left-menu.open {
        transform: translateX(0);
    }
    .main-screen {
        margin-left: 15px;
        padding-top: 193px;
        margin-right: 15px;
        padding-bottom: 20px;
    }
}

@media(max-width:1199px) {
    .custom-padding {
        padding: 70px 0;
    }
    .service-box {
        width: 200px;
    }
    .main-tab-content .hero-content h1 {
        font-size: 36px;
        line-height: 40px;
    }
    .hero-content p {
        font-size: 16px;
        line-height: 22px;
    }
    .tab-box .nav-pills .nav-item button {
        font-size: 16px;
        line-height: 16px;
    }
    .tab-box .nav-pills .nav-item {
        padding: 6px 16px;
    }
    #landing-tabContent {
        margin-top: 40px;
    }
    .service-box-inner {
        padding: 15px 15px;
    }
    .service-box-inner h5 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 13px;
    }
    .service-box-inner p {
        font-size: 14px;
        line-height: 18px;
    }
    .service-section-inner {
        margin-top: 0px;
    }
    .footer-top ul li a {
        padding: 8px 12px;
        font-size: 12px;
        line-height: 12px;
    }
    .footer-top ul {
        gap: 10px;
    }
    .landing-header-logo img {
        height: 60px;
        object-fit: cover;
    }
    .povider-block {
        background-color: #201106;
    }
    .btn-notification img {
        width: 80px;
    }
    .btn-notification {
        top: 90px;
    }
    .ranking-table-block {
        width: 100%;
    }
    .ranking-screen-section {
        margin-top: 0px;
    }
    .ranking-screen-top .cover-text {
        width: 400px;
    }
    .ranking-screen-top .cover-bet-logo {
        width: 120px;
    }
    #countdown ul li span {
        font-size: 44px;
        line-height: 44px;
    }
    #countdown ul li {
        font-size: 18px;
        line-height: 18px;
    }
}

@media(max-width:991.98px) {
    .service-box {
        width: auto;
        height: 100%;
        padding: 0 15px 20px;
    }
    .box-section .row>[class*='col-']:last-child .service-box {
        margin-top: 70px;
        height: auto;
    }
    .service-details h6 {
        font-size: 22px;
        line-height: 24px;
    }
    .service-details p {
        font-size: 18px;
        line-height: 22px;
    }
    .custom-padding {
        padding: 50px 0;
    }
    .main-tab-content .hero-content {
        text-align: center !important;
        margin-top: 30px;
    }
    .service-section-inner .container .row>[class*='col-']:nth-child(3) .service-box-inner,
    .service-section-inner .container .row>[class*='col-']:nth-child(4) .service-box-inner {
        /* margin-top: 80px; */
        height: 180px;
    }
    .footer-top {
        padding: 50px 0 30px;
    }
    .landing-header-link-row-2 {
        gap: 8px;
        margin-top: 10px;
    }
    .landing-header-logo img {
        height: 50px;
    }
    .landing-header-left {
        gap: 10px;
    }
    .landing-header-link-row-2 .form-control {
        font-size: 12px;
        line-height: 12px;
        padding: 6px 12px;
        max-width: 80px;
    }
    .btn-header-link {
        font-size: 14px;
        line-height: 14px;
        padding: 8px 15px;
    }
    .btn-login-line {
        padding: 3px 10px !important;
    }
    .btn-forgot {
        font-size: 14px;
        line-height: 14px;
    }
    #datetime {
        font-size: 14px;
        line-height: 14px;
        min-width: 160px;
    }
    .main-screen {
        margin-left: 15px;
        padding-top: 177px;
        margin-right: 15px;
        padding-bottom: 20px;
    }
    .cta-section {
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
        margin-top: 10px;
    }
    .provider-block {
        margin-top: 10px;
        grid-template-columns: repeat(7, 1fr);
        gap: 8px;
    }
    .povider-block {
        filter: grayscale(0);
    }
    .winning-block-section {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 8px;
    }
    .winning-box-1 {
        grid-column: span 2 / span 2;
        grid-row-start: 2;
    }
    .winning-box-2 {
        grid-column: span 4 / span 4;
    }
    .winning-box-3 {
        grid-column: span 2 / span 2;
        grid-column-start: 3;
        grid-row-start: 2;
    }
    .user-activity-box {
        min-width: 220px;
    }
    .user-activity-section {
        margin-top: 10px;
        overflow-x: auto;
    }
    .footer-section {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }
    .promotions-blocks {
        gap: 15px;
    }
    .page-title {
        margin-bottom: 30px;
    }
    .privilegs-detail-blocks img {
        width: 400px;
    }
    .slots-game-block {
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
        margin-top: 40px;
    }
    .btn-notification {
        top: 140px;
    }
    .other-rank-table-block {
        grid-template-columns: repeat(1, 1fr);
    }
    .profile-modal .tab-content>.tab-pane {
        display: block;
        opacity: 1;
    }
    .profile-body ul {
        display: none;
    }
    .profile-modal .accordion-button,
    .profile-body .btn-logout {
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 8px;
        color: #fff;
        font-weight: 400;
        font-size: 16px;
        line-height: 17px;
        text-transform: capitalize;
        text-align: center;
        background-color: #201106;
        border-radius: 10px;
        /* border: 1px solid #f9b300 !important; */
        justify-content: center;
        height: 100%;
        width: 100%;
        padding: 16px;
        transition: all 0.3s;
        box-shadow: none;
        justify-content: start;
    }
    .profile-modal .accordion-button img,
    .profile-body .btn-logout img {
        width: 20px;
        flex-shrink: 0;
    }
    .profile-modal .tab-content .tab-pane {
        margin-bottom: 15px;
        border: 1px solid #f9b300;
        border-radius: 13px;
        overflow: hidden;
    }
    .profile-body .tab-content {
        margin-top: 0;
        border-radius: 0;
        border: 0;
    }
    .profile-body .accordion-body {
        border-top: 1px solid #f9b300;
    }
    .profile-body .tab-content .accordion-body h1 {
        font-size: 22px;
        line-height: 22px;
    }
    .account-rank-img {
        width: 60px;
        margin-top: 20px;
    }
    .profile-infomarion {
        width: 60%;
    }
    .query-row p {
        font-size: 12px;
        line-height: 12px;
    }
    .ranks-right-box {
        gap: 10px;
    }
    .ranks-right-box img {
        width: 45px;
    }
    .ranks-right-details h6 {
        font-size: 14px;
        line-height: 18px;
    }
    .ranks-right-details h6:first-child {
        margin-bottom: 5px;
    }
    .use-coupon-img {
        width: 200px;
        margin: 25px 0 20px;
    }
    .profile-body .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    }
    .other-rank-table-block .user-detials img {
        width: 55px;
    }
    .privilegs-blocks {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:767.98px) {
    .box-section .row>[class*='col-']:nth-child(2) .service-box {
        margin-top: 70px;
        height: auto;
    }
    .service-details {
        margin-top: 50px;
    }
    .service-section-inner .container .row>[class*='col-']:nth-child(3) .service-box-inner,
    .service-section-inner .container .row>[class*='col-']:nth-child(4) .service-box-inner,
    .service-section-inner .container .row>[class*='col-']:nth-child(2) .service-box-inner {
        /* margin-top: 70px; */
        height: 150px;
    }
    .how-to-play-section .nav-pills .nav-item button {
        padding: 13px 20px;
        font-size: 14px;
        line-height: 14px;
    }
    .how-to-play-box {
        margin-top: 20px;
    }
    .how-to-play-section-inner {
        margin-top: 20px;
    }
    .header-page-link-section {
        gap: 25px;
    }
    .landing-header-link-row-2.desktop,
    .landing-header-link-row-1 {
        display: none;
    }
    .login-modal .modal-content {
        background-color: #201106;
        border: 1px solid #f0ae51;
        border-radius: 13px;
        overflow: hidden;
    }
    .login-modal .modal-header {
        position: relative;
        justify-content: center;
        border: 0;
        padding-top: 30px;
    }
    .login-modal .modal-header img {
        width: 200px;
    }
    .login-modal .modal-header .btn-close-modal {
        background-color: #c36725;
        border: 0;
        box-shadow: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0 0 0 10px;
    }
    .login-modal .modal-header .btn-close-modal img {
        width: 15px;
    }
    .landing-header-link-row-2 {
        gap: 12px;
        margin-top: 0;
        flex-direction: column;
    }
    .landing-header-link-row-2 .form-control {
        font-size: 14px;
        line-height: 14px;
        padding: 10px 15px;
        max-width: 80%;
    }
    .login-modal .btn-header-link {
        font-size: 16px;
        line-height: 16px;
        padding: 10px 15px;
        width: 80%;
    }
    .login-modal h6 {
        color: #fff;
        font-weight: 400;
        font-size: 24px;
        line-height: 24px;
        margin: 10px 0;
        position: relative;
    }
    .login-modal h6::after {
        content: '';
        position: absolute;
        top: 50%;
        left: -165px;
        transform: translateY(-50%);
        width: 150px;
        height: 1px;
        background-color: #fff;
    }
    .login-modal h6::before {
        content: '';
        position: absolute;
        top: 50%;
        right: -165px;
        transform: translateY(-50%);
        width: 150px;
        height: 1px;
        background-color: #fff;
    }
    .login-modal .modal-body {
        padding-bottom: 30px;
    }
    .after-login-row {
        flex-direction: row;
        gap: 8px;
    }
    .after-login-row .btn-deposit span,
    .after-login-row .btn-withdraw span {
        display: none;
    }
    .after-login-row .btn-deposit,
    .after-login-row .btn-withdraw {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }
    .after-login-row .btn-deposit img,
    .after-login-row .btn-withdraw img {
        filter: brightness(0) invert(1);
    }
    .user-info p {
        font-size: 12px;
        line-height: 12px;
    }
    .balance-info h6 {
        font-size: 13px;
        line-height: 13px;
    }
    .balance-info .btn-refresh img {
        width: 10px;
    }
    .balance-info .coin-img {
        width: 15px;
    }
    .balance-info {
        gap: 4px;
        margin-top: 3px;
        padding: 3px 7px;
    }
    .btn-profile img {
        width: 35px;
    }
    .promotions-blocks {
        grid-template-columns: repeat(3, 1fr);
    }
    .privilegs-detail-blocks img {
        width: 350px;
    }
    .privilegs-detail-blocks ul li {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 13px;
    }
    .privilegs-detail-blocks {
        margin-top: 40px;
    }
    .ranking-table-block .nav-tabs .nav-link {
        height: 100%;
        font-size: 16px;
        line-height: 18px;
        padding: 12px 10px;
    }
    .ranking-table-box {
        padding: 20px 10px;
    }
    .badge-block img {
        width: 50px;
    }
    .user-detials img {
        width: 45px;
    }
    .user-detials h1 {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 8px;
    }
    .user-detials p {
        font-size: 12px;
        line-height: 12px;
    }
    .win-amount h1,
    .reward-block p {
        font-size: 17px;
        line-height: 17px;
    }
    .reward-block .trophy-img {
        width: 35px;
    }
    .reward-block .reward-img {
        width: 30px;
    }
    .reward-block {
        gap: 5px;
    }
    .ranking-table-header p {
        font-size: 16px;
        line-height: 16px;
    }
    .other-rank-table-block .user-detials img {
        width: 45px;
    }
    .privilegs-blocks {
        gap: 10px;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media(max-width:575.98px) {
    .header-logo img {
        width: 150px;
    }
    .btn-header {
        font-size: 14px;
        line-height: 14px;
        padding: 10px 25px;
    }
    .header-links {
        gap: 10px;
    }
    .hero-logo img {
        width: 250px;
    }
    .hero-section .hero-content {
        margin-top: 30px;
    }
    .custom-padding {
        padding: 30px 0;
    }
    .btn-hero {
        margin-top: 10px;
    }
    .hero-content p {
        font-size: 14px;
        line-height: 20px;
    }
    .service-details h6 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 5px;
    }
    .service-details p {
        font-size: 14px;
        line-height: 18px;
    }
    .service-box {
        height: 100%;
        padding: 0 10px 15px;
    }
    .box-section .row>[class*='col-']:nth-child(2) .service-box,
    .box-section .row>[class*='col-']:last-child .service-box {
        margin-top: 60px;
    }
    .tab-box .nav-pills .nav-item button img {
        height: 30px;
    }
    .tab-box .nav-pills .nav-item button {
        font-size: 13px;
        line-height: 13px;
        padding: 0 5px;
        gap: 5px;
    }
    .tab-box .nav-pills .nav-item {
        padding: 5px 0;
    }
    .main-tab-content .hero-content h1 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 10px;
    }
    .service-box-inner img {
        width: 70px;
        margin-top: -50px;
        margin-bottom: 15px;
    }
    .service-box-inner h5 {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 11px;
    }
    .service-box-inner {
        height: auto;
    }
    .service-section-inner .container .row>[class*='col-']:nth-child(3) .service-box-inner,
    .service-section-inner .container .row>[class*='col-']:nth-child(4) .service-box-inner,
    .service-section-inner .container .row>[class*='col-']:nth-child(2) .service-box-inner {
        /* margin-top: 45px; */
        height: auto;
    }
    .footer-top ul li a {
        padding: 8px 10px;
        font-size: 12px;
        line-height: 12px;
    }
    .footer-top ul {
        gap: 8px;
    }
    .footer-bottom p {
        font-size: 12px;
        line-height: 12px;
    }
    .footer-bottom {
        padding: 10px 0 12px;
    }
    .footer-top {
        padding: 30px 0 20px;
    }
    .how-to-play-section .nav-pills .nav-item button {
        padding: 10px 20px;
        font-size: 14px;
        line-height: 14px;
    }
    .how-to-play-box img {
        width: 100px;
        margin-bottom: 10px;
    }
    .how-to-play-box h6 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 7px;
    }
    .how-to-play-box p {
        font-size: 14px;
        line-height: 18px;
        padding: 0 30px;
    }
    #landing-tabContent {
        margin-top: 20px;
    }
    .how-to-play-section-inner {
        margin-top: 10px;
    }
    .btn-hero {
        font-size: 16px;
        line-height: 17px;
        padding: 14px 30px;
    }
    .landing-header {
        padding: 10px 0;
    }
    .btn-hamburger img {
        width: 18px;
    }
    .landing-header-logo img {
        height: 38px;
    }
    .btn-header-link {
        font-size: 12px;
        line-height: 12px;
        padding: 8px 15px;
    }
    .btn-header-link img {
        width: 20px;
    }
    .btn-login-line {
        padding: 4px 10px !important;
    }
    .header-page-link-section {
        justify-content: start;
        padding-top: 10px;
        margin-top: 7px;
        overflow: hidden;
        overflow-x: auto;
    }
    .header-page-link-section .btn-header-page-link {
        gap: 5px;
        font-size: 12px;
        line-height: 12px;
        white-space: nowrap;
    }
    .header-page-link-section .btn-header-page-link img {
        width: 26px;
    }
    .main-screen {
        margin-left: 10px;
        padding-top: 133px;
        margin-right: 10px;
        padding-bottom: 10px;
    }
    .landing-banner-section {
        border-radius: 10px;
    }
    .landing-banner-slider .swiper-slide {
        border-radius: 10px;
    }
    .landing-banner-slider .swiper-slide img {
        border-radius: 10px;
    }
    .landing-banner-slider .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
    .landing-banner-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 10px;
        height: 10px;
    }
    .cta-section .btn-cta img {
        border-radius: 10px;
    }
    .provider-block {
        margin-top: 10px;
        grid-template-columns: repeat(6, 1fr);
        gap: 5px;
    }
    .povider-block img {
        height: 26px;
    }
    .game-sliders {
        margin-top: 10px;
    }
    .game-sliders-header h6 {
        font-size: 16px;
        line-height: 16px;
    }
    .landing-game-navigation {
        width: 26px;
        height: 26px;
    }
    .game-slider-box-details h5 {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 5px;
    }
    .game-slider-box-details h6 {
        font-size: 10px;
        line-height: 10px;
    }
    .winning-box h1 {
        font-size: 18px;
        line-height: 18px;
    }
    .winning-box h6 {
        font-size: 16px;
        line-height: 16px;
    }
    .box-bottom {
        margin-top: 20px;
    }
    .box-bottom p {
        font-size: 12px;
        line-height: 12px;
    }
    .box-bottom .btn-winning-button {
        font-size: 14px;
        line-height: 14px;
        padding: 7px 30px;
    }
    .winning-box {
        height: 150px;
    }
    .winning-block-section {
        margin-top: 10px;
    }
    .winning-box.winning-box-2 h1 {
        font-size: 25px;
        line-height: 25px;
    }
    .footer {
        margin-top: 10px;
        padding: 30px 10px 10px;
    }
    .footer-link-section {
        flex-direction: column;
        gap: 30px;
    }
    .footer-link-section-block h4 {
        font-size: 16px;
        line-height: 16px;
    }
    .footer-link-section-block ul li a {
        font-size: 13px;
        line-height: 13px;
    }
    .footer-link-section-block ul li {
        list-style: none;
        margin-top: 8px;
    }
    .game-license-section img {
        height: 30px;
    }
    .game-license-section {
        gap: 20px;
        margin-top: 20px;
    }
    .footer-text {
        margin-top: 20px;
    }
    .footer-text p {
        font-size: 12px;
        line-height: 18px;
    }
    .footer-section {
        gap: 20px;
    }
    .payment-row {
        gap: 15px;
        flex-wrap: wrap;
    }
    .payment-row img {
        height: 24px;
    }
    .payment-section h4 {
        font-size: 16px;
        line-height: 16px;
    }
    .payment-section {
        margin-top: 20px;
    }
    .left-menu {
        top: 60px;
        height: calc(100% - 70px);
        left: 10px;
    }
    .landing-header-link-row-2 .form-control {
        max-width: 100%;
        padding: 8px 15px;
    }
    .login-modal .modal-header img {
        width: 160px;
    }
    .login-modal .btn-header-link {
        width: 100%;
    }
    .login-modal h6 {
        font-size: 20px;
        line-height: 20px;
        margin: 8px 0;
    }
    .login-modal h6::before {
        right: -145px;
        width: 130px;
    }
    .login-modal h6::after {
        left: -145px;
        width: 130px;
    }
    .after-login-row .btn-deposit,
    .after-login-row .btn-withdraw {
        width: 24px;
        height: 24px;
    }
    .after-login-row .btn-deposit img,
    .after-login-row .btn-withdraw img {
        width: 16px;
    }
    .btn-profile img {
        width: 25px;
    }
    .balance-info .coin-img {
        width: 13px;
    }
    .balance-info h6 {
        font-size: 12px;
        line-height: 12px;
    }
    .balance-info {
        gap: 4px;
        margin-top: 3px;
        padding: 3px 5px;
    }
    .after-login-row {
        gap: 6px;
    }
    .custom-modal .modal-body {
        padding: 20px;
    }
    .custom-modal .modal-body h1 {
        font-size: 24px;
        line-height: 24px;
    }
    .btn-transfer-self img {
        width: 20px;
    }
    .btn-transfer-self {
        gap: 10px;
        font-size: 14px;
        line-height: 14px;
        padding: 10px 20px;
    }
    .deposite-profile-box .bank-logo {
        width: 50px;
    }
    .deposite-profile-box {
        gap: 7px;
    }
    .btn-name-copy {
        font-size: 12px;
        line-height: 12px;
        padding: 5px 8px;
    }
    .deposite-profile-details p {
        font-size: 12px;
        line-height: 12px;
    }
    .bank-profile-name h6 {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 3px;
    }
    .bank-profile-name h2 {
        font-size: 16px;
        line-height: 16px;
    }
    .bank-profile-name {
        gap: 25px;
    }
    .deposite-profile {
        padding: 20px 0;
    }
    .deposit-rewards-box {
        width: 110px;
        height: 110px;
        gap: 8px;
        padding: 8px;
        border-radius: 13px;
    }
    .deposit-rewards-options {
        margin-top: 20px;
        gap: 12px;
    }
    .deposit-rewards-box img {
        width: 28px;
    }
    .deposit-rewards-box p {
        font-size: 12px;
        line-height: 15px;
    }
    .quick-amount .btn-quick-amount {
        font-size: 12px;
        line-height: 12px;
    }
    .quick-amount {
        gap: 5px;
    }
    .input-box {
        padding: 10px;
        font-size: 16px;
        line-height: 17px;
    }
    .amount-info p {
        font-size: 12px;
        line-height: 12px;
    }
    .amount-info h2 {
        font-size: 12px;
        line-height: 12px;
    }
    .promotion-modal-body img {
        width: 95%;
    }
    .page-title {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .promotions-blocks {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .promotions-blocks .btn-promotion-box {
        border-radius: 10px;
    }
    .privilegs-detail-blocks img {
        width: 250px;
    }
    .privilegs-detail-blocks h1 {
        font-size: 26px;
        line-height: 30px;
        margin-top: 20px;
        padding: 0 20px;
    }
    .privilegs-detail-blocks ul li {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .privilegs-detail-blocks ul {
        margin-top: 20px;
    }
    .slots-game-block {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        margin-top: 30px;
    }
    .slots-game-box {
        border-radius: 6px;
    }
    .slots-game-block .game-overlay .btn-play-game {
        width: 40px;
        height: 40px;
    }
    .slots-game-block .game-overlay .btn-play-game img {
        width: 16px;
    }
    .notifcations-box img {
        width: 65px;
    }
    .notifcations-box h6 {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 8px;
    }
    .notifcations-box p {
        font-size: 13px;
        line-height: 13px;
    }
    .notifcations-box {
        gap: 12px;
        margin-bottom: 15px;
    }
    .btn-notification img {
        width: 45px;
    }
    .btn-notification {
        top: 120px;
    }
    .ranking-screen-top .cover-bet-logo {
        width: 100px;
    }
    .ranking-screen-top {
        gap: 5px;
    }
    .ranking-screen-top .cover-text {
        width: 250px;
    }
    #countdown ul li span {
        font-size: 30px;
        line-height: 30px;
    }
    #countdown ul li {
        gap: 5px;
        min-width: 80px;
        padding: 0 10px;
        font-size: 14px;
        line-height: 14px;
    }
    #countdown ul {
        margin-top: 15px;
        padding: 10px 5px 10px;
    }
    .ranking-screen-top h2 {
        font-size: 18px;
        line-height: 20px;
        margin-top: 12px;
    }
    .ranking-screen-top p {
        font-size: 12px;
        line-height: 12px;
    }
    .ranking-table-section {
        margin-top: 30px;
    }
    .ranking-table-block .nav-tabs .nav-link {
        font-size: 13px;
        line-height: 16px;
        padding: 10px 10px;
    }
    .ranking-table-block {
        border-radius: 6px;
    }
    .ranking-table-header p {
        font-size: 14px;
        line-height: 14px;
    }
    .user-detials img {
        display: none;
    }
    .badge-block img {
        width: 30px;
    }
    .user-detials {
        gap: 5px;
    }
    .user-detials h1 {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 5px;
    }
    .user-detials p {
        font-size: 10px;
        line-height: 10px;
    }
    .win-amount h1,
    .reward-block p {
        font-size: 14px;
        line-height: 14px;
    }
    .reward-block .trophy-img {
        width: 20px;
    }
    .reward-block .reward-img {
        width: 20px;
    }
    .ranking-table-header {
        display: flex;
        align-items: center;
    }
    .ranking-table-row {
        display: flex;
        align-items: center;
        padding: 8px 0;
        margin-bottom: 8px;
    }
    .badge-block,
    .rating-title {
        width: 15%;
    }
    .user-detials,
    .user-title {
        width: 37%;
    }
    .win-amount,
    .credit-title {
        width: 20%;
    }
    .reward-block,
    .reward-title {
        width: 28%;
    }
    .other-rank-table-block {
        gap: 8px;
    }
    .other-rank-table-block .badge-block h2 {
        font-size: 16px;
        line-height: 16px;
    }
    .other-rank-table-block .user-detials h1 {
        font-size: 14px;
        line-height: 14px;
    }
    .other-rank-table-block .win-amount h1,
    .other-rank-table-block .reward-block p {
        font-size: 14px;
        line-height: 14px;
    }
    .other-rank-table-block .reward-block .reward-img {
        width: 20px;
    }
    .ranking-table-box {
        padding: 20px 10px 15px;
    }
    .profile-modal .accordion-button,
    .profile-body .btn-logout {
        font-size: 14px;
        line-height: 14px;
        padding: 12px;
    }
    .profile-modal .tab-content .tab-pane {
        margin-bottom: 12px;
        border-radius: 8px;
    }
    .profile-modal .accordion-button img,
    .profile-body .btn-logout img {
        width: 16px;
        flex-shrink: 0;
    }
    .profile-body .accordion-body {
        padding: 12px;
    }
    .profile-body .tab-content .accordion-body h1 {
        font-size: 18px;
        line-height: 18px;
    }
    .account-rank-img {
        width: 50px;
        margin-top: 15px;
    }
    .profile-body .username-block p {
        font-size: 14px;
        line-height: 14px;
    }
    .profile-body .username-block a {
        font-size: 14px;
        line-height: 14px;
        margin-top: 5px;
        display: block;
    }
    .profile-body .username-block {
        margin-top: 10px;
    }
    .profile-infomarion {
        width: auto;
        gap: 10px;
        padding: 8px 15px;
    }
    .profile-infomarion img {
        width: 45px;
    }
    .profile-infomarion-div p {
        font-size: 12px;
        line-height: 12px;
    }
    .profile-infomarion-div h2 {
        font-size: 15px;
        line-height: 15px;
        margin-top: 5px;
    }
    .query-row p {
        font-size: 12px;
        line-height: 16px;
        margin-top: 12px;
    }
    .ranks-right-block {
        margin-top: 20px;
    }
    .ranks-right-box img {
        width: 35px;
    }
    .ranks-right-details h6 {
        font-size: 12px;
        line-height: 16px;
    }
    .ranks-right-details h6:first-child {
        margin-bottom: 2px;
    }
    .ranks-right-box {
        align-items: start;
        gap: 8px;
    }
    .use-coupon-img {
        width: 150px;
        margin: 20px 0 15px;
    }
    .coupon-block p {
        font-size: 14px;
        line-height: 16px;
    }
    .service-box-inner {
        margin-bottom: 45px;
    }
}