@media(max-width: 1600px) {

    /* zeryab  */
    .tabs-main ul li button span {
        margin-right: 16px;
    }

    .nav-tabs .nav-link.active {
        padding: 18px 21px;
    }

    .tabs-main {
        padding-bottom: 48px;
    }

    .filter-list ul li a {
        padding: 11px 18px 13px 23px;
        margin-right: 6px;
    }

    .check-main ul:first-child {
        padding-left: 12px;
    }

    .check-main ul {
        padding-right: 35px;
    }

    .lobby-table .table p,
    .table tr th,
    .s-play,
    .wait,
    .red-num,
    .green-num {
        font-size: 12px;
    }

    .game-inner-hover {
        padding: 8px 46px;
    }

    .game-inner-hover small {
        display: none;
    }

    .loby-main-inner .image-holder {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .loby-main-inner .image-holder img {
        height: 100%;
    }

    .loby-main-inner .text-box h5 {
        font-size: 13px;
    }

    .loby-main-inner .text-box .d-loby {
        width: 22px;
        height: 22px;
        margin-right: 6px;
    }

    .loby-main-inner .text-box {
        height: 30px;
        max-width: 120px;
    }

    .call {
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
    }

    .loby-main-inner.box-2 {
        left: -90px;
    }

    .loby-main-inner.box-1 {
        left: 90px;
    }

    .loby-main-inner.box-3 {
        left: -90px;
    }

    .loby-main-inner.box-5 {
        right: 60px;
    }

    .loby-main-inner.box-6 {
        right: -105px;
    }

    .loby-main-inner.box-5 {
        right: 90px;
    }

    .emoji-main .nav-tabs .nav-link.active {
        padding: 4px 21px;
    }

    .fold-btn,
    .call-btn,
    .raise-btn {
        background-size: contain;
        width: 130px;
        height: 50px;
        background-repeat: no-repeat;
    }

    .fold-main ol {
        justify-content: center;
    }

    .cards-main-inner2 ul li a img {
        height: 70px;
    }

    .cards-main-inner2 {
        padding: 10px 14px 10px 14px;
    }

    #min-price2 {
        font-size: 14px;
        padding: 6px 12px;
    }

    span.ui-slider-handle.ui-corner-all.ui-state-default {
        max-width: 24px;
        height: 24px;
    }

    .fold-main ul li {
        font-size: 14px;
        padding: 8px 12px;
    }

    .fold-btn-main ol li a {
        font-size: 16px;
    }

    .fold-btn,
    .call-btn,
    .raise-btn {
        width: 115px;
        height: 43px;
    }

    .fold-main .price-main {
        margin-bottom: 12px;
    }

    .fold-main ul {
        margin-bottom: 8px;
    }

    .camera-setting-main .image-holder img {
        max-width: 220px;
    }

    .camera-setting-main .main-bg .text-box h4 {
        font-size: 18px;
    }

    .price-list ul li {
        font-size: 16px;
        padding: 7px 14px;
    }

    .price-list .price-lst2 {
        font-size: 20px;
        padding: 10px 30px;
        border-radius: 12px;
    }

    .price-list ul {
        margin-bottom: 14px;
    }

    .price-main {
        max-width: 300px;
        margin-bottom: 20px;
    }

    .buy-btn-main p {
        font-size: 14px;
    }

    .buy-watch-btn,
    .buy-play-btn {
        font-size: 18px;
        max-width: 274px;
        width: 100%;
        height: 65px;
    }

    .camera-setting-main {
        max-width: 480px;
    }

    .price-list ul li {
        margin-right: 10px;
    }

    .text-box.justify-content-start.progress-text-box {
        width: 100%;
        border: 0;
    }

    .loby-main-inner .text-box .pink-d-loby {
        width: 42px;
        height: 55px;
        margin-right: -32px;
    }

    .pink-progress {
        padding-left: 26px;
    }

    .fold-main2 .text-box-resp {
        height: auto;
    }

    .fold-red {
        width: 20px;
        height: 20px;
    }

    .loby-main-inner .text-box .f-red {
        font-size: 14px;
    }

    .fold-main2 .loby-main-inner .fold-img {
        height: 59px;
        width: 41px;
    }

    .fold-main2 .loby-main-inner .fold-text-box {
        margin-top: -18px;
    }

    .loby-main-inner .text-box .call-main {
        font-size: 14px;
    }

    .check-main-tick img {
        width: 16px;
    }

    .loby-main.box-7.seat-box {
        bottom: 48vh;
    }

    .loby-main-inner .call-text-box span {
        font-size: 14px;
        width: 20px;
        height: 20px;
    }
}

@media(max-width: 1366px) {
    .right-side {
        padding: 0px 30px 0px 323px;
    }

    .hero-box-inner h2 {
        font-size: 20px;
        line-height: 24.859px;
    }

    .box1,
    .box2,
    .box3 {
        padding: 36px 20px 36px 20px;
    }

    /* zeryab  */
    .filter-list ul li {
        font-size: 12px;
    }

    .lobby-table .table>:not(caption)>*>* {
        padding: 12px 5px;
    }

    .check-main ul {
        padding-right: 16px;
    }

    .check-main .form-check-label {
        font-size: 11px;
        margin-bottom: 15px;
    }

    .filter-list ul {
        margin-bottom: 15px;
    }

    .loby-main-inner.box-1 {
        left: 120px;
    }

    .loby-main-inner.box-2 {
        left: -48px;
    }

    .loby-main-inner.box-3 {
        left: -40px;
        top: 400px;
    }

    .loby-main-inner.box-6 {
        right: -57px;
        top: 360px;
    }

    .hand-rank ul .lst-main {
        padding: 6px;
    }

    .hand-rank {
        right: 5px;
    }

    .buy-hero {
        padding-top: 110px;
    }

    .modal-dialog-centered {
        min-height: 100%;
    }

    .price-list .price-lst2 {
        padding: 6px 30px;
    }

    .pink-progress {
        height: 30px;
    }

    .loby-main-inner .text-box .pink-d-loby {
        width: 35px;
        height: 46px;
        margin-right: -32px;
        font-size: 20px;
    }

    .loby-main-inner .progress-text-box {
        margin-top: -50px;
    }

    .fold-main2 {
        right: auto;
        left: 26%;
    }

    .pot-main {
        display: none;
    }

    .loby-main.box-7.seat-box {
        display: none;
    }

    .hand-rank-desktop {
        max-height: 700px;
        bottom: 126px;
    }

    .seat-hero .pot-main {
        transform: none;
    }

    .seat6-hero .fold-main2 {
        right: 26%;
        left: auto;
        bottom: 9vh;
    }
}

