/* Styles specific to portrait orientation */
@media screen and (orientation: portrait) and (max-width: 999px) {
/*@media screen and (orientation: portrait) and (hover: none) and (pointer: coarse) {*/
    ::-webkit-scrollbar{width:0.7vw;}
    .header_btn_custom {
        font-size: 0.6em;
    }
    .modal_share .close{
        /* height: 7vw; */
        width: 7vw;
        font-size: 5vw;
    }
    .modal_share .modal-dialog{
        max-width: 100%;
    }
    .balance_box_grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .balance_boxtxt {
        border-radius: 3vw;
        padding: 0.4vw;
        height: 7vw;
    }
    .balance_boxtxt_content {
        font-size: 3vw;
    }
    .balance_boxtxt_plus{
        width: 5.5vw;
        height: 5.5vw;
        font-size: 6.2vw;
    }
    .balance_boxtxt_minus{
        width: 5.5vw;
        height: 5.5vw;
        font-size: 6.2vw;
    }
    .balancemodal_top_title {
        font-size: 2.5vw;
    }
    .balancemodal_wallet span{
        font-size: 2.5vw;
    }
    .btn_allin{
        font-size: 2.5vw;
    }
    .box_coin_label {
        font-size: 3.3vw;
        margin-top: 2vw;
    }
    .box-coin-modal{
        height: calc(8vw);
        font-size: 3.5vw;
    }
    .box-coin-modal .boxcoint-img {
        height: calc(5.249vw);
    }
    .box-coin-modal .amt_drop_icon {
        margin-left: 1.5vw;
        font-size: 3.1vw;
    }
    .dep_wrap{
        grid-template-columns: auto;
    }
    .tabdep{
        display: grid;
        grid-gap: 10px;
        grid-template-columns: repeat(3, 1fr);
    }
    .bnk-table{
        font-size: 0.8em;
    }
    .btn_upload{
        font-size: 3vw;
    }
    .form-wrapper {
        margin-bottom: 1rem;
    }
    .btn-modal-sub{
        max-width: 100%;
    }
    .amt-qr {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
        margin-bottom: 20px;
        grid-gap: 15px;
    }
    .referral_grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .qr_ref img {
        width: 150px;
    }
    .modal_title_top img {
        max-width: 200px;
    }
    .modal_title_top span {
        font-size: 1em;
    }
    .table_share table tr td{
        font-size: 12px;
    }
    .history_search_wrap {
        grid-template-columns: repeat(1, 1fr);
    }
    .modal_share.modal_share_custom .modal-body.history_modal-height{
        max-height: 33vh;
    }
    .inbox_top_left button {
        min-width: 50px;
        border-radius: 100px;
        font-size: 13px;
    }
    .custom-label-first{
        min-width: 60px;
        font-size: 12px;
    }
    .inbox_top_left{
        grid-gap: 5px;
    }
    .inbox_bottom {
        grid-template-columns: auto;
    }
    .menu_list ul li a span {
        font-size: 15px;
    }
    .menu_list ul li a img {
        max-width: 32px;
    }
    .changepass_wrap{
        grid-template-columns: auto;
    }
    .changepass_wrap_left::after{
        display: none;
    }
    .credit_product_content img{
        width: 75%;
        margin: 0 auto;
    }
    .green_btn_shop{
        margin: 3px auto;
        height: 29px;
    }
    .credit_product_content {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        text-align: center;
    }
    .mini_game_wrap_txt{
        font-size: 3.1vw;
    }
    .wheel_product.wheel-wrap {
        height: 215px;
        width: 100%;
        margin: 0px auto;
        min-height: 215px;
    }
    .info-table button.btn-copy{
        font-size: 15px;
    }
    .reward_bullet_img {
        width: 12vw;
    }
    .reward_wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        overflow-x: hidden;
    }
    .go_btn_reward{
        font-size: 15px;
    }
    .collect_btn{
        font-size: 15px;
    }
    .reward_p_amount{     
        font-size: 3vw;    
        height: 20%;   
        width: 70%;
    }
    .reward_wrapper_product_top{
        margin-bottom: 4vw;
    }
    .reward_p_tit span{
        font-size: 2.2vw;
    }
    .modal_share.modal_share_custom .modal-body.modal-body-daily {
        overflow-y: scroll;
    }
    .reward_p_tit_top {
        font-size: 19px;
    }
    .shop-slider{
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .credit_product{
        min-width: 100%;
    }
    .credit_product_inn h1 {
        font-size: 20px;
    }
    .green_txt {
        font-size: 15px;
    }
    .dw_product{
        min-width: 100%;
    }
    .mission_boxin_01_detail h4{
        font-size: 10px;
    }
    .mission_boxin_01_detail p{
        font-size: 9px;
    }
    .r_input{
        font-size: clamp(0.7rem, 1vw, 1.1rem);
        padding: 2px;
        min-width: 40px;
        border-radius: 7px;
        margin-top: 5px;
    }
    .mission_box_01_r img {
        width: 60px;
    }
    .mission_tnc_btn {
        margin-top: 8px;
        font-size: 12px;
    }
    .mission_box_01_r p {
        font-size: 11px;
    }
    .header_desktop{
        display: none;
    }
    .header_mobile_wrap{
        display: block;
    }
    .mobile_footer{
        display: block;
    }
    .desktop_footer{
        display: none;
    }
    .footer {
        background-image: url(../images/footer/footer.png);
        position: fixed;
        bottom: 0;
        width: 100%;
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        padding-bottom: 0px;
        height: calc(var(--variable-height) + 20px);
    }
    /*.mySwiperdesktop{
        display: none;
    }
    .mobile_lobby{
        display: block;
        height: 100vh;
        padding-bottom: 17vh;
        overflow-y: scroll;
    }*/
    .lobby_wrap {
        padding-top: 32%;
        padding: 32% 0 0 0;
    }
    .lobby_menu_wrap a img {
        width: 7.5vw;
        filter: drop-shadow(rgb(0, 0, 0) 0px 2px 2px);
    }
    .lobby_menu_sub {
        overflow-x: scroll;
    }
    .menu_txt {
        font-size: 2.8vw;
    }
    .lobby_menu_sub a {
        width: 100%;
        min-width: max-content;
    }
    .lobby_menu_home {
        width: 65%;
    }
    .search_icon{
        min-width: max-content;
    }
    .lobby_menu_wrap{
        padding: 0 1vw;
    }
    .search_icon img {
        width: 7.5vw;
    }
    .mobile_head_log{
        display: block;
    }
    .d_product_wrap img {
        width: 11vw;
        filter: drop-shadow(rgb(0, 0, 0) 0px 2px 4px);
    }
    .filter-drop .dropdown .options{
        height: 30vw;
    }
    .filter-drop .dropdown{
        height: 9vw;
        width: 100%;
    }
    .filter-search {
        grid-template-columns: auto;
        grid-gap: 10px;
    }
    .items_grid{
        grid-template-columns: repeat(2,1fr);
    }
    .menu_list ul{
        gap: 13px;
        width: 203px;
    }
    .menu_list ul li a::after{
        bottom: -7px;
        height: 1px;
    }
    .modal_share.modal_share_sidemenu .close{
        left: 16%;
        top: 0;
        width: 52px;
    }
    .menu_list{/*        height: 48%;*/padding-left: 99px;}
    .sendotpbtn{
        border-radius: 2.3vw;
    }
    .modal_title_top{
        min-width: 200px;
    }
    .modal_share.modal_share_custom .modal-body.modal-body-promo{
        margin: 1.5rem 0rem;
    }
    .mission_box_01_r_inn{
        flex-direction: column;
    }
    .go_btn{
        min-width: 65px;
        min-height: 23px;
    }
    .slots_inner_lobby_wrap{
        grid-template-columns: repeat(3, 1fr);
    }
    .arrow_slider{
        display: none;
    }
}

