/* Overrides KT class to hide Settings in Menu @ PC media */

@media (min-width: 1025px) {
    .kt-header-menu .kt-menu__nav>.kt-menu__item.mobileMenuViewSettings {
        display: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 .15rem;
    }
    .mobileOnly {
        display: none;
    }

    .pcView {
        display: block;
    }
}

/* Mobile View */
@media (min-width: 320px) and (max-width: 767px) {

    .pageContentWrapper, .sideMenuWrapper {
        padding-top: 0;
    }

    .userDetails {
        margin: 20px 0;
    }

    .dashboardBannerProgressWrapper {
        flex-wrap: wrap;
    }

    .dashboardBannerTxtWrapper {
        position: relative;
    }

    .userNormalDetail {
        font-size: 14px;
    }

    .userLoginDetail {
        font-size: 12px;
    }

    .userShortIcon {
        width: 55px;
        height: 55px;
    }

    .walletTabMenuItem {
        font-size: 14px;
    }

    .dashboardBannerProgressItem {
        margin-top: 10px;
    }

    .dashboardBanner {
        overflow: scroll;
    }
    
    .mobileOnly {
        display: block;
    }

    .pcView {
        display: none;
    }

    /*.bannerImg {
        position: absolute;
        height: 100%;
        width: 85%;
        transform: translateX(-50%);
    }*/

    .progressIndex:before {
        content: none;
    }

    .qrIcon {
        color: #fff;
    }

    .footerButton {
        width: 125px;
    }

    .packageTncLink span {
        max-width: 90%;
    }

    .packageWrapper.soldOut:after {
        left: 25%;
        top: 4%;
    }

    .btnFixWidth {
        width: 100px;
    }

    .footerBorder {
        border-right: none;
    }

    .footerDropdownBox .dropdown-item {
        width: 220px;
        background: #121212;
    }

    .displayBtn {
        padding: 0px 8px 10px 8px;
        font-size: 16px;
    }

    .mobileCheckbox {
        margin-left: 10px;
        margin-top: 5px;
    }

    .addAdressText {
        margin-top: 5px;
    }

    .smallLinkBtn {
        margin-left: 10px;
        margin-top: 5px;
    }

    .mobileTransform {
        transform: translateY(2px);
    }

    .dashboardWrapperTitle, .profileWrapperTitle {
        font-size: 16px;
    }

    .dashboardWrapperTitle2 {
        font-size: 12px;
    }

    .reentryNoResultTxt {
        font-size: 14px;
        margin-bottom: 0;
    }

    .btn.btn-primary, .btn.btn-primary2, .btn.btn-default {
        font-size: 12px;
    }

    .balanceTxt {
        font-size: 14px;
    }

    .balanceAmt span {
        font-size: 18px;
    }

    .settingText {
        font-size: 14px;
    }

    .settingText li {
        font-size: 12px;
    }

    .profileStatusText {
        font-size: 11px;
    }

    .profileStatusText i {
        font-size: 11px;
    }

    .modal .modal-content .modal-header .modal-title {
        font-size: 16px;
    }

    .emailVerificationModalText {
        font-size: 11px;
    }

    .form-control.profileModalResendBtn {
        margin-top: 10px;
    }

    .modal-dialog {
        padding: 0px 20px;
    }

    .pageTitle {
        font-size: 21px;
    }

    .pageSubtitle {
        font-size: 16px;
    }

    .identityTabItem {
        font-size: 14px;
        color: #818A98;
        font-weight: 400;
        margin-bottom: 15px;
    }

    .idCardSample {
        width: 200px;
        padding-bottom: 20px;
    }

    .numCircle {
        border: 1px solid #818A98;
    }

    .numCircle.active {
        border: 1px solid #3CB6BE;
    }

    .verifyIcon {
        margin: 0 0 20px 0;
    }

    .depositIcon {
        margin-right: 20px;
    }

    .depositIcon:hover {
        width: 60px;
    }
}

/* Ipad View */
@media (min-width: 768px) and (max-width: 990px) {

    /*.pageContentWrapper, .sideMenuWrapper {
        padding-top: 102px;
    }*/

    .dashboardBannerProgressWrapper {
        flex-wrap: wrap;
    }

    .dashboardBannerTxtWrapper {
        position: relative;
    }

    .dashboardBannerProgressItem {
        width: 170px;
    }

    .progressContent {
        color: #fff;
    }

    .progressIndex:before {
        /*content: none;*/
    }

    .mobileOnly {
        display: none;
    }

    .pcView {
        display: block;
    }

    .userDetails {
        margin: 15px 0;
    }

    .userNormalDetail {
        margin-top: 3px;
        font-size: 16px;
        /*margin-left: -30px;*/
    }

    .userLoginDetail {
        font-size: 14px;
        /*margin-left: -30px;*/
    }

    .userShortIcon {
        width: 45px;
        height: 45px;
        font-size: 20px;
    }

    .dashboardWrapperTitle {
        font-size: 16px;
    }

    .dashboardWrapperTitle2 {
        font-size: 12px;
    }

    .walletTabMenuItem {
        font-size: 14px;
    }

    .btnFixWidth {
        width: 110px;
    }

    .reentryNoResult {
        width: 150px;
        margin: 15px auto 10px auto;
    }

    .reentryNoResultTxt {
        font-size: 14px;
        margin-bottom: 0;
    }

    .footerButton {
        width: 100px;
    }

    .editProfileWrapper i {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .profileWrapperTitle, .profileWrapperTitle.isBorder {
        font-size: 16px;
    }

    .settingText  {
        font-size: 14px;
    }

    .settingText li {
        font-size: 12px;
    }

    .profileStatusText {
        font-size: 13px;
    }

    .profileStatusText i {
        font-size: 13px;
    }

    .idCardSample {
        width: 200px;
        padding-bottom: 20px;
    }

    .dashboardWrapper {
        padding: 10px 20px;
    }

    .walletTabMenu {
        margin-top: 10px;
    }

    .walletTabPane {
        margin-top: 17px;
    }

    .walletBtnWrapper {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .balanceTxt {
        font-size: 14px;
    }
 
}

/* Ipad Pro View */
@media (min-width: 991px) and (max-width: 1199px) {

    /*.pageContentWrapper, .sideMenuWrapper {
        padding-top: 80px;
    }*/

    .dashboardWrapper {
        padding: 15px 20px;
    }

    .mobileOnly {
        display: none;
    }

    .pcView {
        display: block;
    }

    .userNormalDetail {
        font-size: 16px;
    }

    .userLoginDetail {
        font-size: 14px;
    }

    .dashboardWrapperTitle {
        font-size: 18px;
    }

    .walletTabMenuItem {
        font-size: 16px;
    }

    .walletTabMenu {
        margin-top:6px;
    }

    .walletTabPane {
        margin-top: 20px;
    }

    .walletBtnWrapper {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .balanceTxt {
        font-size: 14px;
    }

    .balanceAmt span {
        font-size: 18px;
    }
}