@media screen and (max-width: 1670px) {
    #navBar {
        font-size: 17px;
    }
}

/* Icon arrow */
@media screen and (min-width: 1500px) and (max-width: 1800px) {
    .arrow-right {
        text-align: center;
    }
}

@media screen and (max-width: 1500px) {
    .pagination-transfer,
    .main-footer.main-footer-pagination,
    .main-footer {
        margin-top: 1rem;
    }
}

/* Media */
@media screen and (max-width: 1400px) {
    .header__right {
        flex-direction: column;
    }
    .form-toggle {
        margin-left: 0;
        width: 100%;
    }
    .fruits-nav .nav-item {
        height: auto;
    }
    .fruits-nav .nav-item:not(:first-child) {
        padding-left: 0;
    }
    .search-form-custom .search-form-input {
        padding-left: 6px !important;
    }
}

@media screen and (max-width: 1200px) {
    .navbar-nav .dropdown-menu {
        width: max-content;
        position: absolute;
    }
    .fruits-nav .nav-item {
        justify-content: flex-end;
    }
    .fruits-nav .navbar-nav {
        margin-right: 0px;
    }
    .header__right {
        flex-direction: row;
    }
    .form-toggle {
        width: 100%;
        order: 3;
        margin-bottom: 10px;
    }
    /* .fruits-name {
        order: 1;
    } */
    /* .navbar-toggler {
        order: 2;
    } */
    .navbar-order {
        order: 4;
    }
    .fruits-nav-main {
        min-height: 120px;
    }
    .main-section, .network_chat {
        padding-top: 40px;
    }
    .asset_detail {
        flex-direction: column;
    }
    .main-account__left {
        margin-right: -15px;
    }
    .main-account__right {
        margin-left: -15px;
        margin-top: 10px;
    }
    .inspect-title {
        margin-top: 0;
    }
    .homepage__border-768 {
        border-bottom: none;
    }
    .container-wrapper {
        padding-top: 60px;
    }

    .network_status, .network_notification_system, .block_inspect, .transaction_detail {
        padding-top: 40px;
    }

    .network_status_wrapper, .network_chat_wrapper, .network_notification_system, .main-section {
        min-height: calc(100vh - 450px);
    }

    .network_notification_system {
        display: flex;
        align-items: center;
        min-height: 100%;
    }

    .network_notification_images {
        display: flex;
        flex-direction: column;
    }

    .network_notification_images img {
        width: 100%;
    }

    .network_notification_image {
        display: none;
    }

    .header-wrapper {
        min-height: 70px;
    }

    .fruits-name {
        height: 60px;
    }
}

@media screen and (max-width: 992px) {
    .homepage__content {
        margin-top: -50px;
    }
}

@media screen and (max-width: 940px) {
    /* .nav-item {
        width: 200px;
    } */
    .nav-tabs .nav-item {
        width: unset;
    }
    /* ul.navbar-nav {
        align-items: center;
    } */
    .footer .navbar-nav {
        flex-direction: column;
    }
    .footer .navbar-nav .nav-item .nav-link {
        text-align: right !important;
        justify-content: end !important;
    }
    .homepage__content {
        margin-top: -50px;
    }
    .navbar-footer {
        margin-top: 0px;
    }
    .dropdown-custom {
        left: -44px !important;
    }
    .dropdown-res {
        top: -180px;
    }
    .footer .footer-main {
        align-items: unset;
    }
    .footer .footer-main .nav-link-mobile {
        padding-top: 0;
    }
    .copy-right {
        position: relative;
        top: 50px;
    }
    .footer__right {
        position: relative;
        z-index: 100;
    }
    .navbar-nav {
        /* display: block; */
        margin-right: 0 !important;
    }
    .footer .footer__right .nav-item {
        width: unset;
        text-align: right;
    }
    .nav-pills .nav-item {
        width: unset;
    }
    .homepage__banner {
        height: 490px;
    }
}

@media screen and (max-width: 768px) {
    .homepage__border-768 {
        border-bottom: 2px solid #afacac;
    }
    
    /* .network_chat_wrapper {
        padding-top: 80px;
    } */

    #chart_div, #piechart1, #piechart2 {
        height: 600px !important;
    }

    #chart_div.chart_line {
        height: 700px !important;
    }
}