@media(max-width: 1199px) {
    .signup-sec .img-holder {
        width: 55px;
        position: absolute;
        top: 0px;
        right: 0;
    }

    .signup-sec .sign-media {
        max-width: 800px;
        margin: 0 auto;
        padding: 0px 12px;
    }

    .sign-updated .sign-media {
        max-width: 400px;
    }

    .two-factor .sign-media {
        max-width: 100%;
    }

    .avatar-img {
        display: block;
    }

    h1 {
        font-size: 38px;
        line-height: 47.35px;
        margin-bottom: 13px;
    }

    .box1,
    .box2,
    .box3 {
        padding: 50px 8px 44px;
    }

    .hero-box-inner h2 {
        font-size: 18px;
    }

    .winner {
        margin-top: 66px;
        padding-bottom: 136px;
    }

    .faq .top p {
        margin-bottom: 80px;
    }

    .winner-left {
        max-width: 320px;
        margin-left: auto;
    }

    footer .container {
        padding: 0px 46px;
    }

    .top-sapce {
        margin-top: 61px;
    }

    .faq {
        padding-bottom: 140px;
    }

    .hero-box-inner p {
        font-size: 10px;
        margin-bottom: 19px;
    }

    header {
        padding: 27px 0;
    }

    .leftMenu {
        display: none;
    }

    .nav-show::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.80);
        backdrop-filter: blur(7.5px);
        z-index: 999;
    }

    #menu_bar svg {
        display: none;
    }

    .mobile-menu {
        display: block;
    }

    .bg-blur {
        position: relative;
    }

    .nav-show .leftMenu {
        display: block;
        padding-left: 0;
        top: 0;
        height: auto;
        max-width: 256px;
        border-radius: 0px 28px 28px 0px;
        background: rgba(21, 21, 21, 0.56);
        box-shadow: 0px 64.00043px 64.00043px -32.00022px rgba(41, 15, 0, 0.56);
        backdrop-filter: blur(80.00052642822266px);
    }

    .leftMenuList {
        padding: 20px 24px 50px 24px;
    }

    .right-content {
        margin-top: 30px;
    }

    .right-side {
        padding: 20px 28px 0px;
    }

    .head-main {
        padding: 0px 22px;
    }

    .setting-sec .sign-media {
        max-width: 100%;
        padding: 0px 46px;
    }

    .coin-card {
        padding: 11px 20px;
        min-height: 93px;
    }

    .row-space {
        margin-top: 65px;
    }

    .left-space {
        margin-left: 22px;
        width: 100%;
    }

    .cards .lable {
        font-size: 12px;
        height: 31px;
        width: 121px;
    }

    .left-space h6 {
        font-size: 12px;
    }

    .left-space h4 {
        font-size: 24px;
        margin-top: 3px;
    }

    /* zeryab  */
    .check-main ul {
        padding-right: 64px;
    }

    .filter-list li a img {
        height: 36px;
    }

    .filter-list ul li a {
        padding: 9px 18px 10px 20px;
    }

    .tabs-main ul li {
        font-size: 22.417px;
    }

    .nav-tabs .nav-link {
        padding: 20px 15px;
    }

    .lobby-table .table>:not(caption)>*>* {
        padding: 12px 10px;
    }

    .loby-main-inner.box-2 {
        top: 175px;
    }

    .loby-main-inner.box-1 {
        bottom: -127px;
        left: 120px;
    }

    .loby-main-inner.box-4 {
        left: 116px;
        top: 115px;
    }

    .camera-setting-main {
        max-width: 480px;
        border: 0;
    }

    .buy-hero {
        padding-bottom: 0;
        padding-top: 0;
    }

    .buy-bottom {
        justify-content: center !important;
    }

    .buy-btn-main p {
        margin-left: 32px;
        max-width: 500px;
        margin: 0 auto;
        margin-bottom: 70px;
        margin-left: 25px;
    }

    .buy-hero .container {
        padding: 0;
    }

    .header-2 {
        z-index: 999;
    }

    .buy-hero {
        z-index: 1;
    }

    .seat2-hero {
        background-size: 51%;
    }

    .seat6-hero {
        background-size: 69%;
    }

    .puke-main {
        display: none !important;
    }

    .emoji-main-inner:after {
        content: "";
        width: 100%;
        height: 100%;
        position: fixed;
        background: rgba(34, 34, 34, 0.0);
        backdrop-filter: blur(0px);
        top: 0;
        left: 0;
        display: none;
    }

    .emoji-main {
        top: 296px;
        right: 230px;
        z-index: 99;
    }

    .loby-main-inner.box-1 {
        bottom: 28px;
        left: 0;
    }

    .fold-main ul,
    .price-main2 {
        display: none !important;
    }

    .loby-main-inner.box-2 {
        top: 440px;
        left: 114px;
    }

    .loby-main-inner.box-4 {
        left: 276px;
        top: 400px;
    }

    .loby-main-inner.box-3 {
        top: 440px;
    }

    .loby-main-inner.box-6 {
        right: -48px;
        top: 510px;
    }

    .loby-main-inner.box-5 {
        right: 110px;
        top: 510px;
    }

    .cards-main ul li a img {
        height: 48px;
    }

    .hand-rank-desktop {
        display: none;
    }

    .hand-rank-mbl {
        display: none;
        max-width: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        /* position: fixed; */
        right: auto;
        height: 100%;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .hand-rank-mbl {
        background: transparent;
        bottom: 0;
    }

    .hand-rank.hand-rank-mbl.box-show.d-flex {
        display: flex !important;
    }

    .hand-rank-mbl ul li {
        border-radius: 8px;
        background: rgba(0, 0, 0, 0.35);
    }

    .mbl-ul {
        margin-right: 30px;
    }

    .mbl-rank-main {
        justify-content: center !important;
    }

    .hand-rank-mbl ul li h3 {
        margin-right: 20px;
    }

    .price-range-inner {
        display: block;
    }

    .progress-text {
        display: none;
    }

    .progress-span {
        display: block;
    }

    .quesion {
        margin-top: -12px;
    }

    .progress-bottom {
        justify-content: center;
    }

    .pot {
        display: block;
    }

    .remove-before:before {
        display: none;
    }

    .add-before:before {
        display: block;
    }

    .buy-hero.z-ind2 {
        position: relative;
        z-index: 1000;
    }

    .remove-before2:before {
        display: none;
    }

    .remove-before2 .hand-rank-mbl.box-show {
        display: none !important;
    }

    .buy-cross6.cross-show {
        display: block !important;
    }

    /* .buy-cross6.cross-hide {
        display: none !important;
    } */
    .quesion {
        display: flex !important;
    }

    .quesion2 {
        display: none !important;
    }

    .header-2.z-ind3 {
        z-index: 10000;
    }

    .emoji-main-inner.add-after .buy-cross4 {
        display: block;
    }

    .camera-setting-main.test {
        background: rgba(34, 34, 34, 0.65);
        border: 0.751px solid rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(50px);
        max-width: 480px;
        border-radius: 30px;
    }

    .main-bg {
        max-width: 520px;
        margin: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .buy-watch-btn,
    .buy-play-btn {
        width: 100%;
        height: 50px;
        max-width: 184px;
    }

    .camera-setting-main {
        max-width: 100%;
        height: 100%;
        display: none;
    }

    .camera-setting-main:before,
    .hand-rank:before,
    .time-main:before {
        content: "";
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
    }

    .buy-btn-main p {
        max-width: 436px;
        margin-bottom: 52px;
        margin-left: 90px;
    }

    .main-bg .image-holder,
    .main-bg .text-box1 {
        display: none;
    }

    .price-main3 span.ui-slider-handle.ui-corner-all.ui-state-default {
        max-width: 32px;
        height: 32px;

    }

    .price-main3 .ui-slider-horizontal .ui-slider-range {
        border-radius: 16px 0 0 16px;
    }

    .price-main3 span {
        border-radius: 20px;
        right: 10px;
    }

    .progress-bottom>a {
        font-size: 8px;
        width: 12px;
        height: 12px;
    }

    .progress-main-span {
        max-width: 88px;
    }

    .cards-main ul li {
        margin-right: 8px;
    }

    .hand-rank-desktop.box-show~.buy-cross7 {
        display: block !important;
        z-index: 999999;
    }

    .hand-rank {
        display: none;
    }

    .deposit-history .sign-media {
        max-width: 100%;
    }

    .payment .enter-main2 input {
        padding: 10px 54px 10px 38px;
    }

    .enter-buy-main .text-box h4 {
        padding-bottom: 24px;
        margin-bottom: 0;
    }

    .enter-buy-main .price-main {
        margin-bottom: 40px;
    }

    .loby-main.box-6 {
        bottom: 47vh;
    }

    .loby-main.box-7 {
        bottom: 20vh;
        right: 11%;
    }

    .loby-main.box-8 {
        bottom: 20vh;
        right: -2%;
    }

    .buy-wrap {
        overflow: hidden;
    }

    .loby-main.box-3 {
        left: 7%;
    }

    .loby-main.box-2 {
        left: 0%;
        bottom: 21vh;
    }

    .loby-main.box-4 {
        left: 20%;
        bottom: 48vh;
    }

    .time-main-2 .text-box h4 {
        padding-bottom: 10px;
    }

    .time-inner p {
        margin-bottom: 15px;
    }

    .time-inner .para p {
        padding-bottom: 60px;
    }

    .header-2 {
        z-index: 2;
    }

    .emoji-main {
        top: 50%;
        right: auto;
        z-index: 99;
        left: 50%;
        transform: translate(-50%, 50%);
    }

    .buy-wrap-main {
        z-index: 3;
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .buy-hero.z-up {
        z-index: 2;
    }

    .camera-setting-main.time-main {
        padding-top: 0;
        height: auto;
        left: 0;
        transform: none;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
    }

    .time-main {
        position: relative;
        z-index: 999999;
    }

    .main-bg1 {
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        z-index: 999999999;
    }

    .my-react-img {
        max-width: 240px;
    }

    .play-immersive .card-bottom-text p {
        font-size: 10px;
        max-width: 200px;
    }

    .play-immersive {
        padding-bottom: 200px;
    }

    .loby-main-inner .text-box .pink-d-loby {
        display: none;
    }

    .pink-progress {
        padding-left: 0;
        opacity: 1;
        font-size: 14px;
    }

    .loby-main.box-5 {
        bottom: 48vh;
        left: 33%;
    }

    .loby-main.box-6 {
        bottom: 46vh;
        left: 46%;
    }

    .fold-main2 .loby-main-inner .fold-img {
        height: 59px;
    }

    .yellow-call img {
        width: 16px;
        height: 16px;
    }

    .call2 {
        display: block !important;
    }

    .fold-main2 .loby-main-inner .text-box-resp {
        display: none;
    }

    .fold-main2 .loby-main-inner .fold-text-box {
        margin-top: -18px;
        border-radius: 8px;
    }

    .fold-main2 .loby-main-inner .text-box {
        border-radius: 8px;
    }

    .loby-main-inner .call2 {
        height: auto !important;
    }

    .fold-main2 {
        left: auto;
        right: 23%;
    }

    .hand-rank-mbl {
        background: transparent;
        bottom: 0;
    }
}

@media(max-width: 991px) {

    /* zeryab  */
    .lobby-right {
        display: none;
    }

    .tabs-main ul li {
        font-size: 14.417px;
    }

    .nav-item span img {
        height: 30px;
    }

    .avatar-main ul {
        justify-content: center;
    }

    .image-holder.react-video-main {
        min-height: 136px;
    }

    .loby-main {
        width: 130px;
        height: 130px;
    }

    .loby-main-inner .text-box {
        height: 28px;
        max-width: 96px;
        border-radius: 20px;
        margin-top: -25px;
    }

    .loby-main-inner .text-box h5,
    .loby-main-inner .text-box h4,
    .call {
        font-size: 14px;
    }

    .loby-main.box-1 {
        bottom: 20px;
        left: 0;
    }

    .loby-main.box-2,
    .loby-main.box-3,
    .loby-main.box-4,
    .loby-main.box-5,
    .loby-main.box-6 {
        left: -4%;
        bottom: auto;
        top: 20px;
        left: 0;
    }

    .loby-main.box-3 {
        left: 14%;
    }

    .loby-main.box-4 {
        left: 28%;
    }

    .loby-main.box-5 {
        left: 42%;
    }

    .loby-main.box-6 {
        left: 56%;
    }

    .text-box.justify-content-start.call-main-inner {
        margin-top: -1px;
    }

    .loby-main.box-7,
    .loby-main.box-8 {
        bottom: auto;
        right: 14%;
        top: 50%;
        transform: translate(0px, -50%);
    }

    .loby-main.box-8 {
        right: 0;
    }

    .right-list ol li a {
        padding: 9px;
        width: 40px;
        height: 40px;
    }

    .left-list ul li a {
        font-size: 14px;
    }

    .left-list {
        margin-top: -15px;
    }

    .react-video {
        width: 100px;
        border-radius: 8px;
        object-fit: cover;
        height: 150px;
    }

    .seat-hero .react-video {
        height: 135px;
    }

    .header-2 {
        padding-top: 4px;
    }

    .react-emoji-main {
        width: 96px;
        height: 120px;
    }

    .fold-btn-main ol li {
        margin-right: 12px;
    }

    .pink-progress {
        border-radius: 15px;
    }

    .fold-btn,
    .call-btn,
    .raise-btn {
        width: 100px;
        height: 38px;
    }

    .fold-main2 {
        right: auto;
        left: 17%;
        bottom: 15px;
    }
}

@media(max-width: 767px) {
    .nav-tabs .nav-link {
        flex-direction: column;
    }

    .header-2 {
        padding-inline: 0
    }

    .tabs-main ul li {
        font-size: 12.417px;
    }

    .nav-tabs .nav-link {
        padding: 5px;
    }

    .nav-tabs .nav-link.active {
        padding: 5px;
    }

    .tabs-main ul li button span {
        margin-right: 0;
    }

    .tabs-main ul li {
        margin-right: 40px;
    }

    .game-inner-hover img {
        margin-bottom: 0;
        height: 28px;
    }

    .right-content {
        padding-top: 0;
        padding-bottom: 0;
        border-radius: 0px;
        margin: 0px -12px 20px;
    }

    .nav-show .ss-li {
        margin-top: 50px;
    }

    .nav-show .mobile-menu {
        display: none;
    }

    .nav-show .f-li {
        display: none;
    }

    .avatar-main ul li {
        width: 16%;
    }

    .arw-avatar {
        margin-top: -6px;
        margin-right: 16px;
    }

    .right-list ol li a {
        padding: 10px;
        width: 40px;
        height: 40px;
    }

    .left-list ul li {
        margin-right: 20px;
    }

    .right-content .text-box {
        bottom: 50px;
        max-width: 100%;
        width: 100%;
    }

    .loby-main-inner .image-holder img {
        height: 100px;
    }

    .loby-main-inner .text-box h5,
    .loby-main-inner .text-box h4,
    .call {
        font-size: 12px;
    }

    .loby-main-inner .call-text-box span {
        font-size: 12px;
        width: 15px;
        height: 15px;
    }

    .loby-main-inner .text-box .call-main {
        font-size: 12px;
    }

    .check-main-tick img {
        width: 14px;
    }

    .call {
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }

    .loby-main-inner .text-box {
        height: 26px;
        max-width: 80px;
    }

    .image-holder.react-video-main {
        min-height: 100px;
    }

    .yellow-call img {
        width: 11px;
        height: 11px;
    }

    .pink-progress {
        height: 26px;
    }

    .call,
    .loby-main-inner .text-box .d-loby {
        width: 15px;
        height: 15px;
    }

    .check-main-tick img {
        width: 11px;
    }

    .price-main {
        max-width: 260px;
    }

    .react-gif {
        height: 150px;
    }

    #min-price3 {
        font-size: 16px;
        max-width: 60px;
    }

    .fold-btn,
    .call-btn,
    .raise-btn {
        width: 80px;
        height: 30px;
    }

    .fold-btn-main ol li {
        margin-right: 5px;
    }

    .fold-btn-main ol li a {
        font-size: 14px;
    }

    .price-main3 span {
        right: 10px;
    }

    .fold-main .price-main {
        height: 50px;
    }

    .price-main3 .ui-slider-horizontal .ui-slider-range {
        height: 21px;
    }

    .price-main3 .ui-widget.ui-widget-content {
        height: 25px;
    }

    .loby-main-inner .text-box .call-main {
        height: 26px;
    }

    .fold-main2 {
        bottom: 28px;
    }

    .cards-main ul li a img {
        height: 40px;
    }

    .main-bg .price-main {
        max-width: 315px;
    }

    .hand-rank-mbl ul li h3 {
        margin-right: 12px;
        font-size: 12px;
    }

    .hand-rank ul .lst-main {
        padding: 3px;
    }

    .camera-setting-main:before,
    .hand-rank:before,
    .time-main:before {
        z-index: -1;
    }

    .react-gif {
        height: auto;
    }

    .fold-main {
        z-index: -1;
    }

    .fold-main2 .loby-main-inner .fold-img {
        height: 53px;
        width: 38px;
    }

    .my-react-img {
        max-width: 200px;
    }
}

@media(max-width: 575px) {

    /* zeryab  */
    .tabs-main ul li {
        margin-right: 25px;
    }

    .game-inner {
        margin-bottom: 15px;
    }

    .tabs-main {
        padding-bottom: 37px;
        padding-top: 15px;
    }

    .nav-tabs {
        justify-content: center;
    }

    .filter-main {
        padding: 23px 14px 0 14px;
    }

    .lobby-table .table-striped>tbody>tr:nth-of-type(odd)>* {
        width: auto;
    }

    .lobby-table .table>:not(caption)>*>* {
        padding: 12px 5px;
    }

    .lobby-table .table p,
    .table tr th,
    .s-play,
    .wait,
    .red-num,
    .green-num {
        font-size: 11px;
    }

    .check-main ul {
        padding-right: 40px;
    }

    .avatar-sec .text-box {
        margin-bottom: 25px;
    }

    .avatar-main ul li {
        width: 23.3%;
    }

    .avatar-sec label:before {
        top: -10px;
    }

    .loby-main-inner.box-2,
    .loby-main-inner.box-1,
    .loby-main-inner.box-3,
    .loby-main-inner.box-4,
    .loby-main-inner.box-5,
    .loby-main-inner.box-6 {
        display: none;
    }

    .camera-setting-main {
        max-width: 395px;
    }

    .buy-watch-btn,
    .buy-play-btn {
        background-size: cover;
        background-repeat: no-repeat;
        border-top-left-radius: 24px;
        border-bottom-left-radius: 40px;

    }

    .buy-play-btn {
        border-radius: 0;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 40px;

    }

    .buy-btn-main {
        padding-inline: 12px;
    }

    .camera-setting-main {
        max-width: 100%;
    }

}

@media(max-width: 390px) {

    /* zeryab  */
    .check-main ul {
        padding-right: 20px;
    }

    .filter-list ul li {
        font-size: 11px;
    }

    .right-content {
        margin: 0px 10px 10px;
        padding-top: 7px;
    }

    .left-list ul li {
        margin-right: 10px;
    }

    .right-list ol li a {
        padding: 7px;
        width: 36px;
        height: 36px;
    }
}

/* game screen  */

@media(max-width: 390px) {}

@media (min-width: 500px) and (max-width: 659px) and (max-height: 285px) {
    .seat55-hero .loby-main.box-2 {
        top: 51vh !important;
        left: -3% !important;
    }

    .seat55-hero .loby-main.box-3 {
        left: 12% !important;
        top: 34vh !important;
    }

    .seat55-hero .loby-main.box-7 {
        right: 13% !important;
        top: 57% !important;
    }

    .seat55-hero .loby-main.box-8 {
        left: 82% !important;
        top: 76vh !important;
        position: fixed;
    }

    .hand-rank .buy-cross {
        top: 55px;
        right: 26px;
    }

}

@media (min-width: 500px) and (max-width: 659px) and (max-height: 285px) {
    .cards-main-inner {
        position: absolute;
        bottom: 75% !important;
        right: 40% !important;
}
}

@media (min-width: 500px) and (max-width: 659px) {

    #myVideo {
        position: fixed !important;
        right: -11px !important;
        bottom: 0 !important;
        min-width: 103% !important;
        min-height: 100% !important;
    }

    .table3d {
        margin-top: 30%;
        width: 100%; 
        position: absolute;
    }

    .seat-main {
        font-size: 12px;
        border-radius: 12px;
        border: 0px solid #38455C;
        opacity: 0.8;
        background: #69CB84;
        color: #FBFCFF;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 600;
        line-height: 32px;
        letter-spacing: -0.342px;
        width: 95px;
        height: 30px;
        display: flex;
        align-items: center;
        padding: 0px;
        left: 44px;
        position: static !important;
        margin-top: -28% !important;
    }

    .react-emoji-main {
        top: -45px;
        left: 50%;
        z-index: 1;
    }

    .seat-main span {
        margin-right: 0px;
    }

    .fold-main {
        z-index: 1;
    }

    .cardback {
        top: 65px;
        width: 75px;
        position: absolute;
        right: -40px;
    }

    .loby-main-inner .text-box h4 {
        margin-right: 5px;
        padding-left: 7px;
    }

    .image-holder.react-video-main video {
        min-height: 100px;
        top: 0;
        width: 80px;
        border-radius: 8px;
        object-fit: cover;
        height: 100px;
    }

    .pink-progress {
        padding-left: 0;
        opacity: 1;
        font-size: 12px;
    }

    .buy-wrap {
        overflow: hidden;
    }



    .seat01 {
        left: 0% !important;
    }

    .seat02 {
        left: 13.5% !important;
    }

    .seat04 {
        right: 23% !important;
    }

    .seat05 {
        right: 9% !important;
        top: 55% !important;
    }

    .seat06 {
        left: 86% !important;
        top: 62vh !important;
    }

    .my-react-img.show {
        top: 9px;
    }

    .react-img {
        left: -20px;
        top: -40px
    }

    .emoji-main {
        top: -105%;
    }

    .buy-cross {
        position: absolute;
        top: 75px;
        right: 85px;
    }

    /* game screen player locations  */

    .cards-main-inner {
        position: absolute;
        bottom: 76%;
        right: 38%;
    }

    .fold-main {
        top: 43%;
        left: 50%;
    }

    .camera-setting-main {
        max-width: 100%;
        height: 100%;
        display: none;
        border-radius: 0px;
    }

    .seat55-hero .loby-main.box-2 {
        top: 38vh;
        left: -3%;
    }

    .seat55-hero .loby-main.box-3 {
        left: 12.5%;
        top: 27vh;
    }

    .seat55-hero .loby-main.box-4 {
        left: 28%;
        transform: none;
        top: 20%;
    }

    .seat55-hero .loby-main.box-6 {
        left: auto !important;
        top: 19% !important;
        right: 26.5%;
    }

    .seat55-hero .loby-main.box-7 {
        right: 13%;
        top: 49%;
    }

    .seat55-hero .loby-main.box-8 {
        left: 83%;
        top: 60vh;
    }

    .cardback img {
        height: 33px;
    }

    .bcsvr1 {
        top: 4px;
    }

    .bcsvr2 {
        margin: 5px;
    }

    .mycardback {
        top: -63px;
        width: 75px;
        position: relative;
        right: -27px;
        z-index: 0;
    }

    .me {
        z-index: 1 !important;
        position: relative;
    }
}

