@media screen and (max-width: 479px) {
    .header-logo img {
        max-width: 110px;
    }
    .header-nav-menu ul {
        top: 54px !important;
    }
    .notification-dropdown::before,
    .profile-dropdown::before,
    .wallet-language-box .dropdown-menu::before {
        left: 62%;
    }
    .wallet-top-header-right .notification-box-area .notification-box {
        position: relative;
        margin-right: 10px;
        margin-top: 4px;
    }
    .wallet-language-box .dropdown .select {
        font-size: 0px;
    }
    .wallet-top-header-right {
        right: 50px !important;
        top: 10px !important;
        width: 40%;
    }
    .wallet-top-header-box.user-top-detail {
        margin-left: 0;
        width: auto;
    }
    .wallet-top-header-right .notification-box-area {
        margin: 0px 8px;
    }
    .wallet-language-box {
        margin: 6px 0px 0px;
    }
    .wallet-top-header-right .notification-box-area .notification-box>i {
        margin-top: 6px;
    }
    .wallet-top-header-right .notification-box-area .notification-box .notification-active {
        top: 2px;
        right: -8px;
    }
    .header-nav-menu .menu-responsive {
        top: 16px !important;
    }
    .wallet-top-header-box .header-wallet-ico img {
        position: relative;
        top: 0;
    }
    .notification-dropdown {
        top: 0;
        transform: none;
        right: -100px;
        left: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
    .wallet-language-box .dropdown-menu {
        top: 39px;
        left: -88px;
    }
    .wallet-top-header-box.user-top-detail ul {
        margin: 0px !important;
        top: 41px !important;
        right: -30px !important;
    }
    .wallet-top-header-right .header-wallet-ico {
        position: static;
    }
    .wallet-top-header-box {
        width: auto;
        float: none;
        margin-left: 0px;
        margin-bottom: 5px;
        /* padding-left: 0; */
    }
    .wallet-top-header-box:last-child {
        margin-bottom: 0px;
    }
    .wallet-balance-box .wallet-balance-amount,
    .wallet-transaction-box .wallet-transaction-balance {
        float: none;
        display: inline-block;
        width: 100%;
    }
    .wallet-balance-box .wallet-balance-amount {
        margin-top: 10px;
    }
    .wallet-balance-box .wallet-balance-amount .btn {
        width: 100%;
    }
    .withdraw-detail .wallet-balance-amount {
        display: flex;
        flex-wrap: wrap;
    }
    .wallet-balance-box .wallet-balance-amount h3,
    .wallet-transaction-box .wallet-transaction-balance {
        margin-top: 8px;
    }
    .wallet-box-main {
        padding: 0px;
    }
    .wallet-chart {
        padding: 0px 15px;
    }
    .wallet-bradcrumb,
    .wallet-top-header {
        padding: 10px 15px;
    }
    .tranfer-coin-box {
        padding: 0px 0px;
    }
    .tranfer-coin-box>.row {
        margin: 0;
    }
    .transfer-coin-input .dropdown,
    .transfer-coin-input .input-two .input-two-box {
        width: 100%;
        margin: 0px 0px;
    }
    .transfer-coin-input .input-two>i,
    .transfer-coin-input.transfer-coin-select>i {
        position: static;
        transform: none;
        display: inline-block;
        text-align: center;
        padding: 18px 0px;
        width: 100%;
    }
    .transfer-coin-input.transfer-coin-select,
    .transfer-coin-input .input-two {
        margin: 0px 0px 20px;
    }
    .transfer-coin-content-box {
        padding: 30px 15px;
    }
    .profile-page-area {
        padding: 0px 15px;
    }
    .editprofile-images {
        margin-bottom: 15px;
    }
    .profile-page-area-main .profile-information,
    .profile-page-area-main .profile-information-right {
        display: block;
        width: 100%;
        padding: 0px;
    }
    .profile-information-box .theme-input-box {
        width: 100%;
        margin: 0px 0px 20px;
    }
    .profile-information-box .profile-btn {
        padding-left: 0px;
    }
    .wallet-transaction-box .wallet-transaction-inner>div {
        width: 100% !important;
        text-align: left !important;
        margin-bottom: 14px;
    }
    .wallet-transaction-box .wallet-transaction-inner>div:last-child {
        margin: 0px;
    }
    .wallet-transaction-box .wallet-trx-id {
        margin-bottom: 20px;
    }
    .wallet-bradcrumb .new-wallet-btn {
        position: static;
        margin-top: 20px;
    }
    .transfer-coin-btn a {
        margin-bottom: 16px;
    }
    .transfer-coin-btn a:last-child {
        margin-bottom: 0px;
    }
    .wallet-bradcrumb .theme-color-swith {
        right: 5px !important;
    }
    .wallet-bradcrumb .transaction-coin-filter {
        width: 100%;
        position: static;
        margin-top: 15px;
        margin-bottom: -6px;
    }
    .wallet-top-header-box .dropdown-menu {
        margin: 0px !important;
        top: 39px !important;
        right: -42px !important;
    }
    .landing .header-logo img {
        max-width: 100px;
    }
    .landing .best-wallet-content .mobile-app-box>a>img {
        max-width: 115px;
    }
}

@media screen and (max-width: 767px) and (min-width: 480px) {
    .wallet-language-box .dropdown-menu {
        top: 38px;
    }
    .notification-dropdown {
        left: 0px;
        top: 50px;
    }
    .header-nav-menu .menu-responsive {
        right: 30px !important;
    }
    .wallet-top-header-right {
        right: 65px !important;
    }
    .header-logo img {
        margin: 0px 0px 0px 15px !important;
    }
    .wallet-top-header-left {
        float: none;
    }
    .wallet-top-header-box {
        margin: 0px 0px 0px 20px;
    }
    .wallet-top-header-box h3 {
        font-size: 14px;
    }
    .profile-page-area-main .profile-information,
    .profile-page-area-main .profile-information-right {
        display: block;
        width: 100%;
        padding: 0;
    }
    .profile-page-area-main .profile-information-right {
        margin-top: 15px;
    }
    .wallet-top-header-box.user-top-detail ul {
        margin: 50px 0px 0px;
        right: -50px;
    }
    .wallet-transaction-box .wallet-transaction-inner>div {
        width: 50% !important;
        text-align: left !important;
        margin-bottom: 15px;
    }
    .wallet-transaction-box .wallet-trx-id .trx-id {
        margin: 0px;
    }
    .landing .our-services-images img,
    .landing.our-mission-images img {
        max-width: 420px;
    }
}

@media screen and (max-width: 575px) {
    .wallet-balance-area .wallet-balance-box {
        width: 100%;
        margin: 0px 0px 30px;
    }
    .landing .slider-box-area .slider-header h1 {
        font-size: 32px;
    }
    .landing .section-heading h2,
    .landing .section-heading.center-heading h2,
    .landing .bradcrumb-area .bradcrumb-box h1 {
        font-size: 26px;
    }
    .landing .our-mission-images img {
        max-width: 250px;
    }
    .landing .our-services-images img,
    .landing .best-wallet-images img {
        max-width: 260px;
    }
}

@media screen and (max-width: 767px) and (min-width: 576px) {
    .wallet-balance-area .wallet-balance-box {
        width: calc(50% - 30px);
    }
}

@media screen and (max-width: 618px) {
    .wallet-chart #chart {
        padding-bottom: 45px;
    }
}

