@media (min-width: 1200px) {
  .container {
    max-width: 1140px !important;
  }
}
@media (max-width: 768px) {
  .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    margin-bottom: 15px !important;
    margin-top: 0;
    margin-left: 0;
}
.dataTables_wrapper .dataTables_filter label {
    margin: 0px;
    width: 100%;
}
.dataTables_wrapper .dataTables_filter label input{
  min-width: inherit;
}
  .sidebar-wrapper.sidebar-merchant {
    left: -300px;
  }
  #show-sidebar {
    display: block;
  }
  .merchant-page-header {
    padding: 20px 0px;
  }
  .merchant-page-content {
    padding-left: 0px;
  }
  body.menu-toggled .sidebar-wrapper.sidebar-merchant {
    left: 0px;
  }
  .sidebar-wrapper .sidebar-brand {
    display: block;
  }
  .merchant-page-content .dashboard {
    padding: 15px 0;
    display: block;
  }
  .merchant-title {
    font-size: 18px;
    line-height: normal;
    padding: 0 0 10px 0;
    margin: 0 0 30px 0;
  }
  .table.merchant-table thead th {
    font-size: 14px;
    line-height: normal;
  }
  .table.merchant-table th,
  .table.merchant-table td {
    font-size: 14px;
    line-height: normal;
  }
  .status {
    height: 82px;
    font-size: 14px;
    line-height: normal;
    color: #000;
    display: table-cell;
    vertical-align: middle;
    width: 85px;
  }
  .site-header.fixed-header .fixed-header-logo img {
    max-width: 100%;
  }
  .create-account-center h2 {
    font-size: 18px;
  }
  .create-account-center h3 {
    font-size: 20px;
    line-height: normal;
  }
  .acc-ul-holder ul {
    width: 100%;
    display: inline-block;
  }
  .acc-ul-holder ul li a {
    font-size: 14px;
  }
  .acc-ul-holder ul li a figure {
    margin: 0 auto 25px;
    width: 100px;
    height: 100px;
    display: block;
  }
  .acc-ul-holder ul li a figure img {
    width: 100%;
    height: 100px;
    display: block;
    border-radius: 50%;
    object-fit: cover;
  }
  .fixed-header .default-btn {
    font-size: 10px;
  }
  .maxw-356 {
    min-width: 100% !important;
    max-width: 356px !important;
    display: inline-block;
  }
  .maxw-400 {
    min-width: 100% !important;
    max-width: 400px !important;
    display: inline-block;
  }
  .create-account-center .maxw-400 h3 {
    font-size: 24px;
    line-height: 28px;
    padding: 0 0 15px 0;
    margin: 0 0 25px 0;
    border-bottom: 4px solid #feca61;
  }
  .create-account-center h2 {
    margin-bottom: 15px;
  }
  .minw-356 {
    width: 100% !important;
    margin: 0 auto;
  }
  .phone-action.mt-5 {
    margin-top: 15px !important;
  }
  .fixed-header.fix.crm-header {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
  }
  .crm-header {
    padding: 10px 0;
  }
  .xs-text-center {
    text-align: center !important;
  }
  .crm-header .fixed-header-logo {
    text-align: center;
  }
  .crm-header .header-wrap {
    margin-bottom: 10px;
  }
  .crm-header .fixed-header-logo .img-fluid {
    max-width: 120px;
    height: auto;
  }
  .crm-header.xs-text-center .float-right {
    float: none !important;
    margin-right: auto;
    margin-left: auto;
  }
  .crm-bashboard-wrapper {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
  }
  .filter-modal .modal-body .d-inline-flex.mb-4 {
    width: 100%;
  }
  .crm-dashboard-desktop-nav {
    width: 100%;
    overflow-x: scroll;
  }
  .crm-middle-desktop-nav > ul > li > a,
  .crm-dashboard-desktop-nav > ul > li {
    white-space: nowrap;
  }
  .crm-dashboard-desktop-nav > ul {
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
    -webkit-box-pack: inherit !important;
    -ms-flex-pack: inherit !important;
    justify-content: inherit !important;
    min-width: 700px;
  }
  .crm-dashboard-desktop-nav > ul > li {
    position: relative;
    width: auto;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-flex: 0;
    -ms-flex: inherit;
    flex: inherit;
    max-width: inherit;
  }
  .crm-middle-desktop-nav {
    overflow-x: scroll;
  }
  .crm-middle-desktop-nav > ul {
    display: flex;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
  }
  .crm-dashboard-grey-nav {
    margin-bottom: 25px;
  }
  .default-tab .resp-tabs-list li:hover,
  .default-tab .resp-tabs-list li.resp-tab-active,
  .default-tab .resp-tabs-list li {
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 0px 15px !important;
    width: 33.3333% !important;
    text-align: center !important;
  }
  .default-tab h2.resp-accordion {
    display: none !important;
  }
  .default-tab .resp-tab-content {
    border: none !important;
    padding: 15px 0 !important;
  }
  .crm-title {
    font-size: 18px;
    margin: 0 0 15px 0;
  }
  .crm-title.mb-55 {
    margin-bottom: 15px !important;
  }
  .color-block {
    padding: 25px;
    margin-bottom: 15px;
  }
  .color-block span {
    font-size: 18px;
    margin: 0 0 15px 0;
  }
  .color-block h3 {
    font-size: 24px;
  }
  .crm-loop {
    margin-bottom: 15px;
  }
  .statistics-download {
    margin-right: 0px !important;
    position: absolute;
    z-index: 3;
    right: 15px;
    top: 0;
  }
  .statistics-search {
    width: 100%;
    display: block;
    position: relative;
  }
  .statistics-details-header .statistics-search {
    margin: 10px 0 0 0 !important;
  }
  .statistics-details-header {
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    padding: 15px;
    margin-bottom: 0;
  }
  .responsive-table {
    width: 100%;
    overflow-x: scroll;
  }
  table.default-table > thead > tr > th {
    line-height: normal;
  }
  .add-btn {
    width: auto;
    height: 35px;
    display: block;
    padding: 0 25px;
    border: none;
    background: #feca61;
    border-radius: 20px;
    font-size: 16px;
    letter-spacing: 0px;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    line-height: 35px;
    min-width: inherit;
  }
  .xs-mb-15 {
    margin-bottom: 15px !important;
  }
  .crm-dashboard-desktop-nav > ul > li > a {
    width: 100%;
    display: block;
    background: #a0afbd;
    color: #fff;
    font-size: 12px;
  }
  .crm-dashboard-nav {
    background: #fff;
    padding: 25px 0;
    margin-top: 0px;
  }
  table.folder-name1 > tbody > tr > td {
    background-color: #fff !important;
    padding: 15px 15px !important;
    color: #000000;
    font-size: 12px;
    font-weight: 500;
  }
  .default-tab ul.resp-tabs-list {
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: inline-flex;
    background: #feca61;
    border-radius: 48px;
    overflow: auto;
    height: 50px;
  }
  .default-tab.ltd-tab .resp-tabs-list li {
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    display: flex;
    align-items: center;
  }
  .folder-name1 .w-350 {
    width: auto;
  }
  .crm-middle-desktop-nav > ul > li {
    position: relative;
    width: auto;
    min-height: 1px;
    margin-right: 50px;
  }
  .statements-right-text .grey-btn {
    width: auto;
    background: #d1d1d1 !important;
    padding: 10px 20px;
    line-height: 15px;
    margin-left: 4px;
    font-size: 12px;
  }
  .statements-right-text .text.ml-3 {
    margin-left: 2px !important;
  }
  .statements-right-text .text,
  .statements-right-text .text.ml {
    color: #777777;
    margin-right: 2px;
    font-weight: 500;
    line-height: 35px;
    font-size: 12px;
  }
  .statements-right-text .grey-btn.mr-3 {
    margin-right: 0 !important;
  }
  .statements-right-text {
    margin-top: 15px;
  }

  .invoices-page .button-delete-btn {
    position: relative;
    left: 0;
  }
  #container-target {
    position: relative;
    top: 12px;
    right: 0%;
    width: 100%;
    overflow: auto;
  }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 99999;
  }
  #statistics-details-today .DTTT_container .DTTT_button {
    width: 35px;
    height: 35px;
    display: block;
    box-sizing: border-box;
    border: #397ab7 1px solid;
    border-radius: 50%;
    padding: 6px;
    margin: 0px;
    background: #fff url(../images/download-icon.png) no-repeat 50% 50%;
    background-size: 21px auto;
    position: absolute;
    right: 0px;
    top: 0px;
}
#chargeback_datatable_wrapper .container-target {
  top: 1px;
  right: 0;
  position: absolute;
}
#chargeback_datatable_wrapper .container-target .show-div {
  background: #f5f5f5;
  padding: 25px;
}
#statistics-details-today .dataTables_paginate, #statistics-details-today .DTTT_container {
  margin-right: 0px; }
  #chargeback_datatable_wrapper .statements-right-text {
    margin-right: 27px;
    margin-top: 0;
}
.hide-2-yes {
  z-index: 9;}

}