@media (min-width: 660px) and (max-width: 744px) and (min-height: 540px) {
    .table3d {
        margin-top: 50% !important;
        width: 100%;
        align-items: center;
        align-content: center;
    }

    .cards-main-inner {
        position: absolute;
        bottom: 87% !important;
        right: 38%;
    }

    .seat55-hero .loby-main.box-3 {
        left: 9%;
        top: 40vh !important;
    }

    .seat55-hero .loby-main.box-4 {
        left: 25%;
        transform: none;
        top: 33% !important;
    }

    .seat55-hero .loby-main.box-6 {
        left: auto;
        top: 33% !important;
        right: 26.5%;
    }

    .seat55-hero .loby-main.box-7 {
        right: 13% !important;
        top: 51% !important;
    }

    .seat55-hero .loby-main.box-8 {
        left: 81% !important;
        top: 64vh !important;
    }

    .buy-cross { 
        right: 18% !important;
    }

}

@media (min-width: 660px) and (max-width: 720px) and (max-height: 375px) {
    .table3d {
        margin-top: 40% !important;
        width: 100%;
        align-items: center;
        align-content: center;
    }

    .buy-cross { 
        right: 15% !important;
    }
}

@media (min-width: 721px) and (max-width: 750px) and (max-height: 375px) {
    .table3d {
        margin-top: 35% !important;
        width: 100%;
        align-items: center;
        align-content: center;
    }

    .buy-cross { 
        right: 20% !important;
    }
}