@media screen and (max-width: 575.9px) {
    .container {
        max-width: 100%;
    }
    /* .container-wrapper {
        padding-top: 153px;
    } */
    .homepage__title {
        margin-top: 30px;
        margin-bottom: 16px;
        font-size: 20px;
    }
    .search-form {
        width: 100%;
        height: 36px;
        margin-bottom: 22px;
    }
    .search-form input::placeholder {
        font-size: 11px;
    }
    .homepage__desc {
        font-size: 14px;
    }
    .image_banner {
        margin-top: 0;
        margin-left: 0;
    }
    .homepage__banner {
        height: 490px;
    }
    .footer .navbar-nav {
        flex-direction: column;
    }
    .navbar-footer {
        margin-top: -10px;
    }
    .footer .footer-main {
        align-items: unset;
        position: relative;
    }
    .footer .navbar-nav .nav-item .nav-link {
        text-align: right !important;
        justify-content: end !important;
    }
    .footer__right {
        position: relative;
        z-index: 100;
    }
    .dropdown-custom {
        left: -56px !important;
        width: max-content;
    }
    .footer .footer__right .nav-item {
        width: unset;
        text-align: right;
    }
    .footer .navbar-nav .nav-item {
        margin-left: 20px !important;
    }
    .dropdown-res {
        top: -180px;
    }
    .footer__left h5,
    .copy-right {
        font-size: 18px !important;
        font-weight: normal;
    }
    .footer__left ul li a i {
        font-size: 29px;
    }
    .footer__left img {
        position: absolute;
        top: 8px;
        z-index: 10;
        width: 145px;
        height: 146px;
        left: 3px;
        opacity: 0.4;
    }
    .navbar-dark .navbar-nav .nav-link,
    .footer .nav-link {
        font-size: 17px;
        margin-left: -6px;
    }
    .homepage__box {
        height: 96px;
    }
    .network_notification_system {
        padding-top: 100px;
    }
    .block_item, .homepage__box {
        margin: 0 16px;
    }
}

@media screen and (min-width: 576px) {
    .container {
        max-width: 90% !important;
    }
    /* .container-wrapper {
        padding-top: 153px;
    } */
    .homepage__title {
        margin-top: 30px;
        margin-bottom: 16px;
        font-size: 20px;
    }
    .search-form {
        width: 100%;
        height: 50px;
        margin-bottom: 22px;
    }
    .search-form input::placeholder {
        font-size: 11px;
    }
    .homepage__desc {
        font-size: 14px;
    }
    .image_banner {
        margin-top: 0;
        margin-left: 0;
    }
    .homepage__banner {
        height: 490px;
    }
    .footer__left h5,
    .copy-right {
        font-size: 18px !important;
        font-weight: normal;
    }
    .footer__left ul li a i {
        font-size: 29px;
    }
    .footer__left img {
        position: absolute;
        top: 8px;
        z-index: 10;
        width: 145px;
        height: 146px;
        left: 3px;
        opacity: 0.4;
    }
    .navbar-dark .navbar-nav .nav-link,
    .footer .nav-link {
        font-size: 17px;
        margin-left: -6px;
    }
    .homepage__box {
        height: 96px;
    }
    .homepage__main {
        margin-top: 32px;
    }
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 992px) {
    .homepage__title {
        font-size: 20px;
        margin-bottom: 16px;
        margin-top: 64px;
    }
    .search-form {
        width: 90%;
        height: 50px;
        margin-bottom: 22px;
    }
    .homepage__desc {
        font-size: 14px;
        width: 90%;
    }
    .homepage__banner {
        height: 320px;
    }
    .image_banner {
        width: 320px;
        margin-top: 34px;
        margin-left: 0;
    }
    .homepage__box {
        height: 108px;
        margin: 0 25px;
    }
    .homepage__box img {
        margin-bottom: 4px;
    }
    .homepage__box img,
    .homepage__box i {
        font-size: 30px;
        margin-right: 24px;
    }
    .homepage__summary-info h6 {
        margin-bottom: 4px;
        font-size: 14.5px;
    }
    .homepage__button {
        padding: 12px;
    }
    .footer__left h5,
    .copy-right {
        font-size: 18px !important;
        font-weight: normal;
    }
    .footer__left ul li a i {
        font-size: 29px;
    }
    .footer__left img {
        position: absolute;
        top: 8px;
        z-index: 10;
        width: 145px;
        height: 146px;
        left: 3px;
        opacity: 0.4;
    }
    .navbar-dark .navbar-nav .nav-link,
    .footer .nav-link {
        font-size: 17px;
        margin-left: -6px;
    }
    .fruits-name__desc {
        font-size: 6px;
    }
}

