/* 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: auto;
        }
        .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;
        }
        .vip-all-wrap .nav-pills .nav-link img {
            width: 14vw;
            margin: auto;
            text-align: center;
        }
        table.vip-all{
            font-size: 3vw;
        }
        .vip_progress img {
            width: 14vw;
        }
        .vip-all-wrap ul.nav {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 10px;
        }
        .vipinner_lobby{
            min-width: 0;
        }
        table.vip-all-main {
            font-size: 3vw;
        }
        .vip-all-wrap{
            overflow: auto;
        }
        table.vip-all-main tr th img {
            min-width: 52px;
        }
        .vip_topcurrent_content_title {
            font-size: 3vw;
            font-weight: 400;
        }
        .vip_topcurrent_content_sub {
            font-size: 4vw;
            font-weight: 300;
        }
        table.vip-all-main tr th {
            padding: 4px 5px;
        }
        .vip_inner_lobby_wrap_scroll {
            padding-bottom: calc(36vh - 0px);
        }
        .head_ref_livechat img{
            width: 12vw;
        }
        .vip_inner_lobby_wrap_scroll_smart{
            overflow-y: scroll;
            height: 100vh;
            padding-bottom: calc(80% + 50px);
        }
        .smart_body_left{
            display: none;
        }
        .smart_body_right {
            width: 100%;
        }
        .overview_smart_info{
            overflow: hidden;
            overflow-x: scroll;
        }
        .overview_smart_balance_info{
            overflow: hidden;
            /* flex-direction: column; */
            flex-wrap: wrap;
            max-height: none;
        }
        .smartinner_lobby{
            min-width: 0;
        }
        .overview_box{
            min-width: fit-content;
        }
        .overview_smart_balance_info_box{
            width: 100%;
        }
        .overviewbox_1{
            min-width: auto;
            width: calc(50% - 7.5px);
        }
        .overviewbox_2{
            min-width: auto;
            width: calc(50% - 7.5px);
        }
        .overviewbox_3,
        .overviewbox_4,
        .overviewbox_5{
            width: 100%;
            min-width: fit-content;
        }
        .overviewbox_3{
            margin-top: 9%;
        }
        .smart_plylevelrow{
            gap: 10px;
            justify-content: space-between;
        }
        .smart_dailyrow_btn_wrap button{
            padding: 3px 11px;
            font-size: 0.7em;
        }
        .smart_dailyrow{
            min-width: fit-content;
        }
        .smart_dailyrow_diamond img {
            width: 16px;
        }
        .smart_dailyrow_highroller_diamond img {
            width: 16px;
        }
        .smart_dailyrow_btn_wrap {
            gap: 4px;
        }
        .smart_dailyrow_title p{
            font-size: 1em;
        }
        .smart_dailyrow_txt {
            font-size: 0.6em;
        }
        .smart_dailyrow_value p {
            font-size: 0.8em;
        }
        .smart_dailyrow_diamond span{
            font-size: 0.8em;
        }
        .smart_plylevelrow img{
            width: 60px;
        }
        .mobile_smart_tab{
            display: block;
        }
        .mobile_smart_tab .tabdep {
            display: flex;
            gap: 10px;
            overflow-x: scroll;
            flex-direction: unset;
            background: #19130F;
            padding: 5px 0;
        }
        .mobile_smart_tab .tabdep .tablinkssmart{         
            width: 100%;          
            min-width: fit-content;
        }
        .mobile_smart_title{
            display: block;
        }
        .web_smart_title{
            display: none;
        }
        .overviewbox_missionreward{
            display: flex;
            width: 100%;
        }
        .recommended_box_content{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
        }
        .recommended_box_content a{
            min-width: 100%;
        }
        .bonuses_box_grid {
            grid-template-columns: repeat(1, 1fr);
        }
        .reminder_box_top_divider{
            display: none;
        }
        .reminder_box_top{
            flex-direction: column;
            gap: 5px;
        }
        .reminder_box_bottom_buttons{
            display: flex;
            flex-direction: column;
            gap: 5px;
        }
        .overviewbox_missiondailyspecial{
            width: 100%;
            margin-top: 25px;
        }
        .overview_smart_balance_infoprotrait{
            padding-top: 0;
        }
        .wrapper_inner.wheel-bg{
            width: 100%;
            padding: 10px;
        }
        .wheel-all {
            font-size: 12px;
        }
        .wheel-all .btn-more{
            font-size: 12px;
        }
    }
    
    /* 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%; */
            /* top: auto; */
            /* right: 0px; */
            /* bottom: 32%; */
            /* left: 0px; */
        }
        .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;
        }
        .vip-all-wrap .nav-pills .nav-link img {
            width: 8vw;
            margin: auto;
            text-align: center;
        }
        table.vip-all{
            font-size: 1vw;
        }
        .vip_progress img {
            width: 6vw;
        }
        .vipinner_lobby{
            min-width: 0;
        }
        .vip_topcurrent{
            min-width: auto;
        }
        .vip_topcurrent_content_title {
            font-size: 1.2vw;
        }
        .vip_topcurrent_content_sub {
            font-size: 1.4vw;
        }
        table.vip-all-main {
            font-size: 1.2vw;
        }
        table.vip-all-main tr th img {
            width: 6.5vw;
        }
        table.vip-all-main tr th .vip_topcurrent img {
            width: 4.5vw;
        }
        .vip_inner_lobby_wrap_scroll {
            padding-bottom: calc(36vh - 0px);
            height: calc(100vh - 100px);
        }
        .smartinner_lobby{
            min-width: 0;
        }
        .vip_inner_lobby_wrap_scroll_smart {
            padding-bottom: calc(36vh - 0px);
            height: calc(100vh - 100px);
            padding-bottom: calc(13% + 15px);
        }
        .overview_smart_info p {
            font-size: 0.7em;
        }
        .tablinkssmart{
            font-size: 0.7em;
            gap: 6px;
        }
        .tablinkssmart img {
            width: 16%;
        }
        .overviewbox_2{
            min-width: auto;
            width: 100%;
        }
        .bonuses_box_custom{
            overflow: hidden;
            max-height: none;
        }
        .lobby_wrap_smart{
            width: 100%;
        }
    }
    @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 (min-width: 1000px) and (max-width: 1366px) {
        .smartinner_lobby{
            max-width: 1000px;
            min-width: 1000px;
        }
    }
    
    @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;
        }
    }