@media (min-width: 660px) and (max-width: 744px) {

    #myVideo {
        position: fixed !important;
        right: -11px !important;
        bottom: 0 !important;
        min-width: 103% !important;
        min-height: 100% !important;
    }

    .seat-main {
        font-size: 12px;
        border-radius: 12px;
        border: 0px solid #38455C;
        opacity: 0.8;
        background: #69CB84;
        color: #FBFCFF;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 600;
        line-height: 32px;
        letter-spacing: -0.342px;
        width: 95px;
        height: 30px;
        display: flex;
        align-items: center;
        padding: 0px;
        left: 44px;
        position: static !important;
        margin-top: -28% !important;
    }

    .react-emoji-main {
        top: -45px;
        left: 50%;
        z-index: 1;
    }

    .loby-main .box-7 .seat-main span {
        margin-right: 200px;
    }

    .fold-main {
        z-index: 0;
    }

    .cardback {
        top: 65px;
        position: absolute;
    }

    .loby-main-inner .text-box h4 {
        margin-right: 5px;
        padding-left: 7px;
    }

    .image-holder.react-video-main video {
        min-height: 100px;
        top: -12px;
        width: 80px;
        border-radius: 8px;
        object-fit: cover;
        height: 100px;
    }

    .pink-progress {
        padding-left: 0;
        opacity: 1;
        font-size: 12px;
    }

    .seat01 {
        left: 0% !important;
    }

    .seat02 {
        left: 13.5% !important;
    }

    .seat04 {
        right: 23% !important;
    }



    .seat06 {
        left: 86% !important;
        top: 62vh !important;
    }

    .my-react-img.show {
        top: 9px;
    }

    .react-img {
        left: -20px;
        top: -40px
    }

    .emoji-main {
        top: -45%;
    }

    .buy-cross {
        position: absolute;
        top: 100px;
        right: 4%;
    }


    .me {
        z-index: 1 !important;
        position: relative;
    }

    #mylive {
        width: 105vw;
        height: 135vh;
        background: #333;
        position: fixed;
        top: -130px;
        left: 0;
    }

    .hand-rank-mbl {
        display: none;
        max-width: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        position: fixed;
        right: auto;
        height: 101%;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .camera-setting-main {
        max-width: 100%;
        height: 100%;
        display: none;
        margin-left: 7px;
    }

    .buy-btn-main p {
        max-width: 436px;
        margin-bottom: 52px;
        margin-left: 50px;
    }


    .cardback img {
        height: 33px;
    }

    .bcsvr1 {
        top: 4px;
    }

    .bcsvr2 {
        margin: 5px;
    }

    .mycardback {
        top: -63px;
        width: 75px;
        position: relative;
        right: -27px;
        z-index: 0;
    }

    .me {
        z-index: 1 !important;
        position: relative;
    }

    /* game screen player locations  */

    .cards-main-inner {
        position: absolute;
        bottom: 82%;
        right: 38%;
    }

    .fold-main {
        top: 58%;
        left: 50%;
    }

    .seat-bg {
        background: #000;
    }

    .seat55-hero .loby-main.box-2 {
        top: 52vh;
        left: -3%;
    }

    .seat55-hero .loby-main.box-3 {
        left: 9%;
        top: 37vh;
    }

    .seat55-hero .loby-main.box-4 {
        left: 23%;
        transform: none;
        top: 25%;
    }

    .seat55-hero .loby-main.box-6 {
        left: auto;
        top: 25%;
        right: 25%;
    }

    .seat55-hero .loby-main.box-7 {
        right: 12%;
        top: 53.5%;
    }

    .seat55-hero .loby-main.box-8 {
        left: 82%;
        top: 70vh;
        position: fixed;
    }

    .table3d {
        margin-top: 30%;
        width: 100%;
        align-items: center;
        align-content: center;
    }

    .react-video {
        width: 95px;
        border-radius: 8px;
        object-fit: cover;
        height: 140px;
    }

    .cchips { 
        opacity: 0;
    }


}


