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


@media (max-width: 1366px) {
/*---- dash ---*/
.user_card h3 { margin: 0 0 40px;}
.user_trans_card { padding: 26px 33px 26px;}
header .navbar-light .navbar-nav { margin: 0 0 0 38px; padding: 0 0 0 35px;}
.transaction_table{ font-size:12px;}

.lowrisk_block h3{ font-size:20px;}
ul.return_row li::after{ margin: 0 10px;}
.amount_form .amount_row .form_info{ width:270px;}
}


@media (max-width:1200px) {
/*---- dash ---*/
header .container-fluid { padding: 15px 20px 13px;}
header .navbar-light .navbar-nav .nav-link img{ width:26px;}
header .navbar-light .navbar-nav .nav-link{ font-size:14px; gap: 3px;}
header .navbar-light .navbar-nav .nav-item { margin: 0 20px 0 0;}
.opportunity_info{ margin-bottom:30px;}
.dash_wrapper .container-fluid{ padding:20px;}

.kyc_block { padding: 20px;}
.vblock_center{ gap: 20px;}
.edit_link { right: 20px; top: 20px;}
.kyc_block .details{ padding-left:20px;}
.vblock_center h3{ font-size:16px;}
.kyc_block .details p{ font-size:15px;}
}

/************ Main **************/
@media (max-width: 991px) {
.signup_form{ padding:30px 30px 40px 30px;}
.signup_form h2{ font-size:20px; margin-bottom:20px; padding-bottom:15px;}
.form_info .form-control, .form_info .form-select{ font-size:15px;}
.signup_right figure img{ max-height:200px;}
.tab_info .nav-tabs .nav-link{ margin:0 13px; font-size:14px;}
.tab_info .nav-tabs .nav-link:after{ width:8px; right:-17px;}
.form-check-inline{ margin-right:18px;}

/*---- dash ---*/
header .navbar-brand{ margin-right:auto; margin-left:10px;}
.navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; height: 33px; box-shadow:none !important;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color:#3a373a; height:3px; width:25px; margin-top:4px; margin-bottom:4px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);  transform: rotate(0deg); position: relative; left: 0;opacity: 1;}
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) { -webkit-transition: transform .35s ease-in-out; -moz-transition: transform .35s ease-in-out; -o-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) { position: absolute; left: 12px; top: 10px; -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg); opacity: 0.9;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px; visibility: hidden; background-color: transparent;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;} 

header .navbar-light .navbar-nav { margin: 0; padding: 0; border:none;}
header .navbar-light .navbar-collapse{ order: 5 !important;}
header .navbar-light .navbar-nav .nav-item { margin: 10px 0 0 0;}
header .navbar-light .navbar-nav .nav-link { padding: 8px 20px 8px 10px;}

.profile_sec .card { padding: 0 30px 15px 30px; margin: 83px 0 30px 0;}
.profile_sec .card.pass_sec { padding-top: 25px;}
.transaction_table table.dataTable td{ font-size:12px;}
.transaction_table table.dataTable td label.deposit, .transaction_table table.dataTable td label.withdrow{ font-size:11px;}

}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}

.signup_right figure img{ max-height:110px;}
.kyc_form{ min-height:inherit;}

/*---- dash ---*/
header .user > a span{ display:none;}

.price_card{ padding:30px;}
.price_card h3{ font-size:18px; line-height: normal;}
.price_card .price { font-size: 26px; line-height: normal;}
.price_card .price strong { font-size: 30px; line-height: normal;}
.user_card_main{ padding:20px 20px 0;}
.user_card{ padding:24px 30px;}
.user_card h3{ font-size:18px; margin-bottom:30px;}
.user_card span{ margin-bottom: 10px; font-size: 14px; line-height: normal;}
.user_card .price { font-size: 30px; line-height: normal;}
.user_trans_card { padding: 16px; gap: 20px; font-size: 16px; line-height: normal;}
.user_trans_card i { width: 50px; height: 50px;}
.opportunity_info{ padding:30px;}
.opportunity_info h3{ font-size:18px;}
.opportunity_info h2{ font-size:28px;}
.transaction_table .dataTables_length { padding: 0 15px 10px;}
.transaction_table .dataTables_filter { padding: 0 15px 10px;}
.transaction_table table.dataTable tr th:first-child, .transaction_table table.dataTable td:first-child{ padding-left: 15px;}
.transaction_table table.dataTable tr th:last-child, .transaction_table table.dataTable td:last-child{ padding-right: 25px;}
.transaction_table div.dataTables_wrapper div.dataTables_info { padding: 10px 15px 10px;}
.transaction_table div.dataTables_wrapper div.dataTables_paginate{ padding: 0 15px 15px;}

.kyc_block { padding: 15px;}
.edit_link { right: 15px; top: 15px; width: 34px; height: 34px; line-height: 32px;}
.edit_link img{ width:18px;}
.vblock_center{ gap:15px; padding-right: 40px;  align-items: flex-start; flex-direction: column;}
.vblock_center h3{ font-size:16px;}
.kyc_block .details{ padding:10px 0 0 0; border:none; min-height:inherit;}
.kyc_block .details p{ font-size:14px;}
}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.signup_form{ padding:30px;}
.tab_info .nav-tabs .nav-link{ margin:0 12px; font-size:13px; letter-spacing:normal;}
.tab_info .nav-tabs .nav-link:after{ width:8px; right:-16px;}

/*---- dash ---*/
.transaction_table table.dataTable tr th{ white-space:nowrap;}
.transaction_table .nav-tabs{ max-width: 310px;}
.transaction_table .nav-tabs .nav-link{ font-size:12px;}
.opportunity_info { padding: 20px;}
.opportunity_info h3 { font-size: 16px;}
.opportunity_info h2 { font-size: 26px;}
.user_card { padding: 15px 25px;}
.export_info { padding: 17px 15px 25px;}

.blue_card{ padding:20px;}
.lowrisk_block{ padding:20px;}
.lowrisk_block h3{ margin-bottom:10px;}
ul.return_row{ flex-direction:column; padding-bottom:0;}
ul.return_row li{ position:relative; padding-bottom:7px; margin-bottom:7px; display:flex; justify-content:space-between; }
ul.return_row li::after { width:100%; height:1px; position:absolute; bottom:0; left:0; margin:0;}
.amount_form .amount_row .form_info { grid-template-columns: auto; width: 100%; gap:5px;}
.amount_form .btns{ float:right;}

.profile_sec .card { padding: 0 20px 5px 20px;}
.profile_sec h2{ font-size:20px;}
.profile_sec .edit_link { right: 10px; top: 10px;}
.form_info label{ font-size:14px;}
.prof_image { margin: -58px auto 30px auto;}
}