@media screen and (max-width: 1024px){

}

@media screen and (max-width: 768px){
.top-row, .bottom-row {display: initial;}
.wd-50{width:100%;max-width: 100%;}
.avl-balance span {
    font-size: 12px;
}
.menu-toggal {/*display: block;*/ margin-right: 10px;}
.bars svg {width: 25px;height: 25px;fill: var(--ancor-color);}
.overlay3 {height: 100%;width: 0;position: fixed;z-index: 3;top: 0;left: 0;background-color: rgba(0,0,0, 0.2);overflow-y: auto;overflow-x: hidden;text-align: center;opacity: 0;transition: opacity 1s;}
.navigation {width: 0px;height: 100%;max-height: 100%;position: fixed;top: 0;left: -300px;z-index: 999;
overflow: hidden;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; background-color: var(--card-color); display: initial;}   

.navigation ul li a{font-size: 14px; padding: 15px 20px; justify-content: space-between; border-bottom: 0.1rem solid var( --border-color);}
.navigation .main-menu li:hover>.sub-menu{visibility: visible;opacity: 1;position: relative;transform: initial;border-radius: 0;
background: var(--head-color);}
.navigation {left: 0px;height: 100vh;}   
.navigation .main-menu{display: initial;}
.payment-row ul li{padding: 15px 5px;}
.logo-tongal {display: flex;align-items: center;}
.logo{width: 60px;}
.logo img {width: 100%;}
.main-menu{padding: 0;     }
.header-right{width: 50%;}
.header-right  .main-menu{    justify-content: end;}
.marquee{display: none;}
.main-menu li a {padding: 0px 7px 10px 7px;
    font-size: 14px;}
.user-icon {width: 25px;height: 25px;}
footer{bottom: 0;}
.payment-name {
padding-right: 10px;
}
.paymeny-image {
width: 75%;}
.payment-name p {
font-size: 12px;
margin-bottom: 0;
}
.main-dock ul{flex-wrap: inherit;width: 100%;justify-content: space-around !important;}
.main-dock .nav-pills .nav-link i{width: auto;height: auto;}
.card.main-dock{border-radius: 0; width:100%;border: none;  background-color: var(--card-color);    border-top: 1px solid #23fe91;   }
.main-dock .nav-pills .nav-link.active i, .main-dock .nav-pills .show>.nav-link i, .main-dock .nav-pills .nav-link.active {
color: #22ff90;
border-bottom: none;
font-weight: bold;
}
.tooltip-inner{font-weight: bold;}
[data-theme="dark"]   .card.main-dock  { background: var(--body-color);
border-top: 0.1rem solid var( --border-color);}
.kyc-form-body .btn{font-size: 14px;  } 
.main-dock .nav-pills .nav-link {padding: 7px 0px;margin: 0px 0px;}
.main-dock .nav-pills .nav-link i{background-color: transparent; border: none;box-shadow: none;   color: var(--color-900);font-size: 18px;margin-top: 5px;}
.main-dock .nav-pills .nav-link span{font-size: 12px;margin-top: 7px;display: block;}
.main-content {    padding: 0px 0px 0px 0px;}
.main {padding: 15px 0px;}
.inner-header-heading h2 {font-size: 18px; margin-bottom: 0;}
.wallet-vale{    display: initial;}
.value-title {margin-right: 0px;display: flex;align-items: baseline;justify-content: space-between;}
.inner-main-header{   margin-bottom: 0;}
.wallet-vale .btn {font-size: 13px; margin-top: 10px;padding: 4px 10px; }
.value-title h3 {font-size: 18px;}
.wallet-vale .Deposit-withdraw {margin-top: 0px; display: flex;}
.wallet-value a{font-size: 16px;}
.wallet-head p {font-size: 14px;}
.wallet-body-inner{display: initial;padding: 10px 10px;}
.wallet-cerrent-value .amount {margin-right: 5px;margin-bottom: 5px;text-align: center;}
.wallet-cerrent-value .amount p{font-size:13px}
.wallet-cerrent-value .amount h4 {font-size: 14px;}
.wallet-head{    padding: 10px 5px; }
.wallet-btn .btn{font-size: 13px; padding: 4px 5px;}
.waller-box{padding: 0px 5px 35px 5px;}
.btn{font-size: 13px;}

.single-chart {width: 45px;justify-content: space-around;margin: 0px 0px 0px auto;}

.common-table table.order-book-table {border: 0;}
.common-table table.order-book-table thead {display: none;}
.common-table table.order-book-table tr {display: block;}
.common-table table.order-book-table td {display: block;text-align: right;  font-size: 14px !important;  font-weight: normal !important;  padding: 8px 0.75rem;}
.common-table table.order-book-table td:before {content: attr(data-label);float:left;text-transform: capitalize;font-weight: 500;    color: var( --ancor-color);}
.common-table table.order-book-table tr { display: block;margin-bottom: 10px; float: left; }
.common-table .table.order-book-table tr {width: 100%;    box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%);}
.order-book-table {width: 100%;}
table.order-book-table td .currency-item{justify-content: end;}

.nav-pills .nav-link {font-size: 14px;    }
.top-row .card {margin: 0px 0px;}
.mobilehide{display: none;}
.tab-content .tab-pane {display: none;}
.tab-content .active {display: block;}
.mobtab{display: flex;}
.tradingview-widget-container {height: 70.5vh;}
.top-row .fade:not(.show){opacity: 0;}
.mob-wallet-hide{display: none;}
.mobile-all-tab{display: flex;   padding: 0px 5px; }
.mobile-all-tab li a{    padding: 6px 5px !important;    font-size: 14px !important;display: flex; align-items:center;}
.mobile-all-tab li a i{line-height: 0; margin-right: 7px; font-size: 16px;}
.bottom-row .collapse:not(.show) {display: none;}
.md-accordion.bottom-row  .rotate-icon {display: block;}
.waller-currency-icon .currency-info h4 {font-size: 16px;}
.openorder-box .card{margin-top: 0;    padding: 15px;}
.custome-radio{margin-top: 20px;}
.table-head span {font-size: 14px;}
.card .table-head h2 {font-size: 16px;}
.common-table .table-responsive {overflow: hidden;overflow: scroll;display: block;position: relative;will-change: scroll-position;height: calc(73vh - 100px);padding-top: 0px;margin-top: 0px;}
 
.all-currency{    height: calc(72vh - 100px);}
.wallet-body{ height: calc(72vh - 100px);}
.bottom-row tbody{    max-height: 385px;}
.displaylink-hidmob{display: none;}
.avl-balance{bottom: -8px;}
.mobilemarque{display: block;    background: #23fe91;}
.mobilemarque a{padding-top: 0 !important; color: #000; font-weight: bold;}
.wd-55 {
width: 100%;
 
}
 
.BuySell-head h3 {
font-size: 18px;
}
.BuySell-head p{font-size: 14px;}
.opnorder-bal {
text-align: center;
padding: 17px 10px;
border-radius: 25px;
}
section.openorder-box {
height: auto;
margin-top: 15px;
}
.opnorder-bal h5 {
font-size: 22px;
margin: 20px 0px;
}
.openorder-box .common-table .table-responsive {

padding-bottom: 50px;
}
 
body{background-image: none; background: #511374;}
.kyc-form{background-image: none;   margin-top: 0; padding-bottom: 00px; }
.nocv .modal-dialog {
    max-width: 95%;
    margin: 1.75rem auto;
}
.openorder-box .col-md-6 {
    width: 100%;
    max-width: 100%;
    flex: auto;
}
.login-box {max-width: 95%;     width: 95%;}
.login-head .logo {
     
    display: block;
    width: 80px;
     
    margin-bottom: 15px;
}
.admin-remark{margin-top: 0;}
.sale-list {
    padding-right: 0px;
    margin-bottom: 25px;
}
.border-sale:before{display: none;}
.forteen{ top: -44px;     left: -57px;}
.specialdeals .modal-content{padding: 50px 30px;}
.sale-head {
    margin-bottom: 25px;
}

.kyc-id-box{flex-direction: column;}
.kyc-document-list ul{display: flex; justify-content: space-between;align-items: center;}
.kyc-document-detail{width: 100%;}
.kyc-document-list {
    padding: 15px 15px 15px 15px;
   
}
}

@media screen and (max-width: 767px){
    .defauld-pd .col-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .option h3 {
        font-size: 16px;}
.defauld-pd .row{padding-right: 15px; padding-left: 15px;}
.tradingview-widget-container {
height: 65.5vh;
width: 98%;
margin: 0 auto;
}
.header-right {
    width: 65%;
}
.nav-pills.buysell-tab .nav-link {
    padding: 7px 10px;
    font-size: 14px;
}
 
.login-box .btn{font-size: 18px;    margin-top: 15px;}

.all-currency {
height: calc(63vh - 100px);
}
.all-currency ul{margin-bottom: 0;}
.bottom-row tbody{    
max-height: 250px;}
.wallet-body {
height: calc(69vh - 100px);
}
.common-table .table-responsive{    height: calc(70vh - 100px);}
.pop-icon {

width: 150px;

}
 
.qr-link .btn{top: 7px;    right: 7px;}
.qr-scanner .modal-body{padding: 1rem 0rem;}
/*kyc mobile css start*/
 
section.mt-25{margin-top: 0px;}
 
.kyc-form-body {        padding: 15px 15px 30px 15px;}
.kyc-icon{    width: 80px;
    height: 80px;    padding: 16px;}
    .reason-list-box ul li span {
        
        font-size: 14px;
    }
    .reason-head h4{font-size: 16px;}
    .count-dec-head h4{font-size: 14px;}
    .count-dec-head .form-control {
        font-size: 12px;
        height: 35px;
    }
    .search-country ion-icon {
       
        top: 18px;
        right: 18px;
        font-size: 16px;
    }
    .alpha-country ul li{font-size: 12px;}
    .alpha-head span{    width: 25px;
        height: 25px;font-size: 12px;}
        .country-order-list{    max-height: 358px;
            padding-bottom: 50px;}
        .countrypd-0{padding: 0px 0px 0px 0px;}
        .country-box{border-radius: 0px;    height: 70vh;}
        .alpha-country ul {
            margin-top: 10px;
            padding-left: 25px;
        }
        .id-body {
            max-height: 170px;}
        .id-head h2{font-size: 13px !important;}
.breadcrumb {border: none;border-bottom: 1px solid #25fd90; padding-bottom: 7px;    justify-content: center;}
 
.pl-0-pr-0{padding-right: 7px;padding-left: 7px;}
.progress {width: 95%; margin: 0 auto;     margin-top: 15px;
}
.brows-file {margin-top: 10px;display: flex;flex-wrap: wrap;}
.kyc-form .brows-file .uploadFile{margin-bottom: 10px;}
.body-head {margin-bottom: 15px;}
.kyc-form-body .form-group {margin-bottom: 15px;}
.kyc-form-body .form-group span a{font-size: 12px;}
.modal-confirm {color: #434e65;    width: auto;}  
.form-head h1 {font-size: 16px;}
.buy-sell-form .btn{font-size: 15px;     padding: 8px 10px;}
.form-head{    padding: 10px 15px;}
.kyc-form-body h2 {font-size: 15px;}
.kyc-form-body p{font-size: 12px;}
.card-radio .card h5{font-size: 15px;}
.card-radio .card img{width: 50px;}
.card-radio .card{width: 44%;}

.kyc-form-body label{font-size: 14px;    font-weight: 600;}
.cam-hed h3 {font-size: 12px;}
.uploadFile .btn{    font-size: 12px;    padding: 2px 4px;top: 7px;}
.card-radio h3 {font-size: 16px;}
.takephoto{    width: 125px;padding: 10px 10px;}
.form-head .help a{font-size: 13px;}
.kyc-form-body .form-group p{color: var(--color-700);      font-weight: 300;  font-size: 12px;}
.kyc-form-body .form-group p span b{color: var(--color-900);}
 
 
.uploadFile .filename {font-size: 12px;}
.login-box{z-index: 9;}
.iti-mobile .intl-tel-input.iti-container{left: 0 !important;}
 
.modelhead h2 {
font-size: 15px;
}
.modelhead ul li{font-size: 14px;}
/*kyc mobile css end*/
.Profile-body {
padding: 10px 10px;
}
.Profile-body .ststus-row{font-size: 14px;padding: 10px 0px;
}
.profile-pick {
width: 80px;
height: 80px;}
.edit{height: 30px;
width: 30px;}
.edit ion-icon{font-size: 18px;}



.security-status-box span {
display: block;
margin-bottom: 0;
}
.user-name h2 {
font-size: 18px;}
.bank-details {
width: 100%;    padding: 0px 15px; margin-top: 0px;}
.bank-details .detail-head{font-size: 14px;}
.main {
    padding: 10px 0px;
}
.inner-main-header h2{font-size: 16px;}
.BuySell-head p {
font-size: 12px;
}
.BuySell-head h3 {
font-size: 16px;
}
.history-btn .btn {
flex: auto;
margin: 0px 8px;
font-size: 12px;
padding: 8px 5px;
}
.history-btn {
    gap: 20px;
    padding: 15px 0px;
    margin-top: 10px;
}
 
.modal .modal-content .modal-body {padding: 20px 0px;}
.checkbox-new{flex-wrap: wrap;}
.login-box .tab-content {
    padding: 20px 20px 40px;
    max-height: 580px;
    overflow: scroll;
}
.Profile-body .btn {
    transform: inherit;
    
}
.opnorder-bal {  
    padding: 10px 10px;
     
}
.opnorder-bal h5 {
     
    margin: 7px 0px;
}
.kyc-form-body .uploadFile .btn {
    top: 7px;
    margin: 0px 0px;
    right: 7px;
}
.openorder-box .card {
    margin-top: 0;
    padding: 5px 0px;
}
.openorder-box .common-table .table-responsive {
    padding-bottom: 100px;
}
.tab-box {
    margin-bottom: 15px;
}
.or {
    position: initial;
  
    text-align: center;
    margin: 0 auto;
    display: block;
}
.linkedin-pd{padding-left: 10px; padding-right: 10px;}
.sale-head h2{font-size: 30px;}
.forteen {
    top: -52px;
    left: -39px;
}
.specialdeals .modal-content:before{    background-image: linear-gradient( 55deg , #500c76 55%, #2c7b80 77%, #30ccab 87%);}
.sale-listing ul li p {font-size: 18px;}
.specialdeals .modal-content {
    padding: 25px 30px;
}
.PrivateSale .modal-content .sale-head h2 {
    font-size: 20px; 
    margin-bottom: 20px !important;
}
.pre-sale-massage .sale-head h2 {
    font-size: 20px;}
.pre-sale-massage .sale-listing ul{    flex-direction: column;}
.pre-sale-massage .sale-listing ul li{width: 100%;}
.pre-sale-massage{padding: 30px 15px 80px 15px;}
.kyc-document-list ul{    flex-wrap: wrap;}
.kyc-document-list ul li{width: 50%; font-size:13px;   margin-bottom: 5px;}
.kyc-document-list ul li:last-child{width: 100%;}
.selfi-icon { width: 50px; height: 50px;}
.upload-doc a{ font-size: 14px; margin-bottom: 30px;}
.camra-icon-new ion-icon { font-size: 50px; }
.doc-det h4 {font-size: 14px;}
.selfie-photo-box {margin-bottom: 15px;}
.capture-btn{    margin: 10px 0px 15px 0px;}
.vendor-upload-qty-row .table {
    width: 800px;
}
.ec-vendor-upload-qty {
    margin-bottom: 20px;
    display: block;
}
.info-type {
    
    padding-left: 15px;
}
.paiding{padding: 0px 0px;}
.paiding .form-group{text-align: left;}
.paiding .form-group  .form-control{text-align: left; }
.euro-btn{    padding: 0px 0px;}
.all-waller-wrapper {
     flex-direction: column;
}
.waller-inner{    grid-template-columns: 1fr;}
.wallet-currency-balance span { 
    font-size: 12px;
}
.wallet-row{padding: 5px 15px;}
 .equiamount {
    text-align: center !important;
}
.equiamount label{    font-size: 18px;    margin-bottom: 0;}
 
}


@media screen and (max-width: 360px){}