@media (min-width: 745px) and (max-width: 992px) {

    #myVideo {
        position: fixed !important;
        right: -14px !important;
        bottom: 0 !important;
        min-width: 103% !important;
        min-height: 100% !important;
    }

    .buy-cross {
        position: absolute;
        right: 25%;
        top: 100px;
    }

    .react-emoji-main {
        top: -15px;
        left: 50%;
    }

    .seat-main {
        font-size: 15px;
        border-radius: 16px;
        border: 0px solid #38455C;
        opacity: 0.8;
        background: #69CB84;
        color: #FBFCFF;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: -0.342px;
        width: 125px;
        height: 30px;
        display: flex;
        align-items: center;
        padding: 0px;
        left: 44px;
        position: sticky !important;
        margin-top: -27% !important;
    }


    .cardback {
        top: 95px;
        width: 35px;
        position: absolute;
    }

    .image-holder.react-video-main video {
        min-height: 100px;
        top: -15px;
        width: 95px;
        border-radius: 8px;
        object-fit: cover;
        height: 140px;
    }


    .my-react-img.show {
        top: 25px;
    }

    .react-img {
        left: -20px;
        top: -20px
    }

    .emoji-main {
        top: -45%;
    }

    .hand-rank .buy-cross {
        position: absolute;
        top: 100px;
        right: 70px;
    }

    .react-img {
        position: absolute;
        top: -20px;
        left: -20px;
        width: 135%;
    }

    .seat04 {
        left: auto !important;
        top: 28%;
        right: 28.5% !important;
    }



    .cardback img {
        height: 40px;
    }

    .mycardback {
        top: -63px;
        width: 75px;
        position: relative;
        right: -27px;
        z-index: 0;
    }

    .me {
        z-index: 1 !important;
        position: relative;
    }

    #mylive {
        width: 105vw;
        height: 135vh;
        background: #333;
        position: fixed;
        top: -120px;
        left: -5px;
    }

    .hand-rank-mbl {
        display: none;
        max-width: 100%;
        left: 50%;
        top: 47%;
        transform: translate(-50%, -50%);
        /* position: fixed; */
        right: auto;
        height: 100%;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .camera-setting-main {
        max-width: 100%;
        height: 100%;
        display: none;
        border-radius: 0px;
    }

    .buy-btn-main p {
        max-width: 436px;
        margin-bottom: 52px;
        margin-left: 35px;
    }

    .cards-main-inner {
        position: absolute;
        bottom: 80%;
        right: 38%;
    }

    .fold-main {
        top: 55%;
        left: 50%;
    }


    .seat-bg {
        background: #000;
    }


    .seato {
        top: 135px;
    }

    .table3d {
        margin-top: 30%;
        width: 100%;
        align-items: center;
        align-content: center;
    }

    /* game screen player locations  */


    .seat55-hero .loby-main.box-2 {
        top: 48vh;
        left: -1%;
    }

    .seat55-hero .loby-main.box-3 {
        left: 10%;
        top: 30vh;
    }

    .seat55-hero .loby-main.box-4 {
        left: 24%;
        transform: none;
        top: 20%;
    }

    .seat55-hero .loby-main.box-6 {
        left: auto;
        top: 19%;
        right: 26%;
    }

    .seat55-hero .loby-main.box-7 {
        right: 14%;
        top: 46%;
    }

    .seat55-hero .loby-main.box-8 {
        left: 84%;
        top: 65vh;
        position: fixed;
    }

    .cchips { 
        opacity: 0;
    }
}

