:root {
    --mobile-btn-width-long: 130px;
    --mobile-btn-width-short: 50px;
    --mobile-btn-height: 100px;
    --mobile-font-size: 12px;
    --mobile-container-padding: 1.5rem;
    --mobile-title-font-size: 25px;

    --mobile-info-page-section-padding: 2rem;
    --mobile-info-page-section-margin: 2rem;
}

/* 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;
    }
}
@media(min-width: 1439px){
    
}

@media (min-width: 1400px) {
    
}

@media (min-width: 1199px) {
    
}

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

    .indsxrbox {
        width: 50vw!important;
    }
    
}

/* Ipad View */
@media (min-width: 768px) and (max-width: 990px) {
    .display-sidebar .sidebar-container {
        width: 35%;
    }

    .indsxrbox {
        width: 60vw!important;
    }

    .landing-page-title {
        font-size: 84px;
        line-height: 100px;
    }

    .landing-page-sign-up-div {
        width: 100%;
    }

    .landing-page-listing-div {
        width: 100%;
    }

    .landing-page-download-container {
        width: 100%;
        margin-left: 1rem;
    }

    .landing-page-download-info-div {
        padding: unset;
    }

    .landing-page-download-text,
    .landing-page-download-info-div .landing-page-download-label {
        text-align: center;
    }

    .landing-page-sample-tab-div {
        padding-right: 3.3rem;
    }

    #marketOverviewCoins .top3Record tbody tr td:nth-child(2) {
        display: none;

    }

    #marketOverviewCoins .top3Record tbody tr td:nth-child(3) {
        text-align: right;
    }
    .top3Record-container {
        padding-inline: 0rem;
    }

    .top3Record {
        padding-inline: 1rem;
    }

    .marketOverview-subTitle {
        font-size: var(--text-size-14);
    }

    .marketOverview-subTitle {
        white-space: nowrap;
    }

    .allCryptosSubTitle {
        white-space: nowrap;
        flex-wrap: nowrap;
    }

    #allCryptosSecondDivOptionId {
        margin-bottom: 20px;
    }

    .marketOverviewContent-section3 {
        padding-inline: 0;
    }

    .marketOverviewContent-section2 {
        padding-inline: 1rem;
    }

    .sortingBtn2 {
        white-space: nowrap;
    }

    #allCryptosTableId th div {
        flex-wrap: nowrap;
    }

    .sortingBtn {
        white-space: nowrap;
    }

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: unset;
    }

    #allCryptosTable td:nth-child(1) span {
        white-space: nowrap;
    }

    #allCryptosTableId tbody tr td:nth-child(1) {
        display: flex;
        align-items: center;
        gap: 7px;
    }

    #allCryptosTableId td:first-child, #allCryptosTableId th:first-child {
        position: sticky;
        left: 0;
        z-index: 1;
        transition: box-shadow 0.3s ease;
    }

    #allCryptosTableId .has-shadow {
        box-shadow: 10px 0px 10px 0px rgba(0,0,0,0.75);
    }

    #allCryptosTableDiv::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .graph-iframe {
        height: unset!important;
    }

    .spot-form-div input {
        padding-right: 0;
        padding-left: 0;
    }

    .lg-table-wrapper {
        height: 250px;
    }

    .md-table-wrapper {
        height: 100px;
    }

    .title-width-ipad {
        width: 60%;
    }

    .form-control-signup {
        /* min-width: 242px; */
        width: 242px;
    }

    .landing-page-download-title {
        font-size: 28px;
    }

    .landing-page-download-text {
        text-align: left;
        font-size: var(--text-size-14);
    }

    .landing-page-download-label {
        font-size: var(--text-size-16);
        text-align: left!important;
    }

    .landing-page-sample-img {
        height: 40rem;
    }

    .gap-sm {
        gap: 15px;
    }

    .landing-page-section-container {
        padding-inline: 1rem;
    }

    .verification-card-listing-container {
        display: none!important;
    }
}

