/* 
*/

@media (min-width: 1440px) {
    .mt-xl-n10 {
        margin-top: -10rem;
    }

    .div_menus img {
        width: 65px;
    }
}

@media (min-width: 1200px) {
    .vh-cal {
        height: 55vh;
    }

    .game_gifs {
        position: relative;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .div_menus img {
        width: 65px;
    }
}

@media (min-width: 468px) and (max-width: 767px) {
    .div_menus img {
        width: 60px;
    }
}

@media (min-width: 320px) and (max-width: 467px) {
    .div_menus img {
        width: 55px;
    }
}

@media (max-width: 1440px) and (min-width: 1200px) {
    .h-600 {
        height: 400px;
    }
}

@media screen and (max-width:1500px) {
    .leaderboard-pg .frame {
        width: 180px;
        height: 180px;
    }

    .leaderboard-pg .frame-img {
        width: 100px;
        height: 100px;
        margin-left: 2.8rem !important;
        margin-top: 2.8rem !important;
    }

    .navbar .nav-pills .nav-link {
        font-size: 16px !important;
    }

    .div_menus img {
        width: 56px;
    }
}

@media screen and (max-width:1350px) {
    .login-sec {
        padding: 100px 0;
        height: 100% !important;
    }

    .golden-btn {
        height: 2.35em !important;
        line-height: 2em !important;
        padding: 0 2em !important;
    }
}

@media screen and (max-width:1200px) {
    .register-sec {
        padding-top: 130px !important;
    }

    .value-font {
        font-size: 24px !important;
    }
}

@media screen and (max-width:1100px) {

    .nav-pills .nav-link.fs-5,
    .golden-btn {
        font-size: 15px !important;
    }

    th.fs-4,
    td.fs-4,
    th.fs-3,
    td.fs-3 {
        font-size: 18px !important;
    }

    .history-sec .table-responsive table {
        width: 960px;
    }

    .wallet-sec .table-responsive table {
        width: 1000px;
    }

    body .form-control,
    body .form-select {
        padding: 12px 23px !important;
    }

    .leaderboard-blk h1::before {
        height: 92px !important;
    }

    #spinwheel #spin-in {
        width: 100%;
        height: 100%;
    }

    #spinwheel #spin-in {
        padding: 14px !important;
    }

    #spinwheel #dotted-gif {
        left: -7% !important;
        top: -7% !important;
        width: calc(100% + 60px);
        height: calc(100% + 60px);
    }

    #spinwheel {
        width: 100% !important;
    }
}

@media (max-width: 991px) {
    .div_winzo-bg img{
            height: 100%;
            object-fit: fill;
    }

    .main-banner .div_winzo-banner img {
        height: 540px;
    }

    .footer-grp .row img.dark-logo {
        height: 70px;
        width: 100% !important;
        max-width: fit-content;
    }

    header .navbar-toggler {
        padding: 0;
        width: 35px;
        height: 35px;
    }

    header .navbar-toggler::before {
        content: none;
    }

    header .offcanvas .offcanvas-body a {
        padding: 13px 25px;
    }


}