@media (min-width: 1280px) and (max-width: 1300px) and (min-height: 800px) {
    .table3d {
        margin-top: 35% !important;
        width: 100% !important;
    }

    .cchips { 
        opacity: 0;
    }

    .mycardback {
        top: 210px !important;
        width: 80px !important;
        position: absolute !important;
        right: 18px !important;
    }

    .cards-main-inner {
        position: absolute !important;
        bottom: 86% !important;
        right: 37% !important;
    }

    .seat55-hero .loby-main.box-2 {
        bottom: 40vh !important;
        left: -5% !important;
    }

    .seat55-hero .loby-main.box-3 {
        left: 8% !important;
        bottom: 53vh !important;
    }

    .seat55-hero .loby-main.box-4 {
        left: 22% !important;
        transform: none !important;
        top: 22% !important;
    }

    .seat55-hero .loby-main.box-6 {
        left: auto !important;
        top: 22% !important;
        right: 23% !important;
    }

    .seat55-hero .loby-main.box-7 {
        right: 9% !important;
        top: 29% !important;
    }

    .seat55-hero .loby-main.box-8 {
        left: 84% !important;
        bottom: 39vh !important;
        position: fixed;
    }

    .hand-rank-desktop {
        max-height: 700px;
        bottom: 20px;
    }

    .hand-rank .buy-cross {
        top: 15px;
        right: 30px;
    }

}

