/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1200px) {

    .transaction_filter .filter-button {
        font-size: 14px;
    }


}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {


    .dashboard_main aside {
        display: none;
    }

    .dashboard_main .dashboardRight_col {
        width: 100%;
    }

    .dbrmh_right>ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 0;
        gap: 10px;
        height: 100%;
    }

    .dashboardRightMain_header {
        background-color: #1B1D2D;
        padding: 0 12.5px;
    }

    .dbrmh_left .hamburger {
        margin-right: 15px;
    }

    .offcanvas {
        height: calc(100vh - 73px);
        transition: 0.8s;
        background-color: #1B1D2D;
        top: 73px;
        color: #fff;
        max-width: 278px;
    }

    .offcanvas .mobile_sidebar {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding-bottom: 20px;
    }

    .mobile_sidebar .dbrmh_right .dbrmhr_user {
        width: 100%;
    }

    .mobile_sidebar .dbrmh_right>ul {
        flex-direction: column;
    }

    .mobile_sidebar .dbrmh_right>ul>li {
        display: block;
        width: 100%;
        max-width: 250px;
    }

    .mobile_sidebar .dbrmh_right .dbrmhr_user {
        background-color: rgba(255, 255, 255, 0.03);
        color: #007FFF;
        width: 100%;
        padding: 20px;
        border-radius: 12px;
        padding-left: 20px;
        gap: 10px;
    }

    .dbrmh_right .dropdown-menu {
        width: 100%;
    }

    .dbrmh_right .dropdown-menu li a {
        color: #FFF;
        font-size: 16px;
        font-weight: 600;
        line-height: 112%;
        padding: 10px 22px;
        padding-left: 30px;
    }


    .walletBalanceChart_wrapper {
        padding-left: 20px;
    }

    .swapfooter_left ul li {
        font-size: 16px;
    }

    .swapfooter_middle h5 {
        font-size: 18px;
    }

    .transaction_filter .filter-button {
        font-size: 14px;
    }










}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (min-width: 576px) and (max-width: 767px) {


    .dashboard_main aside {
        display: none;
    }

    .dashboard_main .dashboardRight_col {
        width: 100%;
    }

    .dbrmh_right>ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 0;
        gap: 10px;
        height: 100%;
    }

    .dashboardRightMain_header {
        background-color: #1B1D2D;
        padding: 0 12.5px;
    }

    .dbrmh_left .hamburger {
        margin-right: 15px;
    }

    .offcanvas {
        height: calc(100vh - 73px);
        transition: 0.8s;
        background-color: #1B1D2D;
        top: 73px;
        color: #fff;
        max-width: 278px;
    }

    .offcanvas .mobile_sidebar {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding-bottom: 20px;
    }

    .mobile_sidebar .dbrmh_right .dbrmhr_user {
        width: 100%;
    }

    .mobile_sidebar .dbrmh_right>ul {
        flex-direction: column;
    }

    .mobile_sidebar .dbrmh_right>ul>li {
        display: block;
        width: 100%;
        max-width: 250px;
    }

    .mobile_sidebar .dbrmh_right .dbrmhr_user {
        background-color: rgba(255, 255, 255, 0.03);
        color: #007FFF;
        width: 100%;
        padding: 20px;
        border-radius: 12px;
        padding-left: 20px;
        gap: 10px;
    }

    .dbrmh_right .dropdown-menu {
        width: 100%;
    }

    .dbrmh_right .dropdown-menu li a {
        color: #FFF;
        font-size: 16px;
        font-weight: 600;
        line-height: 112%;
        padding: 10px 22px;
        padding-left: 30px;
    }


    .walletBalanceChart_wrapper {
        padding: 10px;
        border-radius: 10px;
        background: #1C1F30;
        height: 100%;
    }

    .dashboardRightMain_body {
        padding: 0;
    }

    .coinAssetTable_wrapper {
        padding: 0 8px;
    }

    .transaction_body_wrapper {
        padding: 0 12px;
    }


    .walletSelectionCard_wrapper {
        display: flex;
        gap: 10px;
    }

    .onboarding_wrapper.createAnAccount>a.caaBackBtn {
        position: absolute;
        top: 20px;
        left: 20px;
    }





    .swapfooter_left ul li {
        font-size: 16px;
    }

    .swapfooter_middle h5 {
        font-size: 18px;
    }

    .swapbodyCard_wrapper .col-lg-5 {
        width: 100%;
    }

    .swapbodyCard_wrapper .col-lg-2 {
        width: 100%;
    }

    .swapbodyCard_wrapper .swap_btn button {
        margin: 20px auto;
    }

    .exchange_btn>button {
        margin-top: 20px;
    }

    .settingsMain_header>ul li a {
        font-size: 16px;
    }

    .settingsMain_header>ul {
        width: 100%;
        max-width: 450px;
    }

}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 575px) {


    .dashboard_main aside {
        display: none;
    }

    .dashboard_main .dashboardRight_col {
        width: 100%;
    }

    .dbrmh_right>ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 0;
        gap: 10px;
        height: 100%;
    }

    .dashboardRightMain_header {
        background-color: #1B1D2D;
        padding: 0 12.5px;
    }

    .dbrmh_left .hamburger {
        margin-right: 15px;
    }

    .offcanvas {
        height: calc(100vh - 47px);
        transition: 0.8s;
        background-color: #1B1D2D;
        top: 47px;
        color: #fff;
        max-width: 202px;
    }

    .offcanvas .mobile_sidebar {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding-bottom: 10px;
    }

    .mobile_sidebar .dbrmh_right .dbrmhr_user {
        width: 100%;
    }

    .mobile_sidebar .dbrmh_right>ul {
        flex-direction: column;
    }

    .mobile_sidebar .dbrmh_right>ul>li {
        display: block;
        width: 100%;
        max-width: 180px;
    }

    .mobile_sidebar .dbrmh_right .dbrmhr_user {
        background-color: rgba(255, 255, 255, 0.03);
        color: #007FFF;
        width: 100%;
        padding: 15px;
        border-radius: 12px;
        padding-left: 20px;
        gap: 10px;
    }

    .dbrmh_right .dropdown-menu li a {
        color: #FFF;
        font-size: 13px;
        font-weight: 600;
        line-height: 112%;
        padding: 8px 22px;
    }

    .dbrmh_right .dropdown-menu {
        width: 100%;
    }

    .dashboardRightMain_header .dbrmh_left ul {
        display: flex;
        align-items: center;
        gap: 3px;
        padding: 5px 15px;
    }

    .dashboardRightMain_header .dbrmh_left ul li img.logo {
        width: 35px;
    }

    .dashboardRightMain_header .dbrmh_left ul li h6.name {
        font-size: 14px;
    }

    .dashboardRightMain_header .dbrmh_left ul li h5.balance {
        font-size: 14px;
    }

    .hamburger .line {
        width: 40px;
        height: 5px;
        background-color: #ecf0f1;
        display: block;
        margin: 8px auto;
    }

    .sideMenu_content ul li a {
        color: #6A7785;
        font-size: 12px;
        font-weight: 500;
        line-height: 112%;
        padding: 15px 25px;
        display: flex;
        align-items: center;
        gap: 11px;
    }

    .sideMenu_content ul li a i {
        font-size: 18px;
        width: 18px;
    }


    .walletBalanceChart_wrapper {
        padding: 10px;
        padding-left: 0;
        border-radius: 10px;
        background: #1C1F30;
        height: 100%;
    }

    .dashboardRightMain_body {
        padding: 0;
    }

    .coinAssetTable_wrapper {
        padding: 0 8px;
    }

    .walletSummary_wrapper canvas {
        width: 100%;
        max-width: 200px;
    }

    .walletBalanceChart_title>h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .walletBalanceChart_title>h3 {
        color: #FFF;
        font-size: 28px;
    }

    #apex-chart {
        margin-top: 10px;
    }

    .walletBalanceChart_title {
        padding-left: 10px;
    }

    .coinAssetTable_header>h3.title {
        color: #FFF;
        font-size: 14px;
        font-weight: 400;
        line-height: 112%;
        width: 95px;
    }

    .coinAssetTable_header>input[type="search"] {
        width: calc(100% - 186px);
    }


    .newAccount_popup_wrapper {
        border-radius: 20px;
        background: #1C1F30;
        box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.45);
        color: #fff;
        padding: 40px 15px;
    }






    .transaction_body_wrapper {
        padding: 0 12px;
    }

    .noTransaction_content>p {
        font-size: 16px;
        line-height: 200%;
        text-align: center;
    }

    .noTransaction_content>img {
        width: 100%;
        max-width: 120px;
        display: block;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .noTransaction_content {
        padding-top: 50px;
    }

    .transaction_title {
        padding-top: 50px;
        padding-bottom: 15px;
        border-bottom: 2px solid #2A273F;
    }

    .transaction_title>h3 {
        font-size: 20px;
        font-weight: 500;
        line-height: 112%;
    }

    .transaction_title.newsAndBalance {
        display: flex;
        align-items: center;
        gap: 50px;
    }

    .transaction_title.newsAndBalance>h3 {
        color: #767386;
        font-size: 18px;
    }

    .walletSelectionCard_wrapper {
        display: flex;
        gap: 10px;
    }

    .onboarding_wrapper.createAnAccount>a.caaBackBtn {
        position: absolute;
        top: 12px;
        left: 13px;
        font-size: 16px;
        padding: 5px 10px;
        width: 80px;
        background-color: #242239;
    }

    .onboarding_wrapper.createAnAccount>a.caaBackBtn img {
        width: 8px;
    }

    .walletSelection_Card {
        padding: 16px 23px;
        padding-top: 43px;
        border-radius: 20px;
        background: #1B182E;
        width: 100%;
        max-width: 203px;
        min-height: 240px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
        transition: 0.3s;
        position: relative;
        z-index: 2;
    }

    .walletSelection_Card>img {
        width: 100%;
        max-width: 55px;
        display: block;
        margin: 0 auto;
    }

    .walletSelectionCard_content>h3 {
        color: #FFF;
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        line-height: 112%;
        margin-bottom: 15px;
    }

    .walletSelectionCard_content>p {
        color: #7367B6;
        text-align: center;
        font-size: 13px;
        font-weight: 400;
        line-height: 112%;
    }

    .createAnAccount_card {
        border-radius: 20px;
        background: #1B182E;
        padding: 35px 16px;
        width: 100%;
        min-height: 550px;
        max-width: 500px;
        color: #fff;
    }

    .createAnAccount_header {
        min-height: 110px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 30px;
    }

    .createAnAccount_card {
        border-radius: 20px;
        background: #1B182E;
        padding: 35px 16px;
        width: 100%;
        min-height: 350px;
        max-width: 350px;
        color: #fff;
    }

    .createAnAccount_header {
        min-height: 110px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0px;
    }

    .onboarding_wrapper {
        padding-bottom: 20px;
    }

    .walletPinSet_card {
        width: 100%;
        max-width: 350px;
        border-radius: 20px;
        background: #1B182E;
        padding: 45px 20px;
        margin-bottom: 35px;
        margin-top: 20px;
    }

    .walletSelection_Card.wordSeed {
        justify-content: center;
        padding: 0 20px;
        padding-top: 30px;
        padding-bottom: 40px;
        height: auto;
    }

    .wordSeed_item h4 {
        color: #007FFF;
        text-align: center;
        font-size: 40px;
        font-weight: 700;
        line-height: 112%;
    }

    .onboarding_wrapper {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .myWallet_sidebar {
        display: none;
    }

    .myWallet_body {
        width: 100%;
    }

    .sendPopup1 .newAccount_popup_wrapper {
        padding: 35px 18px;
    }

    .coinAssetTable_wrapper>button.tableAddAsstes {
        width: 100%;
    }








    .swapfooter_left ul li {
        font-size: 16px;
    }

    .swapfooter_middle h5 {
        font-size: 18px;
    }

    .swapbodyCard_wrapper .col-lg-5 {
        width: 100%;
    }

    .swapbodyCard_wrapper .col-lg-2 {
        width: 100%;
    }

    .swapbodyCard_wrapper .swap_btn button {
        margin: 20px auto;
    }

    .exchange_btn>button {
        margin-top: 20px;
        max-width: 180px;
        min-height: 55px;
        color: #FFF;
        font-size: 20px;
    }

    .swapbodyCard_wrapper {
        padding: 25px 12.5px;
    }

    .swapHeader_link {
        padding-left: 12.5px;
        gap: 25px;
    }


    .transaction_filter {
        width: 100%;
        max-width: 180px;
        margin-left: auto;
    }



    .settingsMain_header>ul li a {
        font-size: 14px;
        padding: 0;
    }

    .settingsMain_header>ul {
        width: 100%;
        max-width: 450px;
        gap: 20px;
        row-gap: 10px;
        justify-content: start;
    }

    .settingsMain_header {
        padding: 15px;
    }

    .settingsFaq_wrapper>button {
        min-height: 55px;
    }

    .settingsFaq_wrapper {
        min-height: 300px;
    }

    .settingsBackupSeed_body .seedPhraseProcess_title p {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .swapfooter_middle h5 {
        margin-bottom: 20px;
        text-align: center;
    }

    .swapfooter_left ul {
        justify-content: center;
        margin: 0 auto;
    }

    .transaction_header .col-sm-7 {
        width: 100%;
        border: 2;
    }

    .transaction_header .col-sm-5 {
        width: 100%;
        order: 1;
    }

}