@media (max-width: 767px) {
    .vh-cal {
        height: calc(100vh - 15rem);
    }

    div.images_container {
        z-index: 1 !important;
    }

    .game_gifs img:first-child {
        position: absolute;
        top: 53px;
        width: 87%;
    }

    .game_gifs img:last-child {
        position: absolute;
        bottom: 30px;
        width: 75%;
    }

    .text_style {
        width: 95%;
    }

    /* .btn_play-now { */
        /* position: absolute;
        bottom: 30px;
        font-size: 22px !important;
        margin-top: 0;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap; */
    /* } */

    .mob_responive {
        flex-wrap: nowrap !important;
        overflow: auto;
        padding: 20px !important;
    }

    #spinwheel {
        max-width: 250px;
    }

    h1.title-color {
        font-size: 25px !important;
    }

    .btn_play-now {
        padding: 0.7em 1em !important;
        box-shadow: 0 1px rgb(87, 204, 3),
            0 2px rgb(113, 216, 11),
            0 3px rgb(87, 204, 3),
            0 4px rgb(87, 204, 3),
            0 5px rgb(87, 204, 3),
            0 10px 4px hsla(0, 0%, 0%, 0.8),
            0 15px 19px hsla(0, 0%, 0%, 0.5) !important;
    }

    .btn_play-now.fs-1 {
        font-size: 20px !important;
    }

    .main-banner .div_winzo-banner img {
        height: 450px;
    }

    .footer-grp .row img.dark-logo {
        height: 65px;
        width: 100% !important;
        max-width: fit-content;
    }

    body .form-control,
    body .form-select {
        padding: 10px 25px !important;
    }

    .golden-btn {
        height: 2.65em !important;
        line-height: 2.4em !important;
    }

    .golden-btn.fs-5 {
        font-size: 16px !important;
    }

    .password__show {
        top: 50px !important;
    }

    .btn-2.fs-5 {
        font-size: 1rem !important;
    }

    .back-btn img {
        width: 20px !important;
        height: 20px !important;
        vertical-align: sub !important;
    }

    .login-sec,
    .register-sec,
    .history-sec,
    body .twofa-sec,
    .forgot-password {
        height: 100% !important;
    }

    .btn-2 {
        padding: 9px 18px;
    }

    .nav-pills .nav-link.fs-5,
    .golden-btn {
        font-size: 14px !important;
    }

    th.fs-4,
    td.fs-4,
    th.fs-3,
    td.fs-3 {
        font-size: 16px !important;
    }

    .history-sec .table-responsive table {
        width: 680px;
    }

    .wallet-sec .table-responsive table {
        width: 980px;
    }

    .kyc-form .bg-main a.back-btn {
        margin-left: 20px;
    }

    .leaderboard-blk h1 {
        font-size: 18px !important;
    }

    .leaderboard-blk h1::before {
        height: 74px !important;
        top: -18px !important;
    }

    .leaderboard-blk h1::after {
        height: 42px !important;
        top: -48px !important;
        background-size: contain !important;
    }

    #spinwheel #spin-in {
        padding: 8px !important;
    }

    #spinwheel #dotted-gif {
        left: -7% !important;
        top: -7% !important;
        width: calc(100% + 30px);
        height: calc(100% + 30px);
    }

    .login-sec {
        padding: 0;
    }

    .register-sec {
        padding-top: 68px !important;
    }
}

@media screen and (max-width:650px) {
    .cdk-global-overlay-wrapper .cdk-overlay-pane {
        max-width: 96% !important;
        width: 100% !important;
    }

    .tile_container {
        max-width: calc(100% - 20px);
        width: 100%;
        padding: 15px;
    }

    .grid {
        width: 100%;
        gap: 10px;
        height: auto;
    }

    .grid div {
        font-size: 45px;
    }

    .nav-pills .nav-link {
        padding: 5px 20px 5px 20px !important;
    }
}

@media screen and (max-width:480px) {
    .grid div {
        font-size: 30px;
    }
}

/*POKER RESPONSIVE START*/

@media (min-width: 992px) and (max-width : 1200px){
    .custom-width {
        width: 60%;
    }
    
    .custom-padding img {
        height: 150px !important;
        width: 80px !important;
    }

    .rules-one {
        align-items: center !important;
        text-align: center;
    }
}

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

    .custom-width {
        width: 60%;
    }

    .custom-padding img {
        height: 150px !important;
        width: 80px !important;
    }

    .rules-one {
        align-items: center !important;
        text-align: center;
    }
}

@media (min-width: 576px) and (max-width : 768px){

    .custom-width {
        width: 60%;
    }

    .custom-padding img {
        height: 150px !important;
        width: 80px !important;
    }

    .rules-one {
        align-items: center !important;
        text-align: center;
    }
}

@media (min-width: 426px) and (max-width: 576px){
    /* .score-board .d-flex {
    flex-direction: column !important;
    align-items: flex-start !important;
    } */
    .card-body {
        display: none !important;
    }

    .custom-padding img {
        height: 100px !important;
        width: 50px !important;
    }

    .custom-width {
        width: 90%;
    }

    .custom-btn {
        width: 100% !important;
    }

    .custom-d-flex{
        display: flex;
        justify-content: space-between;
    }

}

@media (max-width: 425px) {
    .card-body {
        display: none !important;
    }

    .custom-padding img {
        height: 100px !important;
        width: 50px !important;
    }

    .custom-width {
        width: 90%;
    }

    .custom-btn {
        width: 100% !important;
    }

    .custom-d-flex{
        display: flex;
        justify-content: space-between;
    }
}

@media (max-width: 324px) {
    .custom-padding img {
        height: 80px !important;
        width: 45px !important;
    }
}

/*POKER RESPONSIVE END*/