@media (max-width: 991px) {
  .default-tab ul.resp-tabs-list {
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: inline-flex;
    background: #feca61;
    border-radius: 48px;
    overflow: auto;
    height: 50px;
  }
  .crm-middle-desktop-nav > ul > li {
    position: relative;
    width: auto;
    min-height: 1px;
    margin-right: 23px;
  }
  .crm-middle-desktop-nav > ul > li > a {
    color: #777777;
    font-weight: 700;
    width: auto;
    display: inline-block;
    font-size: 14px;
  }
  .invoices-page .button-delete-btn {
    position: relative;
    left: 0;
  }
  .default-tab.ltd-tab .resp-tabs-list li {
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 11px !important;
    display: grid;
    padding: 0 10px !important;
    align-items: center;
    margin-right: 0 !important;
    text-align: center !important;
  }
  .crm-dashboard-desktop-nav {
    width: 100%;
    overflow-x: scroll;
  }
  .crm-dashboard-desktop-nav > ul > li > a {
    width: 100%;
    display: block;
    background: #a0afbd;
    color: #fff;
    font-size: 12px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  #target-2 .show-div .default-input {
    width: 76px;
    height: 32px;
  }
  #target-2 .show-div .grey-btn {
    width: 78px;
    margin-left: 10px;
    font-size: 13px;
    background: #d1d1d1 !important;
  }
  .invoices-page .statistics-details-header .grey-btn {
    width: 117px;
    margin-left: 10px;
    font-size: 14px;
    background: #d1d1d1 !important;
  }
  #container-target {
    top: 1px;
    right: 27%;
    position: absolute;
  }
  .invoices-page .button-delete-btn {
    position: absolute;
    left: 55%;
  }
  #target-2 .show-div .gry-boder-btn {
    border: solid 1px #d1d1d1;
    padding: 5px 15px;
  }
}