/* Mobile View */
@media (min-width: 320px) and (max-width: 767px) {
.login-div{
    height: 100vh;
}
.newacc{
    margin-bottom: 20px;
}
		.modal-body {
padding: 15px 1rem;
}
.modal-dialog--fundIn {
	max-width: 90%;
}


    .supportdisplaybox{
        width: 300px;
    }

    .indsxrbox {
        width: 80vw!important;
    }

    .stakinglisting .filetesre{
        display: block;
        width: 100%;
    }
    .mobiletowmenu {
        display: flex !important ;
        justify-content: space-between;
        width: 100%;
        padding: 0 3rem;
        border-bottom: solid 1px;
        height: 30px;
    }
    .twomenubox{
        width: 100%;
    }
    .twomenu{
        display: none;
        position: absolute;
        top: 0;
        width: 100% !important;
        z-index: 10;
        min-height: 100vh;
    
    }
    .twomenu.open{
        display:  block !important;
    }
    .sideBarItem {
        width: 100% !important;
        margin: 10px 0;
        padding: 0 2.5rem;
    }
    
    
    .stakinglisting .searchbutton{
        padding:10px
    }
    .confirmInactivefixlseModalya{
        max-width:500px !important;
    }
    .subscr {
        padding: 10px;
    }
    .kogei{
        display: none;
    }
    .detailllamodao{
       
        max-width: 100%;
    
    }
    .display-sidebar .menufullpage{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 1;
        background-color: #0000004d;
    
    }
    .fund-in-div {
        padding: 2rem;
    }
    .displaydatamobile{
        display: none  !important;
    }
    .displaydatamobileweb{
        /* display: block !important; */
    }
    

    .fund-in-qr-div {
        width: 100%;
    }

    .display-sidebar .sidebar-container {
        width: 75%;
    }

    .language-btn {
        /* min-width: 6rem; */
        padding: unset !important;
    }

    .content-container {
        padding: 1rem 0rem;
        /* padding: 1rem 3rem; */
    }

    .trading-data-component-list{
        font-size: 0.75rem;
    }

    .registeration-logo-image {
        margin-bottom: 50px;
    }

    .landing-page-title {
        font-size: var(--text-size-32);
        line-height: 45px;
        text-align: center;
        width: 100%;
    }

    .landing-page-sign-up-div {
        width: 100%;
        justify-content: center;
    }

    .landing-page-sign-up-div .btn {
        /* min-width: var(--mobile-btn-width-long); */
    }

    .landing-page-listing-val-div {
        display: block;
        margin-top: 0.5rem;
    }

    .landing-page-listing-div {
        width: 100%;
        background-color: unset;
        /* padding-inline: 0; */
        padding-inline: 1rem;
    }

    .landing-page-listing-tab-btn {
        margin-right: 1rem;
    }

    .landing-page-view-all-text {
        max-width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .landing-page-listing-anchor {
        justify-content: end;
    }

    .landing-page-download-title {
        text-align: center;
        font-size: var(--lg-text-size);
    }

    .landing-page-faq-text-wrapper {
        font-size: var(--text-size-16);
    }

    .landing-page-faq-content-div {
        font-size: var(--xs-text-size);
    }

    .landing-page-download-container {
        margin-left: unset;
        width: 100%;
    }

    .landing-page-download-btn-img.special-icon-handling {
        height: 3rem;
    }

    .landing-page-download-text,
    .landing-page-download-info-div .landing-page-download-label {
        text-align: center;
    }

    .landing-page-sample-tab-div {
        padding-right: unset;
    }

    .landing-page-download-section {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .landing-page-sample-img {
        width: 100%;
        height: auto;
    }

    .landing-page-faq-row {
        padding: 2rem 1rem;
    }

    .landing-page-faq-expand-btn {
        width: 2rem;
        height: 2rem;
    }

    .landing-page-faq-num-wrapper {
        margin-right: 1rem;
        /* width: 3rem; */
        min-width: 3rem;
    }

    .landing-page-faq-title-inner-div {
        width: 80%;
    }

    .landing-page-listing-anchor {
        justify-content: center;
    }

    .landing-page-section-container.faq-section {
        margin-bottom: 5rem;
    }

    .landing-page-earn-container {
        padding: 4rem 0rem;
    }

    .form-control-signup {
        min-width: unset;
        display: none;
    }

    .marketOverView-Market:not(.news-page .marketOverView-Market) {
        font-size: var(--text-size-16);
    }

    .top3Record-container {
        padding-inline: 1rem;
    }

    .marketOverviewContent-section3 {
        padding-inline: 0rem;
    }

    .marketOverView-Trading {
        font-size: var(--text-size-16);
    }

    .marketOverview-subTitle {
        font-size: var(--text-size-14);
        white-space: nowrap;
        flex-wrap: nowrap;
    }

    .marketOverview-subTitle.active::after {
        bottom: -9px;
    }

    .allCryptosSubTitle {
        flex-wrap: nowrap;
    }

    #allCryptosTableDivmobile .sortingBtn {
        font-size: var(--xs-text-size);
        white-space: nowrap;
    }

    #allCryptosTableDivmobile .mobile-header-font {
        flex-wrap: nowrap;
    }

    #allCryptosTableDivmobile .table thead th {
        padding-bottom: 0.7rem;
    }
    #allCryptosTableDivmobile .table-striped tbody tr:nth-of-type(odd) {
        background-color: unset;
    }
    #allCryptosTableDivmobile .mobile-cryptocoins-title {
        font-weight: bold;
        font-size: var(--text-size-16);
        color: #EAECEF;
    }

    body.light-mode #allCryptosTableDivmobile .mobile-cryptocoins-title {
        color: #000;
    }

    #allCryptosTableDivmobile .mobile-cryptocoins-subtitle {
        color: rgb(132, 142, 156);
        font-size: var(--xs-text-size);

    }

    .graph-iframe {
        height: 300px!important;
    }

    .align-for-mobile {
        align-items: center;
    }

    .landing-page-section-container {
        padding-inline: 1rem;
    }

    .landing-page-title.value-type {
        font-size: var(--text-size-32);
    }

    .landing-page-listing-row div:nth-child(1) {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .landing-page-listing-row {
        margin-bottom: 10px;
    }

    .dashboard-graph-info-title {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }
    .camvasbox .dashboard-graph-info-title div span {
        white-space: nowrap;
    }

    .dashboard-graph-info-title::-webkit-scrollbar {
        height: 0;
    }

    .registration-container {
        border: unset;
        width: 100%;
    }

    .loginForm {
        width: 100%;
        border: unset;
        /* padding-top: 0; */
    }
    .homepage-section-box {
        padding: 0;
	min-height: unset;
    }

    #showOrderBook {
        display: none;
    }

    #showTrades {
        display: none;
    }

    .table-hide-mobile {
        display: none;
    }

    .earntopimage2 {
        width: 50%!important;
        margin-bottom: 20px;
    }

    .md-width-img {
        width: 100%;
    }

    .verify-img {
        width: 80px;
    }

    .registrationSection {
        padding-inline: 20px;
    }

    #password-section .registration-container,
    #referral-section .registration-container {
        min-width: 355px;
    }

    .content-container:has(.landing-page-container) {
        padding-inline: unset;
    }

    .content-container:has(.marketOverview-page) {
        padding-top: 53px !important;
    }

    .marketOverviewContent-section2 {
        padding-inline: 1rem;
    }

    body.light-mode .table td {
        background-color: transparent;
        color: #000;
    }

    body.light-mode .table tbody tr {
        background-color: #F9F9F9;
    }

    .table td:first-child {
        padding-left: 1rem;
    }

    .table td:last-child {
        padding-right: 1rem;
    }

    .content-container:has(.security-page) {
        padding: 1rem !important;
    }

    .content-container:has(.edit-email-security-page),
    .content-container:has(.edit-phone-security-page),
    .content-container:has(.edit-password-security-page),
    .content-container:has(.edit-2fa-security-page) {
        padding-inline: 1rem !important;
        padding-top: 65px !important;
    }

    /* .security-page ~ div:has(.modal-dialog) .modal-dialog { */
    .modal-dialog {
        margin: 1.75rem auto;
    }

    /* .security-page ~ div:has(.modal-dialog) .modal-dialog .modal-header { */
    .modal-dialog .modal-header {
        padding-inline: 1rem;
    }
}

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

}