@media (min-width: 993px) and (max-width: 1279px) and (min-height: 771px) {

    .loby-main-inner .image-holder img {
        height: 100%;
        width: 75%;
    }


    .myarea {
        margin-top: -60px !important;
    }

    .react-emoji-main {
        border-radius: 17px;
        border: 1px solid rgba(68, 68, 68, 0.50);
        background: rgba(255, 255, 255, 0.10);
        backdrop-filter: blur(24.999998092651367px);
        max-width: 207px;
        width: 100%;
        position: absolute;
        top: -56px;
        left: 50%;
        padding: 12px;
        transform: translate(-50%, 0);
        z-index: 1;
    }

    .react-video {
        border-radius: 17px;
        position: absolute;
        width: 125px;
        height: 190px !important;
        object-position: center;
        left: 50%;
        bottom: 30px;
        transform: translate(-50%, 0);
        object-fit: cover;
    }

    .mycardback {
        top: 151px !important;
        width: 80px !important;
        right: 23px !important;
    }

    .seat55-hero .loby-main.box-2 {
        bottom: 39vh !important;
        left: -5% !important;
    }

    .seat55-hero .loby-main.box-3 {
        left: 8% !important;
        bottom: 48vh !important;
    }

    .seat55-hero .loby-main.box-4 {
        left: 21% !important;
        transform: none !important;
        top: 25% !important;
    }

    .seat55-hero .loby-main.box-6 {
        left: auto !important;
        top: 25% !important;
        right: 22% !important;
    }

    .seat55-hero .loby-main.box-7 {
        right: 9% !important;
        top: 34% !important;
    }

    .seat55-hero .loby-main.box-8 {
        left: 83% !important;
        bottom: 39vh !important;
    }

    .cardback {
        right: 10px !important;
        top: 145px !important;
        width: 85px;
    }

    .table3d {
        margin-top: 44% !important;
        width: 100% !important;
    }

    .buy-cross {
        position: absolute;
        top: 170px !important;
        right: 20%  !important;
    }

    .me {
        border: 1px solid red !important;
        margin-top: -60px !important;
    }

    .cards-main-inner {
        position: absolute;
        bottom: 90% !important;
        right: 40%;
    }

}

@media (min-width: 993px) and (max-width: 1280px) and (max-height: 770px) {

    .loby-main-inner .image-holder img {
        height: 100%;
        width: 75%;
    }

    .cchips { 
        opacity: 0;
    }


    .myarea {
        margin-top: -60px !important;
    }

    .react-emoji-main {
        border-radius: 17px;
        border: 1px solid rgba(68, 68, 68, 0.50);
        background: rgba(255, 255, 255, 0.10);
        backdrop-filter: blur(24.999998092651367px);
        max-width: 207px;
        width: 100%;
        position: absolute;
        top: -56px;
        left: 50%;
        padding: 12px;
        transform: translate(-50%, 0);
        z-index: 1;
    }

    .react-video {
        border-radius: 17px;
        position: absolute;
        width: 125px !important;
        height: 195px !important;
        object-position: center;
        left: 50%;
        top: 19px !important;
        transform: translate(-50%, 0);
        object-fit: cover;
    }

    .mycardback {
        top: 151px !important;
        width: 80px !important;
        right: 23px !important;
    }

    .seat55-hero .loby-main.box-2 {
        bottom: 40vh !important;
        left: -5% !important;
    }

    .seat55-hero .loby-main.box-3 {
        left: 8% !important;
        bottom: 51vh !important;
    }

    .seat55-hero .loby-main.box-4 {
        left: 22% !important;
        transform: none !important;
        top: 21% !important;
    }

    .seat55-hero .loby-main.box-6 {
        left: auto !important;
        top: 22% !important;
        right: 25% !important;
    }

    .seat55-hero .loby-main.box-7 {
        right: 9% !important;
        top: 29% !important;
    }

    .seat55-hero .loby-main.box-8 {
        left: 81% !important;
        bottom: 39vh !important;
    }

    .cardback {
        right: 10px !important;
        top: 145px !important;
        width: 85px;
    }

    .table3d {
        margin-top: 48% !important;
        width: 100% !important;
    }

    .me {
        border: 1px solid red !important;
        margin-top: -55px !important;
    }

    .hand-rank .buy-cross {
        top: 250px;
        right: 170px;
    }
}

@media (min-width: 993px) and (max-width: 1040px) and (min-height: 590px) and (max-height: 610px) {
    .table3d {
    margin-top: 41% !important; 
    }

    .cards-main-inner { 
        bottom: 86% !important; 
    }

    .seat55-hero .loby-main.box-2 {
        bottom: 40vh !important;
        left: -5%;
    }

    .seat55-hero .loby-main.box-3 {
    left: 10% !important;
    bottom: 52vh !important;
    }

    .seat55-hero .loby-main.box-7 {
        right: 11%;
        top: 23% !important;
    }

    .seat55-hero .loby-main.box-8 {
        left: 82%;
        bottom: 40vh !important;
        position: fixed;
    }

    
}

@media (min-width: 993px) and (max-width: 1040px) and (min-height: 611px) and (max-height: 775px) {
    .seat55-hero .loby-main.box-2 {
        bottom: 38vh !important;
        left: -5% !important;
    }

    .seat55-hero .loby-main.box-3 {
    left: 6% !important;
    bottom: 50.5vh !important;
    }

    .seat55-hero .loby-main.box-4 {
        left: 20% !important;
        transform: none !important;
        top: 23% !important;
    }

    .seat55-hero .loby-main.box-6 {
        left: auto !important;
        top: 22% !important;
        right: 22% !important;
    }

    .seat55-hero .loby-main.box-7 {
        right: 9% !important;
        top: 30% !important;
    }

    .seat55-hero .loby-main.box-8 {
        left: 80% !important;
        bottom: 38vh !important;
        position: fixed;
    }

    .table3d {
        margin-top: 48% !important;
        width: 100% !important;
    }

    .cards-main-inner {
        position: absolute;
        bottom: 88.5% !important;
        right: 40%;
    }

    .cchips { 
        opacity: 0;
    }
}

