@media (max-width: 1900px) {
    .left-menu {
        width: 310px;
        padding: 230px 0 0 0;
    }
    .logo {
        width: 302px;
        height: 77px;
        padding: 23px 0 0 50px;
    }
    .dashboard-wrap {
        margin: 0 -15px 0 320px;
    }
    .left-menu ul>li>a {
        font-size: 17px;
        font-weight: 500;
    }
    .left-menu ul>li>.dropdown-menu a {
        font-size: 15px;
    }
    .header-right {
        padding: 10px 20px;
    }
    .header-right ul li {
        padding: 0 5px;
    }
    .header-right .user-right img {
        width: 40px;
    }
    .header-right ul>li>a, .total-area ul li {
        font-size: 14px;
    }
    .total-area ul li {
        font-size: 12px;
    }
    .admin-balance span {
        font-size: 12px;
    }
    .admin-balance span em, .total-area ul li strong {
        font-size: 13px;
    }
    .header-right .admin-balance img {
        margin: 0 8px 0 0;
        width: 30px;
    }
    .admin-balance-main .admin-balance {
        flex-wrap: wrap;
        height: 100%;
    }
    .admin-balance img {
        margin: 0 0 0 0;
    }
    .admin-balance .user-info>img {
        width: 40px;
    }
    .country-flag img {
        width: 15px;
    }
    .country-flag {
        top: 20px;
    }
    .user-info strong {
        padding: 5px 0 0 0;
        font-size: 14px;
    }
    .separate-border {
        padding: 5px 10px;
    }
    .dashboard-div .admin-balance em {
        font-size: 13px;
        padding: 0;
    }
    .user-details ul li span {
        font-size: 14px;
    }
    .user-details ul li {
        font-size: 15px;
    }
    .graph-header ul li {
        padding: 3px 10px;
    }
    .header-left {
        margin: -49px 0 0 0;
        width: 50%;
    }
    .dashboard-div .admin-balance span {
        font-size: 16px;
    }
    .dashboard-div h2 {
        font-size: 17px;
        margin: 0 0 5px 0;
    }
    .link-area {
        padding: 7px;
    }
    .switch-toggle input[type="checkbox"]+label {
        width: 65px;
        height: 30px;
    }
    .switch-toggle input[type="checkbox"]+label::before {
        width: 30px;
        height: 30px;
    }
    .switch-wrapp {
        margin: 0 0 15px 0;
    }
    .dashbord-time span {
        font-size: 15px;
    }
    .dashbord-time input {
        padding: 5px 10px;
        font-size: 15px;
    }
    .dashbord-time span {
        font-size: 18px;
    }
    .admin-balance-main .admin-balance {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .link-area input {
        font-size: 12px;
    }
    .admin-balance-main .admin-area {
        padding: 15px;
        height: auto;
        min-height: 178px;
    }
    .user-info {
        padding: 0 5px 0 0;
    }
    .admin-balance-main {
        margin: 40px 0 20px 0;
    }
    .logo-line {
        left: 20px;
        width: calc(100% - 11px);
    }
    .header-left h1 {
        font-size: 16px;
        top: 90px;
    }
    .header-heading {
        margin: -56px 0 0 0;
    }
    .header-top {
        padding: 20px 30px 20px 20px;
        margin: 0 -20px 0 -30px;
    }
}
@media (max-width: 1800px) {
    /*  .admin-balance-main .admin-balance span {
    display: block;
    width: 100%;
    text-align: center;
  }*/
    .admin-balance-main .admin-balance {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .admin-balance img {
        margin: 0;
    }
}
@media (max-width: 1700px) {
    .header-right ul li {
        padding: 0 6px;
    }
    .affiliate-table tbody tr td {
        padding: 8px;
    }
    .affiliate-table tr {
        font-size: 13px;
        font-weight: 500;
    }
    .arrow-div span {
        margin: 0;
    }
    .dashboard-right .earning-text {
        padding: 0 0 0 5px;
    }
}
@media (max-width: 1600px) {
    .breadcrumb {
        margin-top: 5px;
    }
    .admin-balance span {
        font-size: 12px;
        display: block;
        width: 100%;
        text-align: center;
    }
    .affiliate-body>ul>li {
        width: 25%;
        padding: 5px;
    }
    /*  .affiliate-body > ul {
    flex-wrap: wrap;
    justify-content: center !important;
  }*/
    .left-menu ul>li.show>a:before {
        width: 100%;
    }
    .admin-top-img {
        margin: 0;
    }
    .action-top {
        width: 100%;
        text-align: center;
    }
    .accordion-section {
        width: 100%;
    }
    .accordion-wrap {
        width: 800px;
    }
    .affiliate-body>ul>li>div {
        font-size: 11px;
    }
    .dropdown-menu-right.user-setting .arrow {
        right: 22px;
    }
    .admin-balance-main.vendor-balance {
        display: block;
    }
    .admin-balance-main.vendor-balance .admin-balance-main-left-bar {
        margin-right: 0;
    }
    .admin-balance-main.vendor-balance .admin-balance-main-right-bar {
        margin: 20px 0 0 0;
    }
}
@media (max-width: 1365px) {
    .header-right {
        margin: 0;
        width: auto;
    }
    .header-left {
        max-width: 100%;
        padding: 20px 0 0 0;
        margin: 0;
        width: auto;
    }
    .header-right ul li:last-child {
        padding-left: 20px;
    }
    .notification-area .bell {
        right: 0;
    }
    .admin-balance-main .col-lg-2 {
        -ms-flex: 0 0 32%;
        flex: 0 0 32%;
        max-width: 32%;
        margin: 0 0 20px 0;
    }
    .admin-balance-main .col-lg-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .social-icon a {
        margin: 0 0 0 5px;
    }
    .left-menu {
        width: 272px;
    }
    .left-menu .collapse {
        padding-top: 6px;
    }
    .dashboard-wrap {
        margin: 0 -15px 0 283px;
    }
    .logo {
        width: 272px;
        padding: 23px 0 0 15px;
    }
    .graph-header ul li {
        padding: 3px 4px;
    }
    .dashboard-div .graph-header ul li span {
        font-size: 11px;
    }
    .dashboard-div .graph-header ul li span em {
        font-size: 12px;
    }
    .graph-header ul li.arrow-red .arrow-div span {
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-top: 9px solid #FF2A4E;
    }
    .arrow-div span {
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #007BFF;
    }
    .bg-area select {
        padding: 4px;
    }
    .header-right ul>li>a, .total-area ul li {
        font-size: 11px;
    }
    .total-area ul li strong {
        font-size: 13px;
    }
    .dashboard-div h2 {
        font-size: 14px;
    }
    .log-details .user-header {
        padding: 0 20px 17px 0;
    }
    .user-details ul li span, .user-details ul li, .dashboard-div .admin-balance em {
        font-size: 12px;
    }
    .dashboard-div .admin-balance span {
        font-size: 12px;
    }
    .separate-border {
        padding: 5px 6px;
    }
    .country-deatil {
        margin: 0 0 10px 0;
    }
    .site-order-wrapp .pagination-div {
        margin: 0 0 13px 0;
    }
    .dashboard-left, .dashboard-right {
        max-width: inherit;
        width: 100%;
    }
    .admin-top-img {
        margin: 0;
    }
    .header-heading {
        margin: -75px 0 0 0;
    }
    .admin-balance-main {
        flex-wrap: wrap;
    }
    .left-menu ul>li>a {
        padding: 0 20px 0px 15px !important;
    }
    .left-menu ul>li>a {
        font-size: 17px;
        font-weight: 500;
    }
    .left-menu ul>li.show>a:before {
        width: 100%;
        top: -6px;
        height: 35px;
    }
    .header-left h1 {
        width: 275px;
        font-size: 18px;
    }
    .left-menu ul>li>.dropdown-menu a {
        font-size: 14px;
        padding: 0 0 0 60px;
    }
    .left-menu ul>li>.dropdown-menu a:after {
        width: 8px;
        height: 8px;
        left: 40px;
    }
    .dashboard-area {
        flex-direction: inherit;
        flex-wrap: wrap;
    }
    .user-details ul li {
        padding: 8px 0;
    }
    .user-details ul li strong {
        font-size: 14px;
    }
    .server-errors {
        margin-top: 20px;
    }
}
@media (max-width: 1023px) {
    .dashboard-wrap {
        margin: 0 -15px 0 300px;
    }
    .left-menu {
        width: 270px;
    }
    .logo {
        width: 260px;
    }
    .footer p {
        font-size: 13px;
        margin: 0;
    }
    .footer-right {
        font-weight: 600;
        font-size: 17px;
    }
    .graph-header ul li {
        padding: 3px 24px;
    }
    .graph-header {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer-right {
        margin: 8px 0 0 0;
    }
    .log-details::-webkit-scrollbar {
        width: 10px;
    }
    .log-details {
        padding: 5px;
        height: 333px;
    }
    .total-area ul li {
        font-size: 13px;
    }
    .total-area ul li strong {
        font-size: 15px;
    }
    .admin-balance-main .container {
        padding: 0;
    }
    .header-right {
        margin: 0;
        max-width: inherit;
    }
    .dashboard-left, .dashboard-right {
        width: 100%;
    }
    .dashboard-right .site-order .user-header {
        padding: 15px;
    }
    .live-wrap ul li {
        list-style: none;
        font-size: 16px;
        position: relative;
        padding: 0 0 15px 26px;
    }
    .dashboard-area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .header-updated {
        padding: 10px 15px;
    }
    .admin-balance span {
        line-height: 12px;
        padding: 10px 0 0 0;
    }
    .accordioni-containt>ul {
        flex-wrap: wrap;
    }
    .header-heading {
        margin: 0;
    }
    .header-top {
        margin: 0;
        padding: 10px 20px 10px 20px;
    }
    .accordion-wrap {
        width: 800px;
    }
    .accordion-section {
        overflow-x: scroll;
    }
    .user-details ul li.description-link {
        padding-bottom: 0;
    }
    .admin-balance-main {
        margin: 20px 0 20px 0;
    }
}
@media (max-width: 767px) {
    .dashboard-wrap {
        margin: 0 -15px 0 37px;
    }
    .hide-breadcrumb {
        display: none;
    }
    .menu-button {
        display: block;
        width: 32px;
        height: 26px;
        background: #fff;
        position: absolute;
        right: 19px;
        top: 84px;
        border-radius: 4px;
        z-index: 99;
    }
    .menu-button span {
        width: 20px;
        height: 2px;
        background: #2e4765;
        display: block;
        margin: 5px auto 4px auto;
        border-radius: 5px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .mobile-show .left-menu, .mobile-show .logo {
        left: 0;
    }
    .logo-mobile {
        opacity: 1;
        visibility: visible;
        background: none;
    }
    .mobile-show .logo-mobile {
        opacity: 0;
        visibility: hidden;
    }
    .logo {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        top: 70px;
        position: absolute;
        right: 15px;
        left: 60px;
        width: auto;
        background: #fff;
        padding: 10px 20px 10px 20px;
        margin: 0;
        display: flex;
        align-items: center;
        height: auto;
    }
    .left-menu {
        left: -270px;
        padding-top: 28px;
        position: fixed;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        z-index: 9;
    }
    .mobile-show {
        overflow: hidden;
    }
    .header-left {
        margin: 0;
        max-width: 100%;
        padding: 96px 0 0 0;
    }
    .mobile-show .menu-button span:first-child {
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        top: 7px;
        width: 20px;
    }
    .mobile-show .menu-button span:nth-child(2) {
        display: none;
    }
    .mobile-show .menu-button span:last-child {
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 20px;
    }
    .header-updated {
        padding: 10px;
    }
    .user-setting a {
        font-size: 13px;
    }
    .updated-div span {
        font-size: 10px;
    }
    .header-right {
        text-align: right;
        padding: 4px 12px;
        width: 230px;
    }
    .header-heading a {
        width: 24px;
        height: 24px;
        line-height: 23px;
    }
    .header-heading a img {
        width: 12px;
    }
    .dashboard-div .admin-balance span {
        font-size: 12px;
    }
    .dashboard-div .admin-balance em {
        font-size: 14px;
    }
    .switch-toggle input[type="checkbox"]+label {
        width: 52px;
        height: 25px;
        min-width: 52px;
    }
    .switch-toggle input[type="checkbox"]+label::before {
        width: 25px;
        height: 25px;
    }
    .live-wrap ul li {
        padding: 0 0 15px 26px;
        font-size: 14px;
    }
    .map-content ul {
        padding: 0;
    }
    .dashboard-div .graph-header ul li span {
        line-height: 18px;
        display: inline-block;
    }
    .header-right ul li {
        padding: 0 22px;
    }
    .left-menu ul>li>a {
        font-size: 15px;
    }
    .left-menu ul>li>.dropdown-menu a {
        font-size: 16px;
        margin: 7px 0;
        padding: 0 0 0 35px;
    }
    .selected-language {
        width: 20px;
    }
    .user-currency .dropdown-toggle img {
        width: 20px;
    }
    .notification-area .bell {
        right: -7px;
    }
    .header-right ul>li>a img~span {
        display: none;
    }
    .header-heading div span {
        font-size: 13px;
    }
    .admin-balance-main .admin-balance {
        height: auto;
        margin: 0 auto !important;
        max-width: 250px;
        padding: 10px 0;
    }
    .admin-balance-main .container {
        padding: 0 15px;
    }
    .header-heading {
        margin: 0 10px 8px 10px;
    }
    .admin-balance-main .col-lg-2, .admin-balance-main .col-lg-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 0 20px 0;
        padding-right: 15px;
    }
    .graph-header ul li {
        padding: 3px 10px;
    }
    .setting-area a {
        width: 40px;
        height: 30px;
        line-height: 30px;
    }
    .setting-area a, .setting-area a i {
        font-size: 15px;
    }
    .user-details ul li {
        padding: 8px 0;
    }
    .notification-area span {
        right: 2px;
    }
    .left-menu ul>li>.dropdown-menu a:after {
        left: 11px;
    }
    .admin-balance-main .sales-width, .admin-balance-main .online-width, .admin-balance-main .admin-width {
        width: 100%;
        padding: 10px;
    }
    .header-heading div a {
        margin: 0;
    }
    .footer-rights {
        width: 100%;
        padding: 0 0 10px 0;
    }
    .script-right, .footer-rights {
        width: 100%;
        text-align: center !important;
    }
    .header-left h1 {
        position: static;
        text-align: left;
    }
    .header-left h1 .session-counter {
        font-size: 18px;
    }
    .action-top {
        display: block;
        width: 100%;
        text-align: center;
    }
    .user-setting .arrow {
        display: none;
    }
    .user-information {
        padding: 0 0 20px 0;
        flex-wrap: wrap;
    }
    .user-information-right {
        width: 100%;
        padding-top: 10px;
    }
    .membership-icon img {
        width: 61px;
    }
    .user-details .user-information-left span i {
        font-size: 20px;
    }
    .header-img {
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin: 0 10px 0 0;
    }
    .link-details .user-header, .affiliate-id-main {
        padding: 0 0 20px 0 !important;
        margin: 0 0 20px 0;
    }
    .link-details .user-header {}
    .checkbox-wrapp label {
        margin: 0;
    }
}
@media (max-width: 550px) {
    .dashboard-right .dashboard-div h2 {
        width: 100%;
    }
    .graph-header ul li {
        padding: 3px 10px;
    }
    .header-left h1 {
        font-size: 15px;
        width: 200px;
    }
    .header-left h1 .welcome-message, .header-left h1 .session-counter {
        font-size: 16px;
    }
}
@media (max-width: 414px) {
    .header-heading>div {
        font-size: 12px;
    }
    .header-right ul>li>a>i {
        font-size: 10px;
    }
    .header-right img {
        width: 18px;
    }
    .pagination-div ul li a {
        width: 23px;
    }
    .header-right .user-right img {
        width: 30px;
    }
    .updated-div span em {
        padding: 5px;
    }
    .header-left h1 {
        font-size: 13px;
        width: 150px;
    }
}