@media (min-width: 320px) and  (max-width: 575px) {
    .tradingData-Market, .tradingData-Trading{
        font-size: 1.25rem;
    }

    .header-logo{
        height: 15px;
    }

    .language-dropdown-list{
         width: 100%; 
	        border: 0px;
    }
}

@media (min-width: 320px) and  (max-width: 430px) {
    .ttwoFA-code {
        width: 130px;
    }
}
    

@media (max-width: 300px) {
    
}

/* Ipad and below */
@media (max-width: 992px) {
    .sidebar-container {
        position: fixed;
        z-index: 10;
        top: 0px;
        max-height: 100%;
        overflow-y: scroll;
    }

    .sidebar-div {
        position: relative;
    }

    .sidebar-close-btn {
        display: block;
    }

    .content-container {
        width: 100% !important;
    }
    

    #card-listing-container{
        display: block;
    }

    #allCryptosTable{
        /* display: none; */
    }

    .marketOverviewContent-section2{
        display: flex;
        flex-wrap: nowrap;
        overflow: scroll;
    }

    .marketOverviewContent-section2::-webkit-scrollbar {
        height: 0;
        width: 0;
    }

    .marketOverviewContent-section2-mobile{
        display: block;
    }
    #allCryptosSecondDivOptionId{
        display: none;
    }
    #allCryptosSecondDivOptionId{
        display: flex !important;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: scroll;
    }

    #allCryptosSecondDivOptionId::-webkit-scrollbar {
        height: 0;
        width: 0;
    }

    #allCryptosSecondDivOptionId-mobile .allCryptosSubTitle{
        display: flex !important;
    }

    #basicwizard1 #listingDiv.dashboard-height-ipad, #basicwizard2 #listingDiv1.dashboard-height-ipad {
        height: 200px!important;
    }
}

/* Ipad Pro and below */
@media (max-width: 1199px) {
    
}

@media (min-width: 0px) and (max-width: 767px) {
    .loginForm {
        width: 100%;
        border: unset;
    }
}