/********************* computer ***********************/
@media (min-width: 981px) {
body, input, option, select, textarea, button{font-size: 16px} 
.slide_title, .head_title, .p_login_warning_icon {font-size: 25px}
.icon_title p, .features_title, .header_page, .icon_btn, .block_crypto_header .info p, .crypto_receive_header h3, .noti_main_icon {font-size: 20px}
.slide_des, .panel_login_right_title, .paste_otp, .block_crypto_balance, .block_wallet_balance strong {font-size: 18px}

footer, .paste_amount, .rule_checkbox:checked::after, .p_login_warning_text, .p_login_input_label, .p_transactions_table_row_right_type,
.p_transactions_table_row_date, .p_transactions_table_row_des, .block_crypto_header .info span, .crypto_receive_header span, .network-type, 
.crypto_receive_wallet_address, .noti_toast, .box_notification p{font-size: 14px}

.menu_mobile_btn, .footer_app {display: none}
.p_login_btn2 {margin: unset}
}
/********************* computer ***********************/


/********************* tablet *************************/
@media (min-width: 481px) and (max-width: 980px) {
body, input, option, select, textarea, button{font-size: 14px} 
.slide_title, .head_title, .icon_btn {font-size: 20px}
.icon_title p, .features_title {font-size: 18px}
.slide_des {font-size: 16px}
footer {font-size: 12px}
.menu, .btn_login, .p_login_left, .sidebar_wallet {display: none}
.footer_app{display:flex}
.logo {position: absolute;left: 10px}
.slide_title{line-height:2;padding:100px 20px 0 20px}
.slide_des {line-height: 2;padding: 30px 20px 0 20px}
.features {height: 150px}
.block_features, .block_security{grid-template-columns: repeat(2, 1fr)}
.i_about_block img, .modal_content {width: 50%;margin-top:0%}
.p_block_contact_us_screen_body {flex-direction: column}
.p_block_contact_us_screen_body_item.left {padding:30px;margin-bottom: 30px}
.p_block_contact_us_screen_body_title {margin-top:0;flex-direction: row}
.p_block_about_us {width: 90%;padding: 20px}
.accordion_box {padding-left:2px}
.p_login_right, .block_wallet_left {width: 100%}
.p_login_input_main, .p_login_btn1 {width: 60%}
#p_login_alert_copy {left: 50%;transform: translate(-50%, -50%)}
.p_login_btn2 {width: 30%}
#searchModal{width:40%;top:15%;right:30%}
.block_wallet_left {width: 100%;margin-right: unset;display:block}
.block_wallet_price{margin-bottom:70px}
.crypto-list {grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 12px}
.wallet_card {padding: 10px}
.wallet_card_header img {width: 35px;height: 35px}
.name .en, .label {font-size: 0.75rem} 
.noti_toast {bottom: 120px}
.paper {width: 70%}
}
/********************* tablet *************************/


/********************* mobile *************************/
@media (max-width: 480px) {
body, input, option, select, textarea, button{font-size: 13px} 
.slide_title, .head_title, .icon_btn {font-size: 16px}
.icon_title p, .features_title {font-size: 15px}
.slide_des {font-size: 14px}
footer, .paste_amount,  .box_notification {font-size: 12px}
.menu, .btn_login, .p_login_left, .i_about_block img, .sidebar_wallet {display: none}
.i_about_block_txt {display: block}
.logo {position: absolute;left: 10px}
.slide_title{line-height:2;padding:100px 20px 0 20px}
.slide_des {line-height: 2;padding: 30px 20px 0 20px;}
.slide_btn {padding: 5px 60px;margin: 40px auto 0 auto}
.features {height: 150px}
.block_features, .block_security{grid-template-columns: repeat(1, 1fr)}
.i_about_block_txt {width: 100%;margin-top:0%}
.p_block_contact_us_screen_body {flex-direction: column;padding: 30px}
.p_block_contact_us_screen_body_item.left {margin-bottom: 30px}
.p_block_contact_us_screen_body_title {margin-top:0;flex-direction: row}
.p_block_contact_us_screen_body_item {padding: 0}
.p_block_contact_us_screen_body button{width:50%}
.p_block_about_us {width: 90%;padding: 20px}
.accordion_box {padding-left:2px}
.p_login_right {width: 100%}
.p_login_input_main, .p_login_btn1 {width: 60%}
.p_login_rule{width:95%;font-size:11px}
.rule_checkbox {width: 30px;height: 30px}
.rule_checkbox:checked::after {font-size: 20px}
.p_login_btn2 {width: 45%}
#p_login_alert_copy {left: 50%;transform: translate(-50%, -50%)}
.p_login_warning_box {margin: 20px 20px}
.p_login_input_main.p2 {margin-top: 20%;width: 90%}
.block_wallet_left {width: 100%;margin-right: unset;display: block}
#searchModal{width:60%;top:15%;right:25%}
.block_wallet_price{margin-bottom:70px}
.crypto-list {grid-template-columns: 1fr}
.wallet_card {padding: 10px}
.wallet_card_header {flex-direction: row;align-items: center;gap: 10px}
.p_swap_block_input, .modal_content, .paper{width:80%}
.p_transactions_table_row {flex-direction: column;align-items: stretch;text-align: center}
.p_transactions_table_row_right {width: 100%;flex-direction: row;justify-content: center;gap: 10px}
.p_transactions_table_row_des {padding: 0}
.p_transactions_table_row_date {text-align: center;margin-top: 10px}
.block_crypto {margin: 20px;padding: 20px}
.block_crypto_header {align-items: flex-start}
.block_crypto_actions button {flex: 1 1 100%}
.block_crypto_prices_row {align-items: flex-start}
.block_crypto_prices_row span.value {margin-top: 4px}
.crypto_receive_qr img {width: 180px;height: 180px}
.noti_toast {bottom: 80px}
.paper {width: 90%}
.modal_setting_menu_item img {width: 24px;height: 24px;object-fit: contain}
.code {font-size: 4rem}
.title_404 {font-size: 1.5rem}
.desc_404 {font-size: 0.95rem}
.box_notification {width: auto;margin: 15px;padding: 14px 16px 14px 56px}
.box_notification::before {font-size: 90px;top: -10px;left: -10px}
.noti_main_icon {font-size: 18px;left: 16px}
}
/********************* mobile *************************/