@media screen and (min-width: 1200px) {
    .homepage__title {
        font-size: 20px;
        margin-bottom: 16px;
        margin-top: 64px;
    }
    .search-form {
        width: 610px;
        height: 50px;
        margin-bottom: 22px;
    }
    .homepage__desc {
        font-size: 14px;
    }
    .homepage__banner {
        height: 320px;
    }
    .image_banner {
        width: 320px;
        margin-top: 34px;
        margin-left: 0;
    }
    .homepage__box {
        height: 108px;
        margin: 0 25px;
    }
    .homepage__box img {
        margin-bottom: 4px;
    }
    .homepage__box img,
    .homepage__box i {
        font-size: 30px;
        margin-right: 24px;
    }
    .homepage__summary-info h6 {
        margin-bottom: 4px;
        font-size: 14.5px;
    }
    .homepage__button {
        padding: 12px;
    }
    .footer__left h5,
    .copy-right {
        font-size: 18px !important;
        font-weight: normal;
    }
    .footer__left ul li a i {
        font-size: 29px;
    }
    .footer__left img {
        position: absolute;
        top: 8px;
        z-index: 10;
        width: 145px;
        height: 146px;
        left: 3px;
        opacity: 0.4;
    }
    .navbar-dark .navbar-nav .nav-link,
    .footer .nav-link {
        font-size: 17px;
        margin-left: -6px;
    }
    .fruits-name__desc {
        font-size: 6px;
    }
    .homepage__border-1200 {
        border-bottom: none;
    }
}

@media screen and (min-width: 1400px) {
    .container {
        max-width: 1372px !important;
    }
    .fruits-name {
        height: 96px;
    }
    .fruits-nav {
        height: 120px;
    }
    .container-wrapper {
        padding-top: 121;
    }
    .navbar-brand img {
        height: 40px !important;
    }
    .navbar-dark .navbar-nav .nav-link,
    .footer .nav-link {
        font-size: 17px;
        margin-left: -6px;
    }
    .fruits-name__desc {
        font-size: 6px;
    }
    .homepage__banner {
        height: 320px;
    }
    .homepage__title {
        font-size: 20px;
        margin-top: 64px;
        margin-bottom: 16px;
    }
    .search-form {
        width: 690px;
        height: 50px;
        margin-bottom: 22px;
    }
    .homepage__desc {
        font-size: 14px;
    }
    .image_banner {
        width: 320px;
        margin-top: 36px;
        margin-left: 70px;
    }
    .homepage__content {
        margin-top: -74px;
    }
    .homepage__box {
        height: 108px;
        margin: 0 25px;
    }
    .homepage__box img {
        margin-bottom: 4px;
    }
    .homepage__box img,
    .homepage__box i {
        font-size: 30px;
        margin-right: 24px;
    }
    .homepage__summary-info h6 {
        margin-bottom: 4px;
        font-size: 14.5px;
    }
    .block_item__height a.primary {
        font-size: 14px !important;
    }
    .block_item__left .tooltip {
        font-size: 14px;
    }
    .block_item__top small,
    .block_item__pool {
        font-size: 12.5px;
        display: inline-block;
        color: var(--text-color);
    }
    .block_item__top div a.primary,
    .block_item__center div a.primary,
    a.primary {
        font-size: 14px;
        line-height: 1;
        color: var(--primary);
        letter-spacing: 0.3;
    }
    .block_item__right {
        margin-bottom: 0;
    }
    .homepage__button {
        padding: 12px;
    }
    .footer__left h5,
    .copy-right {
        font-size: 18px !important;
        font-weight: normal;
    }
    .footer__left ul li a i {
        font-size: 29px;
    }
    .footer__left img {
        position: absolute;
        top: 8px;
        z-index: 10;
        width: 145px;
        height: 146px;
        left: 3px;
        opacity: 0.4;
    }
}