@media (min-width: 993px) and (max-width: 1280px) {


    .cardback {
        position: absolute;
        right: 10px;
        top: 205px;
        width: 85px;
    }

    .table3d {
        margin-top: 35%;
        width: 100%; 
    }

    .image-holder.react-video-main {
        position: relative;

    }

    .seat-bg {
        background: #000;
    }

    .loby-main-inner .progress-text-box {
        margin-top: 0;
    }

    .seat55-hero .pot-main {
        top: 53vh;
        right: 25%;
    }

    .pot-main {
        display: inline;
    }

    .mycardback {
        top: 100px;
        width: 80px;
        position: absolute;
        right: 6px;
    }

    .seat55-hero .loby-main.box-2 {
        bottom: 61vh;
        left: -5%;
    }

    .seat55-hero .loby-main.box-3 {
        left: 10%;
        bottom: 63vh;
    }

    .seat55-hero .loby-main.box-4 {
        left: 25%;
        transform: none;
        top: 17%;
    }

    .seat55-hero .loby-main.box-6 {
        left: auto;
        top: 17%;
        right: 26%;
    }

    .seat55-hero .loby-main.box-7 {
        right: 11%;
        top: 18%;
    }

    .seat55-hero .loby-main.box-8 {
        left: 82%;
        bottom: 59vh;
    }

    .cards-main-inner {
        position: absolute;
        bottom: 33%;
        right: 40%;
    }

    .pot-main .pot {
        font-size: 16px;
        line-height: 32px;
        letter-spacing: 0.456px;
        border-radius: 16px;
        border: 0px solid #7386AA;
        background: #151515;
        width: auto;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 2px;
        top: 125px;
        position: relative;
    }

    .card-tablet {
        border-style: none;
        display: inline-block;
        max-width: 74%;
        height: auto;
        margin-top: 28px;
    }

    .seat55-hero .pot-main {
        top: 53vh;
        right: 60%;
    }

    .buy-cross {
        position: absolute;
        top: 145px;
        right: 285px;
    }

    .seato {
        top: 160px;
    }

    .react-video {
        border-radius: 17px;
        position: absolute;
        width: 125px;
        height: 250px;
        object-position: center;
        left: 50%;
        top: 15px;
        transform: translate(-50%, 0);
        object-fit: cover;
    }

    .cchips { 
        opacity: 0;
    }

}

@media (min-width: 1281px) and (max-width: 1400px) and (min-height: 921px) {

    .buy-cross {
        position: absolute;
        top: 20px !important;
        right: 30px !important;
    }

    .cchips { 
        opacity: 0;
    }

    .table3d {
        margin-top: 35%;
        width: 100%;
        align-items: center;
        align-content: center;
    }

    .mycardback {
        top: 210px !important;
        width: 80px !important;
        position: absolute !important;
        right: 15px !important;
    }

    .seat55-hero .loby-main.box-2 {
        bottom: 40vh !important;
        left: -4% !important;
    }

    .seat55-hero .loby-main.box-3 {
        left: 8% !important;
        bottom: 53vh !important;
    }

    .seat55-hero .loby-main.box-4 {
        left: 22% !important;
        transform: none !important;
        top: 25% !important;
    }

    .seat55-hero .loby-main.box-6 {
        left: auto;
        top: 25% !important;
        right: 24% !important;
    }

    .seat55-hero .loby-main.box-7 {
        right: 11% !important;
        top: 32.5% !important;
    }

    .seat55-hero .loby-main.box-8 {
        left: 85% !important;
        bottom: 40vh !important;
        position: fixed;
    }

    .cards-main-inner {
        position: absolute;
        bottom: 89% !important;
        right: 38%;
    }

    .react-video {
        border-radius: 17px;
        position: absolute;
        width: 120px;
        height: 250px;
        object-position: center;
        left: 50%;
        top: 17px;
        transform: translate(-50%, 0);
        object-fit: cover;
    }

}


@media (min-width: 1281px) and (max-width: 1400px) and (max-height: 920px) {

    .buy-cross {
        position: absolute;
        top: 20px !important;
        right: 30px !important;
    }

    .table3d {
        margin-top: 40%;
        width: 100%;
        align-items: center;
        align-content: center;
    }

    .mycardback {
        top: 210px !important;
        width: 80px !important;
        position: absolute !important;
        right: 15px !important;
    }

    .cards-main-inner {
        position: absolute;
        bottom: 88% !important;
        right: 38% !important;
    }

    .seat55-hero .loby-main.box-2 {
        bottom: 50vh !important;
        left: -5% !important;
    }

    .seat55-hero .loby-main.box-3 {
        left: 8% !important;
        bottom: 61vh !important;
    }

    .seat55-hero .loby-main.box-4 {
        left: 22% !important;
        transform: none !important;
        top: 17% !important;
    }

    .seat55-hero .loby-main.box-7 {
        right: 11% !important;
        top: 22% !important;
    }

    .seat55-hero .loby-main.box-8 {
        left: 85% !important;
        bottom: 50vh !important;
        position: fixed;
    }

    .cchips { 
        opacity: 0;
    }

}

@media (min-width: 1281px) and (max-width: 1400px) {


    .cardback {
        position: absolute;
        right: 10px;
        top: 205px;
        width: 75px;
    }

    .cchips { 
        opacity: 0;
    }

    .image-holder.react-video-main {
        position: relative;
    }

    .seat-bg {
        background: #000;
    }

    .loby-main-inner .progress-text-box {
        margin-top: 0;
    }

    .seat55-hero .pot-main {
        top: 53vh;
        right: 25%;
    }

    .pot-main {
        display: inline;
    }

    .mycardback {
        top: 100px;
        width: 80px;
        position: absolute;
        right: 6px;
    }

    .seat55-hero .loby-main.box-2 {
        bottom: 61vh;
        left: -5%;
    }

    .seat55-hero .loby-main.box-3 {
        left: 10%;
        bottom: 63vh;
    }

    .seat55-hero .loby-main.box-4 {
        left: 25%;
        transform: none;
        top: 17%;
    }

    .seat55-hero .loby-main.box-6 {
        left: auto;
        top: 17%;
        right: 25%;
    }

    .seat55-hero .loby-main.box-7 {
        right: 11%;
        top: 18%;
    }

    .seat55-hero .loby-main.box-8 {
        left: 82%;
        bottom: 59vh;
    }

    .cards-main-inner {
        position: absolute;
        bottom: 40%;
        right: 38%;
    }

    .pot-main .pot {
        font-size: 16px;
        line-height: 32px;
        letter-spacing: 0.456px;
        border-radius: 16px;
        border: 0px solid #7386AA;
        background: #151515;
        width: auto;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 2px;
        top: 125px;
        position: relative;
    }

    .card-tablet {
        border-style: none;
        display: inline-block;
        max-width: 74%;
        height: auto;
        margin-top: 28px;
    }

    .seat55-hero .pot-main {
        top: 54vh;
        right: 60%;
    }

    .buy-cross {
        position: absolute;
        top: 145px;
        right: 285px;
    }

    .seato {
        top: 160px;
    }

    .react-video {
        border-radius: 17px;
        position: absolute;
        width: 125px;
        height: 250px;
        object-position: center;
        left: 50%;
        top: 17px;
        transform: translate(-50%, 0);
        object-fit: cover;
    }

}