@media screen and (max-width: 767px) {
    .wallet-bradcrumb .theme-color-swith {
        margin: 0px;
        right: 20px;
    }
    .theme-color-swith,
    .theme-swithcher {
        background-color: #fff;
    }
    .theme-color-swith a {
        color: #444 !important;
    }
    .header-nav-menu ul li a {
        color: #aaa;
    }
    .color-switcher {
        margin-top: 0px;
        padding: 0px;
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        right: -252px;
        z-index: 9;
        border: 0px;
        transition: all 0.5s;
        width: 300px;
    }
    .color-switcher.active {
        right: -8px;
    }
    .color-switcher .color-theme-menu ul {
        margin: 0px 8px;
        display: block;
        width: auto !important;
        position: static;
        background: #e1e1e1;
    }
    .color-switcher h4 {
        display: none;
    }
    .color-switcher .toggle-button {
        display: inline-block;
        float: left;
    }
    .color-theme-menu {
        padding-left: 40px;
        width: auto;
        float: none;
    }
    .color-theme-menu ul li {
        padding: 12px 6px !important;
    }
    .color-theme-menu ul li>a {
        margin: 0px !important;
    }
    .header-nav-menu ul li {
        padding: 12px 30px 12px 60px;
    }
    .header-nav-menu ul li a>i {
        top: 16px;
    }
    .wallet-top-header-right .wallet-top-header-box.user-top-detail span,
    .wallet-top-header-right .wallet-top-header-box.user-top-detail h3 {
        display: none;
    }
    .wallet-top-header-right {
        float: none;
        position: absolute;
        top: 12px;
        right: 50px;
    }
    .header-nav-menu .menu-responsive {
        font-size: 30px;
        color: #000;
        position: absolute;
        top: 23px;
        right: 15px;
    }
    .wallet-top-header-right .notification-box-area .notification-box>i {
        color: #000;
    }
    .wallet-area-warpper>.row {
        margin: 0px;
    }
    .header-logo img {
        margin: 0px;
    }
    .wallet-top-header {
        border-radius: 0px;
    }
    .wallet-area {
        margin: 0px;
    }
    .header-box {
        position: static;
        width: 100%;
        height: auto;
        background-color: #fff;
        border-radius: 0px;
    }
    .header-logo {
        padding: 15px 15px;
        margin: 0px;
        border-radius: 0px;
        display: inline-block;
        margin-bottom: -7px;
    }
    .header-nav-menu ul {
        position: absolute;
        top: 62px;
        left: 0px;
        right: 0px;
        background-color: #333;
        width: 100% !important;
        z-index: 1;
        display: none;
    }
    .header-nav-menu ul li.active {
        border-color: #fff;
        border: 0;
    }
    .header-nav-menu ul li.active>a,
    .header-nav-menu ul li>a:hover,
    .header-nav-menu ul li>a:focus {
        color: #fff;
    }
    .wallet-area-right {
        margin: 0px;
        padding: 5px;
    }
    .wallet-area-warpper {
        height: auto;
        padding: 0px 0px;
        border-radius: 0px;
        padding-bottom: 50px;
    }
    /* .wallet-box-scroll {
        height: auto;
    } */
    .wallet-area-warpper .col-xl-12 {
        padding: 0px;
    }
    .wallet-box-left {
        width: 100%;
        float: none;
    }
    .wallet-box-right {
        width: 100%;
        float: none;
        margin-top: 30px;
    }
    .wallet-transaction {
        margin: 10px 0px 0px !important;
    }
    .my-wallet-box {
        width: 100%;
        margin: 0px 0px 30px;
    }
    .my-wallet-box:last-child {
        margin-bottom: 0px;
    }
    .notification-dropdown::before,
    .profile-dropdown::before,
    .wallet-language-box .dropdown-menu::before {
        content: none;
    }
    .depo-with-icon {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        padding: 5px 5px 0 5px;
        background-color: #fff;
    }
    .withdraw-btn {
        height: 40px;
        width: 120px;
        background: linear-gradient(to right, #778ee9, #627eea);
        font-size: 14px;
        text-align: center;
        color: #fff;
        border-radius: 8px;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }
    .withdraw-btn img {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    .deposit-btn {
        height: 40px;
        width: 120px;
        background: linear-gradient(to right, #87d682, #73c06e);
        font-size: 14px;
        text-align: center;
        color: #fff;
        border-radius: 8px;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }
    .account_statement .form-group {
        width: 48%;
    }
    .account_statement .theme-btn {
        width: 100%;
    }
    .account_statement .search .theme-input-box {
        width: 100%;
    }
    .user-login-area .user-login-box .login-box-inner {
        width: 300px;
    }
    .payment-icons {
        align-items: unset;
    }
    .payment-icon-box {
        width: calc(50% - 5px);
    }
    .payment-icon-box:nth-child(2n) {
        margin-right: 0;
    }
    .wallet-balance-box .wallet-balance-name h3,
    .wallet-balance-box .wallet-balance-amount h3 {
        font-size: 14px;
    }
    .wallet-top-header-box .dropdown-menu::before {
        left: 64%;
    }
    .withdraw .wallet-balance-area .wallet-balance-box {
        width: 100%;
    }
    .withdraw-detail .wallet-balance-amount {
        justify-content: space-between;
    }
    .my_accounts .wallet-balance-box .wallet-balance-name h3 {
        margin-top: 10px;
    }
    .withdraw .btn-trans {
        margin-bottom: 10px;
    }
    .landing .header-main .row>div {
        position: static;
    }
    .landing .header-main .header-navbar-menu {
        float: none;
    }
    .landing .header-main .header-navbar-menu .header-pricing-btn {
        float: none;
        position: absolute;
        top: 14px;
        right: 15px;
        margin: 0px;
    }
    .landing .header-main .header-navbar-menu .header-pricing-btn .theme-btn {
        padding: 6px 12px;
    }
    .landing .header-main.fixed-header {
        padding: 15px 0px;
    }
    .landing .header-navbar-menu .navbar {
        position: static;
    }
    .landing .header-navbar-menu .navbar .navbar-toggler {
        height: 40px;
        width: 40px;
        background-color: #406fbf;
        color: #fff;
        border-radius: 0px;
        padding: 0px;
        position: absolute;
        top: 14px;
        right: 15px;
        outline: 0;
    }
    .landing .header-navbar-menu .navbar .navbar-collapse {
        position: absolute;
        top: 67px;
        left: 0px;
        right: 0px;
        background-color: #f0f0f0;
        z-index: 99;
    }
    .landing .header-navbar-menu .navbar-nav .nav-item .nav-link {
        color: #222;
    }
    .landing .header-navbar-menu .navbar-nav .nav-item {
        margin: 0px;
        padding: 0px 15px;
    }
    .landing .nav-item .nav-dropdown-box {
        width: 100%;
        position: static;
        padding: 0px;
        box-shadow: none;
        transform: none;
        opacity: 1;
        visibility: visible;
        display: none;
    }
    .landing .nav-item.mega-menu-dropdown.active .nav-dropdown-box {
        display: block;
    }
    .landing .nav-item .nav-dropdown-box::before {
        content: none;
    }
    .landing .slider-area {
        padding: 100px 0px;
    }
    .landing .slider-images {
        margin: -80px 0px 0px;
    }
    .landing .our-mission-area .row,
    .landing .our-services-area .row,
    .landing .best-wallet-area .row {
        display: block;
        width: 100%;
        margin: 0px;
    }
    .landing .our-mission-area .row>div,
    .landing .our-services-area .row>div,
    .landing .best-wallet-area .row>div {
        display: block;
        width: 100%;
    }
    .landing .our-services-area .our-services-images {
        position: static;
        transform: none;
        text-align: center;
        margin-top: 30px;
    }
    .landing .maintainence-area .user-login-logo,
    .landing .error-area .user-login-logo {
        margin-bottom: 60px;
    }
    .landing .maintainence-area .maintainence-inner-box,
    .landing .error-area .error-inner-box {
        display: block;
        width: 100%;
        height: auto;
    }
    .landing .maintainence-area .maintainence-inner-box>div,
    .landing .error-area .error-inner-box>div {
        display: block;
        width: 100%;
    }
    .landing .maintainence-area .maintainence-inner-box .maintainence-box-img,
    .landing .error-area .error-inner-box .error-box-img {
        margin-top: 30px;
        text-align: center;
    }
    .landing .maintainence-area .maintainence-inner-box .maintainence-box-img img,
    .landing .error-area .error-inner-box .error-box-img img {
        max-width: 460px;
    }
    .landing .best-wallet-images,
    .landing .our-mission-images {
        margin-bottom: 30px;
    }
    .landing .our-services-area,
    .landing .trending-hot-area {
        padding-top: 0px;
    }
    .landing .our-mission-area,
    .landing .our-services-area,
    .landing .best-wallet-area,
    .landing .footer-main {
        text-align: center;
    }
    .landing .footer-copyright .footer-bottom-right ul {
        float: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 8px;
    }
    .landing .dark-mode .counter-box .counter-title {
        border: 0px;
    }
    .landing .wrap {
        flex-wrap: wrap;
        justify-content: center;
    }
    .landing .gateway .item-box img {
        height: 55px;
    }
    .wallet-top-header-box .dropdown span,
    .wallet-top-header-box span {
        display: inline-block;
    }
    .theme-defalt .wallet-top-header-left .wallet-top-header-box h3 {
        display: inline-block;
    }
    .wallet-top-header-box .header-wallet-ico {
        font-size: 16px;
    }
    .wallet-top-header-box {
        padding-left: 25px;
    }
    .wallet-top-header-left .wallet-top-header-box:last-child {
        display: table;
        margin: 0 auto;
    }
    .landing .slider-box-area .slider-header p {
        text-align: center !important;
        margin-top: 0;
    }
    .help-btn-box {
        bottom: 5px;
    }
    .help-btn-box .help-btn,
    .help-btn-box .help-btn:hover,
    .whatsapp-btn-box .whatsapp-btn,
    .whatsapp-btn-box .whatsapp-btn:hover {
        width: 40px;
        height: 40px;
    }
    .help-btn-box .help-icon,
    .whatsapp-btn-box .whatsapp-icon {
        width: 40px;
        height: 40px;
    }
    .help-btn-box .help-icon i,
    .whatsapp-btn-box .whatsapp-icon i {
        font-size: 30px;
    }
    .whatsapp-btn-box {
        bottom: 60px;
    }
}

@media screen and (max-width: 950px) and (min-width: 768px) {
    .my-wallet-box {
        width: calc(100% - 30px) !important;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .wallet-bradcrumb h2 {
        font-size: 16px;
    }
    .wallet-bradcrumb h2>i {
        position: relative;
        top: -2px;
    }
    .wallet-top-header-box.user-top-detail ul {
        margin: 0px;
        top: 68px;
    }
    .notification-dropdown {
        left: -40px;
    }
    .wallet-top-header-box.user-top-detail span,
    .wallet-top-header-box.user-top-detail h3 {
        display: none;
    }
    .wallet-box-scroll {
        height: calc(100vh - 159px);
    }
    .wallet-top-header-box:first-child {
        margin-top: 0px;
    }
    .wallet-top-header {
        padding: 30.5px 30px;
    }
    .wallet-top-header-box h3 {
        font-size: 12px;
    }
    .wallet-box-left {
        width: 100%;
        float: none;
    }
    .wallet-box-right {
        width: 100%;
        float: none;
        margin-top: 30px;
    }
    .my-wallet-box.create-new-box {
        padding: 34px 0px;
    }
    .my-wallet-box {
        width: calc(50% - 30px);
    }
    .my-wallet-box .my-wallet-balance h3 {
        font-size: 13px;
    }
    .tranfer-coin-box .wallet-transaction-balance {
        float: right !important;
        display: inherit !important;
        width: auto !important;
    }
    .profile-page-area-main .profile-information,
    .profile-page-area-main .profile-information-right {
        display: block;
        width: 100%;
        padding: 0;
    }
    .profile-page-area-main .profile-information-right {
        margin-top: 15px;
    }
    .wallet-balance-area .wallet-balance-box {
        width: calc(50% - 30px);
    }
    .notification-dropdown::before,
    .profile-dropdown::before,
    .wallet-language-box .dropdown-menu::before {
        content: none;
    }
    .wallet-transaction-box .wallet-transaction-inner>div {
        width: 50% !important;
        text-align: left !important;
        margin-bottom: 15px;
    }
    .wallet-transaction-box .wallet-trx-id .trx-id {
        margin: 0px;
    }
    .wallet-balance-area .wallet-balance-box {
        width: calc(100% - 30px);
    }
    .landing .header-navbar-menu .navbar .navbar-collapse {
        display: block;
    }
    .landing .header-navbar-menu .navbar .navbar-toggler {
        display: none;
    }
    .landing .header-navbar-menu .navbar-nav .nav-item {
        margin-right: 20px;
    }
    .landing .header-main .header-navbar-menu .header-pricing-btn {
        position: absolute;
        top: 0px;
        right: 15px;
        float: none;
        margin: 0px;
    }
    .landing .header-navbar-menu .navbar-nav .nav-item .nav-link {
        font-size: 14px;
    }
    .landing .header-navbar-menu .navbar {
        padding-right: 135px;
        padding-top: 2px;
    }
    .landing .header-navbar-menu .navbar-nav {
        display: block;
    }
    .landing .header-navbar-menu .navbar-nav .nav-item {
        float: left;
    }
    .landing .slider-area {
        padding: 200px 0px 300px;
    }
    .landing .slider-area::before {
        bottom: -1px;
    }
    .landing .slider-images {
        margin-top: -220px;
    }
    .landing .section-heading.center-heading h2,
    .landing .section-heading h2 {
        font-size: 30px;
    }
    .landing .our-services-area .our-services-images {
        position: static;
        transform: none;
    }
    .landing .our-mission-images img,
    .landing .our-services-images img {
        max-width: 320px;
    }
    .landing .best-wallet-content .mobile-app-box>a>img {
        max-width: 115px;
    }
    .landing .counter-box .counter-title {
        border: 0px;
    }
}

@media screen and (max-width: 939px) and (min-width: 768px) {
    .wallet-chart #chart {
        padding-bottom: 45px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .wallet-top-header {
        padding: 30px 30px;
    }
    .wallet-top-header-box h3 {
        font-size: 14px;
    }
    .wallet-box-left,
    .wallet-box-right {
        width: 50%;
    }
    .wallet-transaction-box .wallet-transaction-balance {
        float: none;
        display: inline-block;
        width: 100%;
        margin-top: 10px;
    }
    .my-wallet-box {
        width: calc(50% - 30px);
    }
    .tranfer-coin-box .wallet-transaction-balance {
        float: right !important;
        display: inherit !important;
        width: auto !important;
    }
    .editprofile-images .edit-images img {
        height: 140px;
        width: 140px;
    }
    .wallet-balance-area .wallet-balance-box {
        width: calc(50% - 30px);
    }
    .wallet-transaction-box .wallet-transaction-inner>div {
        width: 50% !important;
        text-align: left !important;
        margin-bottom: 15px;
    }
    .wallet-transaction-box .wallet-trx-id .trx-id {
        margin: 0px;
    }
}

@media screen and (min-width: 768px) {
    .header-nav-menu {
        height: calc(100vh - 209px);
        overflow-y: auto;
    }
    .menu-responsive {
        display: none !important;
    }
    .header-nav-menu ul {
        display: block !important;
    }
    .my_accounts .wallet-transaction-box .wallet-transaction-balance {
        text-align: right;
    }
    .account_statement.deposit .wallet-trx-id {
        width: 75%;
    }
    .rating-container {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .wallet-top-header-left {
        width: auto;
    }
    .wallet-top-header-left .wallet-top-header-box:first-child {
        width: auto;
    }
}

@media screen and (max-width: 1199px) {
    .tranfer-coin-box .wallet-balance {
        margin-top: 30px;
    }
}