/* Styles specific to landscape orientation */
@media screen and (orientation: landscape) and (max-width: 999px) {
/*@media screen and (orientation: landscape) and (hover: none) and (pointer: coarse) {*/
    .header_btn_custom {
        font-size: 0.6em;
    }
    .modal_share .close{
        height: 4vw;
        width: 4vw;
        font-size: 3vw;
    }
    .modal_share .modal-dialog{
        padding: 0px 20px;
    }
    .balance_boxtxt_content {
        font-size: 1.5vw;
    }
    .balance_boxtxt_plus{
        width: 3.5vw;
        height: 3.5vw;
        font-size: 3.2vw;
    }
    .balance_boxtxt_minus{
        width: 3.5vw;
        height: 3.5vw;
        font-size: 3.2vw;
    }
    .balance_boxtxt {
        border-radius: 3vw;
        padding: 0.4vw;
        height: 4vw;
    }
    .balance_box_grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .balancemodal_top_title {
        font-size: 1.5vw;
    }
    .btn_allin{
        padding: 0.5rem;
    }
    #token_modal .modal-dialog {
        max-width: 300px;
    }
    #point_modal .modal-dialog {
        max-width: 300px;
    }
    .dep_wrap {
        grid-template-columns: 23% auto;
    }
    .bnk-table{
        font-size: 0.7em;
    }
    .btn-modal-sub{
        max-width: 100%;
    }
    .modal_title_top img {
        max-width: 200px;
    }
    .modal_title_top span {
        font-size: 1em;
    }
    .referral_user_box {
        max-height: 170px;
    }
    .modal_share.modal_share_custom .modal-body.history_modal-height{
        max-height: 33vh;
    }
    .menu_list ul li a span {
        font-size: 12px;
    }
    .menu_list ul li a img {
        max-width: 25px;
    }
    .modal.modal-right .modal-dialog {
        max-width: 300px;
        padding: 0;
    }
    .modal_share.modal_share_sidemenu .close {
        left: 11%;
        top: 0%;
    }
    .menu_list{
        /* background-size: 100% 100%; */
        /* height: 100%; */
    }
    .footer_p_name {
        /* font-size: 0.5rem; */
    }
    .modal_share.modal_share_custom .modal-body {
        /* overflow-y: hidden; */
        max-height: calc(100vh - 170px);
        padding: 1.1rem;
    }
    .shop-slider{
        overflow: hidden;
        /* display: grid; */
        /* grid-template-columns: repeat(3,1fr); */
        overflow-x: scroll;
    }
    .modal_share.modal_share_custom .modal-body.modal-body-shop{
        overflow-y: scroll;
    }
    .credit_product{
        min-width: 13vw;
        width: 0vw;
    }
    .green_btn_shop{
        border-radius: 6px;
        height: 25px;
        margin: 5px auto;
    }
    .green_txt{
        font-size: 16px;
    }
    .mini_game_wrap_txt{
    font-size: clamp(0.7rem, 1.5vw, 1.1rem);
    margin-top: 5px;
    }
    .wheel-wrap .wheel_product_arrow {
        width: 5%;
        inset: auto 0px 32%;
    }
    .wheel-wrap .wheel_product_frame {
        width: 26%;
    }
    .wheel-wrap .wheel_product_bg {
        width: 50%;
    }
    .wheel_product.wheel-wrap{
        min-height: 220px;
        margin: 10px 10px 0;
    }
    .modal_share.modal_share_custom .modal-body.modal_share_wheel{
        max-height: 58vh;
    }
    .reward_p_tit_top {
        font-size: 19px;
    }
    .go_btn_reward{
        height: auto;
        border-radius: 9px;
        font-size: 15px;
    }
    .collect_btn{
        height: auto;
        border-radius: 9px;
        font-size: 15px;
    }
    .credit_product_content img {
        width: 65%;
    }
    .credit_product_inn h1 {
        font-size: 15px;
    }
    .green_txt {
        font-size: 18px;
    }
    .dw_product{
        min-width: 16vw;
    }
    .r_input {
        /* width: fit-content; */
        font-size: clamp(0.7rem, 2vw, 1.1rem);
    }
    .mission_box_01_r img {
        width: 45%;
    }
    .mission_boxin_01 {
        width: 75%;
    }
    .header_mobile_wrap{
        display: none;
    }
    .mobile_footer{
        display: none;
    }
    .swiper-slide a{
        width: 14vw;
    }
    .lobby_body_wrap{
        padding: 0vw 0vw;
    }
    .lobby_menu_wrap{
        margin-bottom: 0;
    }
    .menu_st_bar img {
        height: 26px;
    }
    .menu_txt{
        font-size: 1.1vw;
    }
    .lobby_menu_sub {
        grid-gap: 6px;
    }
    .lobby_menu_sub a {
        grid-gap: 3px;
    }
    .modal_share.modal_share_custom .modal-body.search_modal-height{
        max-height: calc(100vh - 230px);
    }
    .items_grid{
        grid-template-columns: repeat(5,1fr);
    }
    .menu_list ul li a::after{
        bottom: -6px;
        height: 1px;
    }
    .modal_title_top{
        height: 40px;
    }
    .d_product_wrap img {
        filter: drop-shadow(rgb(0, 0, 0) 0px 2px 4px);
    }
    .header_desktop{
        filter: drop-shadow(rgb(0, 0, 0) 0px 6px 4px);
    }
    .modal_share.modal_share_width.modal_share_width_dep.modal_share_width_minigames .modal-dialog {
        max-width: 600px;
    }
    .qr_ref{
        padding: 3vw;
    }
}
@media screen and (orientation: landscape) and (max-width: 1023px) {
    .mySwiperdesktop{
        display: block;
    }
    .mobile_lobby{
        display: none;
    }
    .mobile_lobby_wrap{
        grid-template-columns: repeat(5, 1fr);
    }
    body {
        background-position-x: left;
    }
    .menu_list ul{
        overflow: hidden;
        overflow-y: scroll;
        gap: 13px;
        width: 170px;
    }
}

@media only screen  and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {
    .mySwiperdesktop{
        display: none;
    }
    .mobile_lobby{
        display: block;
        height: 100vh;
        padding-bottom: 17vh;
        overflow-y: scroll;
    }
    .lobby_wrap{
        padding: 10% 0;
    }
    .mobile_lobby_wrap{
        grid-template-columns: repeat(4, 1fr);
    }
    .arrow_slider{
        display: none;
    }
}

@media screen and (orientation: portrait) and (max-width: 1280px) {
    .mySwiperdesktop{
        display: none;
    }
    .mobile_lobby{
        display: block;
        height: 100vh;
        padding-bottom: 17vh;
        overflow-y: scroll;
    }
    body {
        background-size: auto;
        background-position-x: left;
    }
}