/* 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: 300px;
        }
        .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;
        }
    }