@media screen and (min-width: 1800px) {
    .container {
        max-width: 1710px !important;
    }
    .fruits-nav {
        height: 120px;
    }
    .navbar-brand img {
        height: 52px !important;
    }
    .navbar-dark .navbar-nav .nav-link,
    .footer .nav-link {
        font-size: 21px;
    }
    .fruits-nav .nav-item {
        margin-left: 17px;
    }
    .homepage__banner {
        height: 424px;
    }
    .homepage__title {
        font-size: 24px;
        margin-top: 103px;
        margin-bottom: 22px;
    }
    .search-form {
        width: 860px;
        height: 50px;
        margin-bottom: 26px;
    }
    .search-form input::placeholder {
        font-size: 14px;
    }
    .homepage__desc {
        font-size: 18px;
    }
    .image_banner {
        width: 400px;
        margin-top: 70px;
        margin-left: 70px;
    }
    .homepage__content {
        margin-top: -92px;
    }
    .homepage__box {
        height: 132px;
        margin: 0px 30px;
    }
    .homepage__box img,
    .homepage__box i {
        width: 45px !important;
        margin-right: 32px;
    }
    .homepage__summary-info h6 {
        margin-bottom: 8px;
        font-size: 18px;
    }
    .homepage__summary-info p {
        font-size: 20px;
    }
    .homepage__summary-info span {
        font-size: 20px;
    }
    .homepage__blocks-header h6 {
        font-size: 21px;
    }
    .homepage__blocks-header img {
        width: 30px !important;
    }
    .block_item__height a.primary {
        font-size: 17px !important;
    }
    .block_item__left .tooltip {
        font-size: 16px;
    }
    .block_item__top small,
    .block_item__pool {
        font-size: 14.5px;
    }
    .block_item__top div a.primary,
    .block_item__center div a.primary,
    a.primary {
        font-size: 17px;
        line-height: 1;
        color: var(--primary);
        letter-spacing: 0.3;
    }
    .block_item {
        height: 124px;
        margin: 0 28px;
        border-bottom: 2px solid #afacac;
    }
    .block_item__top {
        margin-bottom: 4px;
    }
    .block_item__right a.primary {
        font-size: 16px;
        color: var(--primary);
    }
    .block_item__right div small {
        color: var(--text-color);
        font-size: 15px;
        line-height: 1.2;
    }
    .block_item__right-count {
        font-size: 15px;
        margin-bottom: 4px;
    }
    .homepage__button {
        background-color: #fdf0e6;
        color: var(--primary);
        display: block;
        padding: 15px;
        border-radius: 10px;
        font-size: 21px;
    }
    .main-section {
        /* margin-top: -20px; */
    }
    .page-title {
        font-size: 21px;
        color: var(--text-color);
        /* margin-bottom: 48px; */
        /* margin-top: 4px; */
    }

    .table-header-text {
        color: var(--text-secondary);
        font-size: 18px;
        padding: 12px 0;
    }
    .main-section a.primary {
        font-size: 17px;
    }
    .text-normal {
        font-size: 16px;
    }
    .text-secondary {
        font-size: 17px;
        color: var(--text-secondary) !important;
        min-height: 17px;
        display: inline-block;
    }
    .main-section .table thead tr th {
        font-size: 21px;
    }
    /* .table td,
    .table th {
        border-bottom: 2px solid #e9e6e6 !important;
    } */
    .text-primary {
        font-size: 16px;
    }
    .table-size {
        font-size: 18px !important;
    }
    .account-tabs .account-tabs__header li a {
        font-size: 18px;
        margin: 0px 22px;
    }
    /* .main-header {
        padding-left: 30px;
    } */
    .column-table-normal {
        font-size: 18px;
    }
    .page-title-mt {
        margin-top: -16px;
    }
    .nav-tabs .nav-item {
        font-size: 18px;
    }
    .form-toggle {
        width: 500px;
    }
    .search-form-custom .search-form-input, .search-form-custom .search-form__button {
        height: 50px;
        font-size: 18px !important;
    }
    .homepage__border-1200 {
        border: none !important;
    }
    .homepage__main {
        margin-top: 40px;
    }
    /* .block_item__center {
        display: flex;
        flex-direction: column;
        justify-content: center;
    } */
    .block_item__center div a.primary {
        margin-top: 2px;
        display: inline-block;
    }
    .transaction_item-update .block_item .block_item__top small {
        margin-top: 2px;
    }
}