/*Responsice css*/
/* All Mobile Devices*/
@media only screen and (max-width: 576px) {
  .web-payment-section-wrap .p-input-icon-left input {
    min-width: 180px;
  }
  .domain-settings-wrap .domain-settings-data .p-button .p-button-icon {
    line-height: 13px;
  }
  .affilate-panel-header .p-button.p-component {
    padding-inline: 5px;
  }
  .affilate-panel-header .pi-plus-circle {
    font-size: 11px;
  }
  .register-commonsection .p-field {
    padding: 0;
  }
  .web-settings-slider-wrap .card-content .p-depwith-setting .p-grid {
    width: 100%;
    flex-grow: 1;
  }
  .web-settings-slider-wrap .card-content .p-depwith-setting .p-grid .p-field {
    padding: 0;
  }
  .web-settings-slider-wrap .card-content .p-depwith-setting {
    justify-content: center;
  }
  .web-settings-slider-wrap .card-content .p-depwith-setting .p-grid.p-md-1 {
    width: 100%;
    margin-top: 10px;
  }
  .error-card .notification-input {
    width: 100%;
    grid-column: 1/-1;
  }
  .refresh-button-wrap {
    gap: 4px;
  }
  .card-content.chat-no-data,
  .card-content.data-chat-script {
    border-radius: 6px;
  }
  #dv_edit_superadmincommission .p-button {
    margin-top: 20px;
  }
  .out-data-wrap {
    min-width: 120px;
  }
  .p-table-wrapper .prematch-data-table {
    display: grid !important;
    grid-template-columns: 1fr 110px;
    gap: 10px;
    grid-template-rows: 1fr;
  }
  .point-category-list {
    gap: 10px;
    flex-direction: column;
    align-items: flex-start !important;
  }
  .error-card .blank-notification-input {
    width: 100%;
    grid-row: 6;
  }
  .error-card .system-blank-notification {
    width: 100%;
    grid-row: 5;
    grid-column: unset;
  }
  .error-card.p-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .card-body-limit .p-col {
    flex-basis: auto;
  }
  .card-body-limit .p-colorpicker-panel {
    left: auto;
    right: 0;
  }
  [dir=rtl] .card-body-limit .p-colorpicker-panel {
    left: 0;
    right: auto;
  }
  .getpassword-page .label-overflowellips {
    font-size: 14px;
  }
  .p-field-checkbox .p-d-flex .pi-refresh {
    font-size: 12px;
    margin-inline-end: 0 !important;
  }
  .main-superadmin-wrap .p-datatable-table tbody td .p-select-label span {
    font-size: 12px;
  }
  .p-datatable-table tbody tr .p-select .p-select-dropdown {
    width: 2rem;
  }
  .p-select .p-select-dropdown {
    width: 2rem;
  }
  .page-header .p-select-dropdown {
    width: 0;
    margin-inline-end: 14px;
  }
  .bonus-detail-group .bonus-data-column {
    width: 100%;
  }
  .res-checkbox-set p-checkbox, .res-checkbox-set label {
    padding-bottom: 5px;
  }
  .p-button.dropdown-toggle {
    width: fit-content;
  }
  .barchart-bottomwrap.p-popover, .barchart-widget.p-popover {
    right: 0px !important;
    left: 0px !important;
    width: auto !important;
  }
  .action-payment .btn-payment {
    display: flex;
  }
  p-selectitem .p-select-option {
    white-space: pre-line;
  }
  .dashboard-widget .widget-icon {
    margin-inline-end: 16px;
    width: 60px;
    height: 60px;
  }
  .dashboard-widget .widget-icon i {
    font-size: 30px;
  }
  .dashboard-widget .widget {
    padding: 15px;
  }
  .dashboard-widget-firstrow li .widget img {
    width: 70px;
  }
  .daterangepicker .calendar th, .calendar td {
    font-size: 12px;
    font-weight: 500;
  }
  .daterangepicker-overlay.p-popover:before, .daterangepicker-overlay.p-popover:after {
    display: none;
  }
  .p-datatable .p-datatable-tbody tr:not(.p-table-nodata) td:last-child.p-table-action-btns.bonusstatus-actionbtn {
    height: 68px !important;
  }
  .p-datatable-header .p-d-flex .p-inputtext {
    width: 100%;
  }
  .p-button.p-component {
    font-size: 0.9rem;
  }
  .affilate-panel-header .affilate-form-wrap .add-new-btn {
    position: unset;
    top: -48px;
  }
  .p-dialog.p-confirmdialog {
    width: 90% !important;
  }
  .mainappsetting-wrap .register-notimain-wrap .p-tabs .p-tabview-panel {
    padding: 0px;
    margin-top: 20px;
  }
  .mainappsetting-wrap .register-notimain-wrap {
    margin: -15px;
    margin-top: 0px;
  }
  .web-settings-slider-wrap .register-notimain-wrap .p-tablist-content .p-tablist-tab-list, .web-settings-slider-wrap .register-notimain-wrap .p-tablist-content {
    background-color: #2e2e2d;
  }
  .dashboard-page-details.dashboard-wrapper > .select-date .p-input-icon-left .p-inputtext {
    width: 255px;
  }
  .dashboard-page-details .details-card-wrapper .p-tabview-panel {
    border-radius: 6px;
    margin: 0;
  }
  .finance-report-note {
    top: -6px !important;
  }
  .finance-report-note.note-text {
    padding-bottom: 12px;
  }
  .finance-report-heading {
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 10px;
  }
  .finance-report-heading .align-right-field {
    margin-bottom: 0.5rem !important;
  }
  .payment-type-small-data small {
    display: none;
  }
  .mobile-width-data .p-col-4 {
    width: 100% !important;
  }
  .payment-type-dropdown-wrap .pay-wrap {
    flex-direction: column;
    width: 100%;
  }
  .payment-type-dropdown-wrap .pay-wrap .p-field {
    width: 100% !important;
    min-width: 100% !important;
    padding-inline-end: 0;
  }
  .casino-game-header {
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 10px;
  }
  .casino-game-header .p-input-icon-left, .casino-game-header .btn-left {
    margin-inline: 0 auto !important;
  }
  .bonus-status-header-wrap .promotion-type .p-inputwrapper {
    max-width: 160px;
    min-width: 100%;
  }
  .active-overlay-box {
    max-width: 320px;
    margin-inline-start: 10px;
  }
  .super-admin-commision-wrap {
    gap: 5px;
  }
  .super-admin-commision-wrap .p-field p-multiselect .p-multiselect {
    width: 145px;
  }
  .main-auth-login .login.div2fa .AuthenticationText {
    padding: 5px 4px;
  }
  .login-bg .logo {
    width: 210px;
    height: 55px;
    background-repeat: no-repeat;
  }
  .main-auth-login .login.div2fa .AuthenticationText .key {
    word-break: break-all;
  }
  .limit-settings-wrap .p-field.field-spacing {
    margin-bottom: 0;
  }
  .warning-casino-text {
    margin-inline: 16px;
  }
  .quickuser-data.coupon-mgmt-headerdata .common-balancedetails p {
    font-size: 12px;
  }
  .quickuser-data.coupon-mgmt-headerdata .common-balancedetails:after {
    margin-inline-start: 7px;
  }
  .quickuser-data.coupon-mgmt-headerdata .common-balancedetails:first-child {
    padding-inline-start: 6px;
  }
  .coupon-mgmt-headerdata .common-balancedetails:after {
    content: "";
    margin-inline-start: 16px;
  }
  .coupon-mgmt-headerdata .common-balancedetails {
    padding: 0px 8px;
  }
  .coupon-mgmt-headerdata .common-balancedetails:first-child {
    padding-inline-start: 8px;
  }
  .resposive-btnset {
    flex-wrap: wrap;
  }
  .resposive-btnset .p-button {
    width: 47%;
    margin-bottom: 10px;
  }
  .utc-timezone {
    margin-inline-start: 6px;
    margin-bottom: 15px;
    font-size: 11px;
  }
  .login-bg {
    background-size: cover;
  }
  .res-btnspace {
    margin-top: 10px !important;
  }
  .p-treetable .p-treetable-header, .p-treetable .p-datatable-header, .p-datatable .p-treetable-header, .p-datatable .p-datatable-header {
    padding: 8px 12px !important;
  }
  .page-header {
    margin: 0;
    padding-inline: 12px;
  }
  .usernameset-mobileonly {
    width: 100%;
    max-width: 20vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .res-bonusorderset-autotra {
    order: 2;
  }
  .res-bonusorderset {
    order: 4;
  }
  .barchart-bottomwrap.p-popover,
  .barchart-widget.p-popover {
    right: 0px !important;
    left: 0px !important;
    width: auto !important;
  }
  .barchart-bottomwrap.p-popover .p-popover-close,
  .barchart-widget.p-popover .p-popover-close {
    left: auto;
    right: 10px;
  }
  [dir=rtl] .barchart-bottomwrap.p-popover .p-popover-close,
  [dir=rtl] .barchart-widget.p-popover .p-popover-close {
    left: 10px;
    right: auto;
  }
  .leaguename-wrap {
    max-width: auto;
  }
  .depwid-limit-mainsec .card.form-card .depwid-limit-wrap {
    width: 100%;
  }
  .depwid-limit-wrap {
    width: 100%;
  }
  .depwid-limit-wrap > .p-formgrid > .p-field {
    margin-bottom: 15px;
  }
  .affilate-detailsmain table {
    overflow: auto;
    display: list-item;
  }
  .layout-headersec-left .system_logo img {
    width: 100%;
  }
  body .language-select-wrap {
    margin-inline-end: 0px !important;
  }
  body .language-select-wrap .user-button-container .layout-topbar-action {
    padding: 0px !important;
    margin: 0px !important;
  }
  .dashboard-widget li {
    width: 100%;
    margin: 0px;
    margin-bottom: 20px;
  }
  .dashboard-widget li .barchart-widget {
    min-width: auto;
  }
  .dashboard-widget li .barchart-widget .card-content {
    overflow: auto;
  }
  .dashboard-widget li .barchart-widget mat-table {
    max-height: 600px;
    overflow-y: auto;
    position: relative;
  }
  .dashboard-widget li .barchart-widget mat-table mat-header-row {
    position: sticky;
    left: 0;
    right: auto;
  }
  [dir=rtl] .dashboard-widget li .barchart-widget mat-table mat-header-row {
    left: auto;
    right: 0;
  }
  .dashboard-widget li .barchart-widget mat-table mat-header-row {
    top: 0;
  }
  .dashboard-widget li:nth-child(1), .dashboard-widget li:nth-child(2), .dashboard-widget li:nth-child(3), .dashboard-widget li:nth-child(4) {
    width: 100%;
  }
  .dashboard-widget li:nth-child(1) .widget, .dashboard-widget li:nth-child(2) .widget, .dashboard-widget li:nth-child(3) .widget, .dashboard-widget li:nth-child(4) .widget {
    flex-direction: row;
  }
  .dashboard-widget li:nth-child(1) .widget-text, .dashboard-widget li:nth-child(2) .widget-text, .dashboard-widget li:nth-child(3) .widget-text, .dashboard-widget li:nth-child(4) .widget-text {
    margin-top: 15px;
    align-items: flex-start;
    width: calc(100% - 110px);
  }
  .dashboard-widget li:nth-child(1) .widget-text > span, .dashboard-widget li:nth-child(2) .widget-text > span, .dashboard-widget li:nth-child(3) .widget-text > span, .dashboard-widget li:nth-child(4) .widget-text > span {
    text-align: justify;
  }
  .dashboard-widget li:nth-child(1) .widget-text h2, .dashboard-widget li:nth-child(2) .widget-text h2, .dashboard-widget li:nth-child(3) .widget-text h2, .dashboard-widget li:nth-child(4) .widget-text h2 {
    text-align: justify;
  }
  .dashboard-widget li .widget-text {
    width: calc(100% - 110px);
    gap: 8px;
  }
  .dashboard-widget li .widget-text span {
    word-break: break-word;
  }
  .dashboard-widget li .widget-text h2 {
    font-size: 28px;
  }
  .dashboard-widget .dashboard-widget-firstrow li .widget .widget-icon {
    margin-inline-end: 25px;
  }
  .dashboard-widget.five-one-row li {
    width: 100%;
  }
  .dashboard-widget.six-one-row li {
    width: 100%;
  }
  .dashboard-widget.details-widget-wrap {
    margin: 0px;
    margin-top: 10px;
  }
  .dashboard-widget.details-widget-wrap > div {
    flex-wrap: wrap;
  }
  .layout-content .dashboard-filter {
    box-shadow: unset;
    padding: 0px !important;
  }
  .layout-content .dashboard-filter .card .p-fluid .p-field:nth-child(1), .layout-content .dashboard-filter .card .p-fluid .p-field:nth-child(2), .layout-content .dashboard-filter .card .p-fluid .p-field:nth-child(3) {
    width: 100% !important;
    margin-bottom: 12px !important;
  }
  .dashboard-wrapper .select-date {
    position: unset;
    left: auto;
    right: 30px;
  }
  [dir=rtl] .dashboard-wrapper .select-date {
    left: 30px;
    right: auto;
  }
  .dashboard-wrapper .select-date {
    top: 9px;
    z-index: 1;
    margin-bottom: 14px;
    padding: 10px 10px;
    border-radius: 10px;
  }
  .dashboard-wrapper .select-date .p-tabview-panels {
    padding: 12px 0px;
  }
  .select-date .md-drppicker .calendar {
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    float: left;
  }
  .promotion-detail-textarea {
    overflow-y: auto;
  }
  .header-filter .advance-filter .range-picker {
    min-width: 100% !important;
  }
  .responsive-load-set .p-button {
    margin-top: 12px;
    width: calc(50% - 6px);
  }
  .main-auth-login .login {
    width: auto;
  }
  .main-auth-login .login.div2fa {
    width: auto;
    min-width: auto;
    max-width: unset;
    padding: 15px;
  }
  .main-auth-login .login.div2fa .AuthenticationText {
    padding-inline-start: 0px !important;
  }
  .main-auth-login .login.div2fa .main-bardcode-img {
    text-align: center;
  }
  .main-auth-login .login.div2fa .main-bardcode-img img {
    width: 160px !important;
    border-radius: 10px;
  }
  .login-bg .heading label {
    font-size: 40px;
  }
  .login-bg .heading span {
    font-size: 20px;
  }
  .login-bg .heading small {
    font-size: 10px;
  }
  .form-card .card-content .p-grid .p-col {
    min-width: 100%;
  }
  .odd-maintable-wrap tbody tr td {
    width: 120px;
  }
  .p-field .res-mobile-dayselect {
    display: block !important;
  }
  body .res-point-cat-width {
    border-bottom: 1px solid #4d515d;
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
  }
  body .res-point-cat-width .max-width-180 {
    min-width: 100px;
  }
  .lang_header.card.header-filter .p-field {
    max-width: 50% !important;
    min-width: auto !important;
    margin: 0 !important;
  }
}
@media (min-width: 375px) and (max-width: 424px) {
  .res-checkbox-set p-checkbox:nth-child(3) {
    margin-top: 10px;
  }
  .layout-wrapper .layout-topbar-right .layout-topbar-actions-right ul .notification-main a {
    padding: 10px 8px;
  }
  .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items {
    padding: 0px 0px;
    flex-wrap: wrap;
  }
  .main-auth-login .login.div2fa .AuthenticationText {
    padding-inline-start: 0px !important;
    font-size: 11px;
  }
  .main-auth-login .login.div2fa .AuthenticationText h1 {
    font-size: 16px;
  }
  .main-auth-login .login.div2fa .AuthenticationText .key {
    font-size: 13px;
    padding: 8px 4px;
  }
}
@media (min-width: 280px) and (max-width: 374px) {
  body .menu-wrapper .layout-menu-container .layout-menu {
    height: calc(100vh - 53vw);
  }
  .dashboard-wrapper .select-date {
    top: -4px;
  }
  .dashboard-wrapper .p-tabview-nav {
    margin-top: 40px;
  }
  .layout-wrapper .layout-topbar-right .layout-topbar-actions-right ul .notification-main a {
    padding: 10px 8px;
  }
  .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item {
    margin-inline: 0px !important;
  }
  .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action {
    margin: 0px;
  }
  .main-auth-login .login.div2fa .AuthenticationText {
    padding-inline-start: 0px !important;
    font-size: 11px;
  }
  .main-auth-login .login.div2fa .AuthenticationText h1 {
    font-size: 16px;
  }
  .main-auth-login .login.div2fa .AuthenticationText .key {
    font-size: 10px;
    padding: 8px 4px;
  }
}
/* All devices (landscape phones) */
@media only screen and (min-device-width: 521px) and (max-device-width: 767px) and (orientation: landscape) {
  .layout-topbar .layout-topbar-left .layout-menu-button {
    position: static !important;
    background: none !important;
    height: 100% !important;
    margin: 0 !important;
    width: 3.5rem !important;
    color: #fff !important;
  }
  .layout-content .dashboard-filter {
    box-shadow: unset;
    padding: 0px !important;
  }
  .layout-content .dashboard-filter .card .p-fluid .p-field:nth-child(1), .layout-content .dashboard-filter .card .p-fluid .p-field:nth-child(2), .layout-content .dashboard-filter .card .p-fluid .p-field:nth-child(3) {
    width: 33%;
  }
  .layout-content .dashboard-filter .card .p-fluid .p-field {
    margin-bottom: 15px !important;
  }
  .dashboard-widget li {
    width: calc(50% - 30px);
  }
  .dashboard-widget li .barchart-widget {
    min-width: auto;
  }
  .dashboard-widget li .barchart-widget .table_overflow {
    overflow-y: scroll;
  }
  .dashboard-widget li:nth-child(1), .dashboard-widget li:nth-child(2), .dashboard-widget li:nth-child(3), .dashboard-widget li:nth-child(4) {
    width: calc(50% - 30px);
  }
  .dashboard-widget li:nth-child(1) .widget, .dashboard-widget li:nth-child(2) .widget, .dashboard-widget li:nth-child(3) .widget, .dashboard-widget li:nth-child(4) .widget {
    flex-direction: row;
  }
  .dashboard-widget li:nth-child(1) .widget-text, .dashboard-widget li:nth-child(2) .widget-text, .dashboard-widget li:nth-child(3) .widget-text, .dashboard-widget li:nth-child(4) .widget-text {
    margin-top: 15px;
    margin-inline-start: 26px;
    align-items: flex-start;
    width: calc(100% - 110px);
  }
  .dashboard-widget li:nth-child(1) .widget-text > span, .dashboard-widget li:nth-child(2) .widget-text > span, .dashboard-widget li:nth-child(3) .widget-text > span, .dashboard-widget li:nth-child(4) .widget-text > span {
    text-align: justify;
  }
  .dashboard-widget li:nth-child(1) .widget-text h2, .dashboard-widget li:nth-child(2) .widget-text h2, .dashboard-widget li:nth-child(3) .widget-text h2, .dashboard-widget li:nth-child(4) .widget-text h2 {
    text-align: justify;
  }
  .dashboard-widget li .widget-text {
    width: calc(100% - 110px);
  }
  .dashboard-widget li .widget-text span {
    word-break: break-all;
  }
  .dashboard-widget li .widget-text h2 {
    font-size: 28px;
  }
  .dashboard-widget.five-one-row li {
    width: calc(50% - 14px);
  }
  .dashboard-widget.six-one-row li {
    width: calc(50% - 14px);
  }
  .dashboard-widget.details-widget-wrap > div {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 280px) and (max-width: 767px) {
  .tournament-casino-left .field-data label {
    white-space: nowrap;
  }
  .login-bg .card {
    padding: 47px 15px 30px !important;
    margin-top: 0 !important;
    margin: 0 auto;
  }
  .login-bg .logo {
    width: 128px;
    height: 40px;
    margin-top: 10px;
  }
  .login-bg .main-login-wrap .loginwrap-section {
    padding: 10px;
  }
  .login-bg .main-login-wrap .loginwrap-section .p-grid {
    justify-content: center;
  }
  .login-bg .main-login-wrap .loginwrap-section .p-grid > div {
    order: 2;
    padding-bottom: 20px;
  }
  .login-bg .main-login-wrap .loginwrap-section .p-grid .rightside-login {
    order: 1;
  }
  .login-bg .main-login-wrap .loginwrap-section .p-grid .rightside-login .loginbg-design-3 {
    display: none;
  }
  .login-bg .main-login-wrap .loginwrap-section .p-grid .rightside-login .bottomdesign-main {
    display: none;
  }
  .login-bg .main-auth-login #dv_edit_user {
    min-height: 250px;
  }
  .login-bg .main-auth-login .login.authentication-wrapper {
    min-height: 250px;
  }
  .login-bg .main-auth-login.showQr .login.div2fa {
    width: auto;
  }
  .login-bg .main-auth-login.showQr .login.div2fa .auth-text {
    text-align: center;
  }
  .login-bg .main-auth-login.showQr .login.div2fa .auth-text h1 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .login-bg .main-auth-login.showQr .login.div2fa .mainauth-bardcodwrap {
    flex-direction: column-reverse;
  }
  .login-bg .main-auth-login.showQr .login.div2fa .mainauth-bardcodwrap .main-bardcode-img {
    margin-inline-end: 0;
  }
  .login-bg .main-auth-login.showQr .login.div2fa .mainauth-bardcodwrap .main-bardcode-img img {
    width: 160px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-bg .card {
    padding: 47px 15px !important;
  }
  .depwid-limit-mainsec .card.form-card .depwid-limit-wrap {
    width: 100%;
  }
  .depwid-limit-wrap {
    width: 100%;
  }
  .layout-content .dashboard-filter {
    box-shadow: unset;
    padding: 0px !important;
  }
  .layout-content .dashboard-filter .card .p-fluid .p-field:nth-child(1), .layout-content .dashboard-filter .card .p-fluid .p-field:nth-child(2), .layout-content .dashboard-filter .card .p-fluid .p-field:nth-child(3) {
    width: 33%;
  }
  .dashboard-widget li {
    width: calc(50% - 30px);
  }
  .dashboard-widget li .barchart-widget {
    min-width: auto;
  }
  .dashboard-widget li .barchart-widget .card-content {
    overflow: auto;
  }
  .dashboard-widget li .barchart-widget .table_overflow {
    overflow-y: scroll;
  }
  .dashboard-widget li:nth-child(1), .dashboard-widget li:nth-child(2), .dashboard-widget li:nth-child(3), .dashboard-widget li:nth-child(4) {
    width: calc(50% - 30px);
  }
  .dashboard-widget li:nth-child(1) .widget, .dashboard-widget li:nth-child(2) .widget, .dashboard-widget li:nth-child(3) .widget, .dashboard-widget li:nth-child(4) .widget {
    flex-direction: row;
  }
  .dashboard-widget li:nth-child(1) .widget-text, .dashboard-widget li:nth-child(2) .widget-text, .dashboard-widget li:nth-child(3) .widget-text, .dashboard-widget li:nth-child(4) .widget-text {
    margin-top: 15px;
    align-items: flex-start;
    width: calc(100% - 110px);
  }
  .dashboard-widget li:nth-child(1) .widget-text > span, .dashboard-widget li:nth-child(2) .widget-text > span, .dashboard-widget li:nth-child(3) .widget-text > span, .dashboard-widget li:nth-child(4) .widget-text > span {
    text-align: justify;
  }
  .dashboard-widget li:nth-child(1) .widget-text h2, .dashboard-widget li:nth-child(2) .widget-text h2, .dashboard-widget li:nth-child(3) .widget-text h2, .dashboard-widget li:nth-child(4) .widget-text h2 {
    text-align: justify;
  }
  .dashboard-widget li .widget-text {
    width: calc(100% - 110px);
  }
  .dashboard-widget li .widget-text span {
    word-break: break-all;
  }
  .dashboard-widget li .widget-text h2 {
    font-size: 28px;
  }
  .dashboard-widget .dashboard-widget-firstrow li .widget .widget-icon {
    margin-inline-end: 25px;
  }
  .dashboard-widget.five-one-row li {
    width: calc(50% - 14px);
  }
  .dashboard-widget.six-one-row li {
    width: calc(50% - 14px);
  }
  .dashboard-widget.details-widget-wrap > div {
    flex-wrap: wrap;
  }
  .tablet-hide-btn.p-d-none {
    display: none !important;
  }
  .layout-topbar .layout-topbar-left .layout-menu-button {
    position: static !important;
    background: none !important;
    height: 100% !important;
    margin: 0 !important;
    width: 3.5rem !important;
    color: #fff !important;
  }
  .layout-topbar .layout-topbar-left .layout-menu-button i {
    font-size: 15px;
  }
  .promotion-detail-textarea {
    overflow-y: auto;
  }
  .card.header-filter .p-field {
    width: 50%;
    max-width: 50%;
    min-width: 50%;
    margin-bottom: 12px !important;
  }
  .card.header-filter .p-field .p-field {
    max-width: 100%;
    width: 100%;
    margin-bottom: 18px !important;
  }
  .card.header-filter .advance-filter .p-field {
    min-width: 50%;
  }
  p-checkbox {
    word-break: break-all;
  }
  .main-login-wrap {
    margin: 0 auto;
  }
  .responsive-load-set .p-button {
    margin-top: 12px;
    width: calc(33% - 6px);
  }
  .main-auth-login .login.div2fa .AuthenticationText {
    padding-inline-start: 6px !important;
  }
  body .res-point-cat-width {
    border-bottom: 1px solid #4d515d;
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
  }
  body .res-point-cat-width .max-width-180 {
    min-width: 100px;
  }
  .layout-topbar .layout-topbar-left .layout-topbar-logo img {
    padding: 5px 0px;
  }
}
/* only for mobile and tablet device */
@media (max-width: 991px) {
  .translation-page .p-datatable .p-datatable-tbody tr:not(.p-table-nodata) td:first-child {
    word-break: break-all;
  }
  .min-width-desktop {
    min-width: 150px;
  }
  .user-card .user-card-content .bonus-commonsection > div, .user-card .user-card-content .bonus-commonsection.bonus-full-box {
    max-width: 100%;
    min-width: 100%;
  }
  .user-card .user-card-content .user-row {
    max-width: 100%;
    width: 100%;
  }
  .user-card .user-card-content .bonus-commonsection {
    display: block;
  }
  .field-with-copyclipboard i.pi-copy {
    font-size: 14px;
  }
  .user-card .user-card-content label {
    margin-bottom: 0;
  }
  .user-card .user-card-content .p-select {
    font-size: 12px;
  }
  .user-card {
    padding: 12px;
  }
  .user-card .user-card-content {
    padding-block: 10px 0;
  }
  .divider-light {
    margin: 15px 0px;
  }
  .user-card h6 {
    font-size: 14px;
  }
  .user-card .user-card-content .p-inputtext:not(.p-select-filter), .user-card .user-card-content label, .user-card .user-card-content .date-row span {
    font-size: 12px;
  }
  .user-card .user-card-content {
    display: block;
  }
  .user-card .user-card-content .user-row:not(:first-child) {
    margin-top: 15px;
  }
  .user-card .user-card-content .user-row > div:not(:last-child) {
    margin-bottom: 0;
  }
  .user-card .user-card-content .user-row > div:not(:first-child) {
    margin-top: 15px;
  }
  .systemlogin-logo {
    max-height: 80px;
    width: 100%;
    object-fit: contain;
  }
  .web-custom-settings-wrap .web-settings-wrapper .p-tablist-content {
    overflow: auto;
  }
  .social-media-block {
    margin-inline-end: -0.5rem !important;
  }
  .social-media-block.block-spacing {
    margin-inline-end: 0px !important;
  }
  .social-media-block.block-spacing .p-field.p-fluid {
    margin-top: 6px;
  }
  .payment-limit-data .value {
    margin-top: 0px;
  }
  .button-commision-repo-wrap {
    margin-top: 0px;
  }
  .button-commision-repo-wrap .p-field {
    margin-bottom: 0px !important;
  }
  .clone-settings-wrap {
    width: 100%;
  }
  .clone-settings-wrap .card.header-filter .p-field:not(.p-col-fixed) {
    width: 100%;
    min-width: 100%;
  }
  .clone-settings-wrap .warning-casino-text {
    margin-inline: 16px;
  }
  .mainusers-wrap .quick-summary-form {
    margin: 0px;
  }
  .mainusers-wrap .quick-summary-form .mainusers-outer {
    background: #b67138;
    margin-bottom: 10px;
    margin-inline-end: 6px;
  }
  .mainusers-wrap .quick-summary-form .mainusers-inner {
    border: 1px solid #c0804b;
  }
  .section-searchview {
    padding: 12px;
  }
  .section-searchview .sectionsearch-listview {
    position: absolute;
    z-index: 99;
    width: 100%;
  }
  .websection-overlay-panel {
    width: 120px;
  }
  .common-cacherefresh-btn .p-button {
    text-align: start;
    max-width: 100%;
    word-break: break-word;
  }
  .bonus-detail-group .bonus-data-column.res-providergamelistset {
    width: calc(100% - 15px) !important;
    margin-top: 20px;
    margin-inline-end: 40px;
  }
  .mainrefercode-table .p-datatable-table-container, .mainrefercode-table .p-datatable-wrapper {
    overflow: visible !important;
    overflow-x: auto !important;
  }
  .playerref-mainwrap .plyerref-topdetails {
    flex-direction: column-reverse;
  }
  .playerref-mainwrap .plyerref-topdetails .time {
    margin-bottom: 4px;
  }
  .res-casinocheckbox-set {
    padding-inline-start: 0px !important;
    margin-top: 20px;
  }
  .responsive-tableheader-set {
    flex-direction: column;
    align-items: baseline !important;
  }
  .responsive-tableheader-set h5 {
    margin-bottom: 10px !important;
  }
  .responsive-tableheader-set .scrres-dropdown {
    align-items: center;
  }
  .menu-wrapper .layout-menu-container .layout-menu {
    height: calc(100vh - 171px);
  }
  .menu-wrapper .layout-menu-container .sidebar-profile-wrap .profile-details h3.user-img {
    height: 35px;
    width: 35px;
  }
  .menu-wrapper .layout-menu-container .sidebar-profile-wrap .profile-details p {
    max-width: 80px;
  }
  .layout-topbar-blue .layout-topbar .layout-topbar-left {
    background-color: rgba(33, 33, 33, 0.7);
    backdrop-filter: blur(12px);
  }
  .layout-topbar .layout-topbar-right {
    background: rgb(26, 26, 26) !important;
    backdrop-filter: none;
  }
  .supportuser-curbalance {
    background: #363647;
    font-size: 13px;
  }
  .systemupdate-view .common-systemview label {
    margin-bottom: 4px;
    font-size: 14px;
  }
  .systemupdate-view .common-systemview span {
    font-size: 13px;
  }
  .systemupdate-view .common-systemview.p-xl-3 {
    width: calc(50% - 10px);
  }
  .systemupdate-view .common-systemview.p-xl-3.lastsystemview-box {
    width: 50%;
  }
  ::-webkit-scrollbar {
    height: 5px;
  }
  .main-crmreport-wrap .report-commonsection {
    width: 100%;
    margin-bottom: 10px;
    padding: 0px;
  }
  .main-crmreport-wrap .report-commonsection .card {
    margin-bottom: 0px !important;
  }
  .main-crmreport-wrap .report-commonsection .crmfilter-field {
    min-width: auto;
  }
  .main-crmreport-wrap .multiple-section {
    margin-bottom: 10px;
    width: 100%;
  }
  .mainusers-wrap .mainusers-inner {
    flex-wrap: wrap;
  }
  .mainusers-wrap .mainusers-inner .maindiv-error .pi-info-circle {
    display: none;
  }
  .noteinfo-wrap {
    margin-top: 0px !important;
    margin-bottom: 10px;
  }
  .short-deseditor {
    margin-top: 20px;
  }
  .short-deseditor .tox.tox-tinymce {
    height: 575px !important;
  }
  .p-datatable .p-datatable-header h5,
  .p-treetable .p-treetable-header h5 {
    line-height: 18px;
    margin-bottom: 1rem;
  }
  .responsive-header-rightside {
    display: flex;
    align-items: center;
    margin-inline-start: auto;
  }
  .responsive-header-rightside .logout-btn a {
    font-size: 1.8rem;
    padding: 0px 1vw;
    color: #a2a2a2;
  }
  .layout-wrapper .layout-menu li {
    overflow: hidden;
  }
  .layout-topbar-items .for-desktop-only {
    display: none !important;
  }
  .for-desktop-only {
    display: none !important;
  }
  .dashboard-chart-wrap .dashboard-chart-widget .widget {
    overflow: auto;
  }
  .language-select-wrap .user-button-container .layout-topbar-action-panel {
    left: unset !important;
    right: 0 !important;
  }
  [dir=rtl] .language-select-wrap .user-button-container .layout-topbar-action-panel {
    left: 0 !important;
    right: unset !important;
  }
  .res-p-p-0 {
    padding: 0px !important;
  }
  .layout-main .main_loader {
    height: calc(100% - 65px);
    margin-top: 62px;
  }
  .responsive-wallet-set.support-resheaderbalance .user-button-container {
    background: #303030;
    border-radius: 4px;
    padding: 5px 10px;
    min-width: 60px;
  }
  .responsive-wallet-set.support-resheaderbalance .layout-topbar-action-panel {
    width: 240px !important;
    left: -40px;
    right: auto;
  }
  [dir=rtl] .responsive-wallet-set.support-resheaderbalance .layout-topbar-action-panel {
    left: auto;
    right: -40px;
  }
  .responsive-wallet-set.support-resheaderbalance .balanceloader {
    font-size: 15px !important;
  }
  .responsive-wallet-set.support-resheaderbalance .pi-wallet {
    font-size: 16px !important;
  }
  .responsive-wallet-set.main-header-balance {
    position: relative;
    margin-inline-start: auto;
  }
  .responsive-wallet-set.main-header-balance .layout-topbar-action-panel {
    position: absolute;
    top: 28px;
    min-width: 18rem;
    padding: 0;
    z-index: 99;
    border-radius: 4px;
    background-color: #303030;
    left: auto;
    right: 0;
  }
  [dir=rtl] .responsive-wallet-set.main-header-balance .layout-topbar-action-panel {
    left: 0;
    right: auto;
  }
  .responsive-wallet-set.main-header-balance .layout-topbar-action-panel:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 9px solid #303030;
    margin-left: 15px;
    content: "";
    position: absolute;
    right: 15px;
    top: -8px;
  }
  [dir=rtl] .responsive-wallet-set.main-header-balance .layout-topbar-action-panel:before {
    left: 15px;
    right: unset;
  }
  .responsive-wallet-set.main-header-balance .layout-topbar-action-panel li {
    padding: 8px;
    color: rgba(255, 255, 255, 0.87);
    border-bottom: 1px solid #3e3e3e;
    gap: 10px;
  }
  .responsive-wallet-set.main-header-balance .layout-topbar-action-panel li:last-child {
    border-bottom: 0;
  }
  .responsive-wallet-set.main-header-balance .layout-topbar-action-panel li .balance-price, .responsive-wallet-set.main-header-balance .layout-topbar-action-panel li .balance-name {
    max-width: 170px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .responsive-wallet-set.main-header-balance .layout-topbar-action-panel li .balance-price {
    max-width: 100px;
  }
  .layout-headersec-right {
    padding: 8px;
    background-color: #2d2d2d;
    margin-inline: 6px;
    border: 1px solid #353535;
    border-top-width: 0;
    border-end-end-radius: 6px;
    border-end-start-radius: 6px;
  }
  .layout-headersec-right ul li a {
    color: #ffffff;
    padding: 10px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1294117647);
    font-size: 13px;
    padding: 0 10px;
  }
  .layout-headersec-right ul li a i {
    font-size: 14px;
    margin-inline-end: 8px !important;
  }
  .layout-headersec-right ul li a img {
    width: 20px;
    margin-inline-start: -3px;
  }
  .layout-headersec-right ul li:last-child a {
    border: none;
  }
  .layout-headersec-right ul .casino-balance-main-wrap {
    position: relative;
    border-radius: 4px;
  }
  .layout-headersec-right ul .casino-balance-main-wrap .dropdown-profile-icon {
    position: absolute;
    left: auto;
    right: 6px;
  }
  [dir=rtl] .layout-headersec-right ul .casino-balance-main-wrap .dropdown-profile-icon {
    left: 6px;
    right: auto;
  }
  .layout-headersec-right ul .casino-balance-main-wrap .dropdown-profile-icon {
    font-size: 14px;
    transition: all 0.3s;
    font-weight: 300;
  }
  .layout-headersec-right ul .casino-balance-main-wrap.dropdown-arrow-hide .dropdown-profile-icon {
    display: none;
  }
  .layout-headersec-right .casino-balance-responsive ul {
    overflow: hidden;
    margin-top: 4px;
  }
  .layout-headersec-right .casino-balance-responsive ul li {
    padding: 10px;
    background: #252525;
    border-radius: 4px;
    margin-top: 5px;
  }
  .layout-headersec-right .casino-balance-responsive .casino-balance-heading {
    background: #81532E;
    border-radius: 4px;
    padding: 6px;
  }
  .layout-headersec-right .casino-balance-responsive .balance-item {
    display: flex;
    font-size: 13px;
  }
  .layout-headersec-right .casino-balance-responsive .balance-item .balance-item-value {
    margin-inline-end: 8px;
  }
  .layout-headersec-right .casino-balance-responsive .balance-item .balance-item-value i {
    font-size: 14px;
    margin-inline-end: 5px !important;
  }
  .layout-headersec-right .casino-balance-responsive .balance-item .balance-item-value span {
    font-weight: 500;
  }
  .layout-headersec-right .casino-balance-responsive.open-balance-dropdown .dropdown-profile-icon {
    transform: rotate(180deg);
  }
  .layout-headersec-right .blinkbalance .casino-balance-heading {
    background-color: #ff6347 !important;
  }
  .lang_header.card.header-filter .p-field {
    max-width: 30%;
    margin: 0 !important;
  }
  .layout-topbar-item .user-button-container {
    background: transparent;
    padding: 0;
  }
}
/* only for desktop device */
@media (min-width: 992px) {
  .min-width-desktop {
    min-width: 150px;
  }
  .p-p-12 {
    padding: 12px;
  }
  .custom-copy-class .pi {
    font-size: 1.5rem;
  }
  .user-card .user-card-content .bonus-commonsection label {
    min-height: 34px;
  }
  .gap-lg-6 {
    gap: 6px;
  }
  .web-settings-slider-wrap .card-content .p-depwith-setting .p-grid .p-field {
    margin-bottom: 0;
  }
  .register-commonsection .p-field {
    margin-bottom: 0;
  }
  .config-settings .webcustomsetting-inner .p-tabview-panels {
    margin-top: -15px !important;
  }
  .wrap-ip-address {
    white-space: normal;
    word-break: break-word;
    width: 100%;
    height: auto;
    overflow-wrap: break-word;
    resize: vertical;
  }
  .mainusers-wrap .quick-summary-form {
    margin: 0px;
  }
  .mainusers-wrap .quick-summary-form .mainusers-outer {
    width: max-content;
    display: inline-flex;
    position: relative;
    border-radius: 3px;
    align-items: center;
    background: #b67138;
    padding: 5px;
    margin-inline-end: 8px;
    height: 85px;
    /* margin-bottom: 10px;*/
  }
  .mainusers-wrap .quick-summary-form .mainusers-inner {
    border: 1px solid #c0804b;
  }
  .mainusers-wrap .quick-summary-form .usercommon-field {
    height: 80px;
  }
  .mainusers-wrap .quick-summary-form .usercommon-field.usercommon-fieldadmin {
    height: 70px;
  }
  .mainappsetting-wrap .register-notimain-wrap .p-tabs .p-tabview-nav-container {
    background: transparent;
  }
  .mainappsetting-wrap .p-tabs-fillwidth .register-notimain-wrap .p-tabs .p-tabs-nav {
    display: block;
  }
  .register-notimain-wrap.webcustomsetting-mainwrap .webcustomsetting-inner.p-tabs .p-tabpanels {
    width: calc(100% - 300px);
    margin-top: 0px;
    padding-block: 0px;
  }
  .register-notimain-wrap .webcustomsetting-inner .p-tablist {
    margin-bottom: 0 !important;
  }
  .webcustomsetting-mainwrap {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .webcustomsetting-mainwrap.main-permissionsetting .webcustomsetting-inner .p-tabpanels {
    margin-top: -67px !important;
  }
  .webcustomsetting-mainwrap .section-searchview {
    width: 100%;
    padding: 0px 14px;
  }
  .webcustomsetting-mainwrap .section-searchview > .p-field {
    width: 286px;
    background-color: #353535;
    padding: 12px;
    margin-bottom: 0px;
    border-start-start-radius: 6px;
    border-start-end-radius: 6px;
    border-end-end-radius: 0px;
    border-end-start-radius: 0px;
  }
  .webcustomsetting-mainwrap .section-searchview > .p-field .sectionsearch-listview {
    position: absolute;
    z-index: 99;
    width: 100%;
  }
  .webcustomsetting-mainwrap .webcustomsetting-inner .webcstm-keyfield .common-keyfield {
    padding: 4px 5px;
  }
  .webcustomsetting-mainwrap .webcustomsetting-inner .webcstm-keyfield .common-keyfield .p-fluid {
    display: flex;
    align-items: center;
    background-color: var(--surface-e);
    padding: 5px 10px;
    border: 1px solid var(--divider-color);
    border-radius: 4px;
    margin-bottom: 0px;
  }
  .webcustomsetting-mainwrap .webcustomsetting-inner .webcstm-keyfield .common-keyfield .p-fluid > label {
    margin-inline-end: 8px;
    margin-bottom: 0px;
    min-width: 470px;
    font-size: 13px;
    color: #d5d5d5;
    word-break: break-all;
  }
  .webcustomsetting-mainwrap .webcustomsetting-inner .webcstm-keyfield .common-keyfield .p-fluid .webcstm-field {
    width: auto;
    min-width: 300px;
  }
  .webcustomsetting-mainwrap .webcustomsetting-inner .webcstm-keyfield .common-keyfield .p-fluid .p-multiselect, .webcustomsetting-mainwrap .webcustomsetting-inner .webcstm-keyfield .common-keyfield .p-fluid .p-select {
    min-width: 300px;
    max-width: 300px;
  }
  .mainusers-wrap .quick-summary-form {
    margin: 0px;
  }
  .mainusers-wrap .quick-summary-form .mainusers-outer {
    width: max-content;
    display: inline-flex;
    position: relative;
    border-radius: 3px;
    align-items: center;
    background: #b67138;
    padding: 5px;
    margin-inline-end: 8px;
    height: 85px;
  }
  .mainusers-wrap .quick-summary-form .mainusers-inner {
    border: 1px solid #c0804b;
  }
  .mainusers-wrap .quick-summary-form .usercommon-field {
    height: 80px;
  }
  .mainusers-wrap .quick-summary-form .usercommon-field.usercommon-fieldadmin {
    height: 70px;
  }
  .websection-overlay-panel {
    width: 100%;
    max-width: 400px;
  }
  .layout-menu-slim .menu-wrapper .layout-menu-container .sidebar-profile-wrap .profile-details p, .layout-menu-slim .menu-wrapper .layout-menu-container .sidebar-profile-wrap .lang-select-main {
    display: none;
  }
  .counttimer-position .p-calendar .p-datepicker {
    left: -20px !important;
    right: auto;
  }
  [dir=rtl] .counttimer-position .p-calendar .p-datepicker {
    left: auto;
    right: -20px !important;
  }
  body .for-mobile-only {
    display: none !important;
  }
  .layout-topbar-left .only-tablet {
    display: none !important;
  }
  .layout-menu-slim .layout-inline-menu .layout-inline-menu-action {
    justify-content: center;
  }
  .layout-menu-slim .layout-inline-menu .layout-inline-menu-action > span,
  .layout-menu-slim .layout-inline-menu .layout-inline-menu-action > i {
    display: none !important;
  }
  .layout-menu-slim .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item > a {
    justify-content: center;
  }
  .layout-menu-slim .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item > a > i {
    font-size: 1.5rem;
    margin-inline-end: 0 !important;
  }
  .layout-menu-slim .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item > a > span {
    display: none;
  }
  body.slim-menu .layout-topbar-slim-logo {
    display: block;
  }
  body.slim-menu .layout-topbar-logo {
    display: none !important;
  }
  .static-menu .layout-topbar-slim-logo {
    display: none;
  }
  .static-menu .layout-topbar-logo {
    display: flex !important;
  }
  .md-drppicker {
    min-width: 660px;
  }
}
/* Ipad Pro and Leptop Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .main-user-balanceinfo .bonus-commonsection {
    padding: 6px;
  }
  .main-user-balanceinfo .bonus-commonsection .p-d-flex.p-col .property {
    margin-bottom: 4px;
  }
  .main-user-balanceinfo .bonus-commonsection .p-d-flex.p-col {
    flex-direction: column;
  }
  .main-user-balanceinfo {
    padding: 6px;
  }
  .user-profilesummary .bonus-commonsection {
    padding: 6px;
  }
  .user-profilesummary {
    margin: -15px;
  }
  .user-profilesummary .bonus-commonsection .p-mb-3 {
    text-align: center;
  }
  .user-profilesummary .bonus-commonsection .p-mb-3 label {
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
  }
  .user-profilesummary .freebet-balance-wrap .bonus-commonsection:last-child {
    margin-top: 52px;
  }
  body .layout-menu-static.layout-menu-active .layout-main {
    margin-inline-start: 4.5rem;
    transition: all 0.2s;
  }
  body .layout-wrapper.layout-menu-static .layout-mask {
    display: block !important;
  }
  .layout-menu-static .menu-wrapper {
    transform: translate3d(0rem, 0px, 0px);
    transition: transform 0.2s;
  }
  .dashboard-widget li {
    width: calc(50% - 30px);
  }
  .dashboard-widget li .barchart-widget {
    min-width: auto;
  }
  .dashboard-widget li .barchart-widget .table_overflow {
    overflow-y: scroll;
  }
  .dashboard-widget li:nth-child(1), .dashboard-widget li:nth-child(2), .dashboard-widget li:nth-child(3), .dashboard-widget li:nth-child(4) {
    width: calc(50% - 30px);
  }
  .dashboard-widget li:nth-child(1) .widget, .dashboard-widget li:nth-child(2) .widget, .dashboard-widget li:nth-child(3) .widget, .dashboard-widget li:nth-child(4) .widget {
    flex-direction: row;
  }
  .dashboard-widget li:nth-child(1) .widget-text, .dashboard-widget li:nth-child(2) .widget-text, .dashboard-widget li:nth-child(3) .widget-text, .dashboard-widget li:nth-child(4) .widget-text {
    margin-top: 15px;
    margin-inline-start: 26px;
    align-items: flex-start;
    width: calc(100% - 110px);
  }
  .dashboard-widget li .widget-text {
    width: calc(100% - 110px);
  }
  .dashboard-widget li .widget-text span {
    word-break: break-all;
  }
  .dashboard-widget.five-one-row li {
    width: calc(50% - 14px);
  }
  .dashboard-widget.six-one-row li {
    width: calc(50% - 14px);
  }
  .dashboard-widget.details-widget-wrap > div {
    flex-wrap: wrap;
  }
  .layout-content .dashboard-filter .card .p-fluid .p-field:nth-child(1), .layout-content .dashboard-filter .card .p-fluid .p-field:nth-child(2), .layout-content .dashboard-filter .card .p-fluid .p-field:nth-child(3) {
    width: 24%;
  }
  .dashboard-chart-wrap .dashboard-chart-widget .widget {
    overflow: auto;
  }
}
@media only screen and (min-device-width: 1280px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .dashboard-widget li:nth-child(1), .dashboard-widget li:nth-child(2), .dashboard-widget li:nth-child(3), .dashboard-widget li:nth-child(4) {
    width: calc(50% - 20px);
    margin: 10px;
  }
  .dashboard-widget .dashboard-widget-firstrow li {
    width: calc(25% - 20px);
    margin: 10px;
  }
  .dashboard-widget .dashboard-widget-firstrow li .barchart-widget {
    min-width: auto;
  }
  .dashboard-widget .dashboard-widget-firstrow li .barchart-widget .table_overflow {
    overflow-y: scroll;
  }
  .dashboard-widget .dashboard-widget-firstrow li:nth-child(1), .dashboard-widget .dashboard-widget-firstrow li:nth-child(2), .dashboard-widget .dashboard-widget-firstrow li:nth-child(3), .dashboard-widget .dashboard-widget-firstrow li:nth-child(4) {
    width: calc(25% - 20px);
  }
  .dashboard-widget .dashboard-widget-firstrow li:nth-child(1) .widget, .dashboard-widget .dashboard-widget-firstrow li:nth-child(2) .widget, .dashboard-widget .dashboard-widget-firstrow li:nth-child(3) .widget, .dashboard-widget .dashboard-widget-firstrow li:nth-child(4) .widget {
    flex-direction: column;
    padding: 20px 15px;
  }
  .dashboard-widget .dashboard-widget-firstrow li:nth-child(1) .widget-text, .dashboard-widget .dashboard-widget-firstrow li:nth-child(2) .widget-text, .dashboard-widget .dashboard-widget-firstrow li:nth-child(3) .widget-text, .dashboard-widget .dashboard-widget-firstrow li:nth-child(4) .widget-text {
    margin-top: 15px;
    margin-inline-start: 0;
    align-items: center;
    width: 100%;
    text-align: center;
  }
  .dashboard-widget .dashboard-widget-firstrow li .widget-text {
    width: calc(100% - 110px);
  }
  .dashboard-widget .dashboard-widget-firstrow li .widget-text span {
    word-break: break-all;
  }
  .dashboard-widget .dashboard-widget-firstrow .widget-text h2 {
    font-size: 26px;
  }
}
/* ----------- Leptop Device ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  .clone-settings-wrap .clone-casino-wrap {
    padding: 12px;
    margin-inline-start: 0px;
  }
  .clone-settings-wrap .btn-admin {
    width: 16.6667%;
  }
  .mainusers-wrap .mainusers-outer .mainusers-inner .p-field {
    max-width: 100px;
  }
  .mainusers-wrap .mainusers-outer.from-to-box .p-field {
    min-width: 80px;
  }
  .mainusers-wrap .mainusers-outer .p-field {
    max-width: 100%;
    min-width: 195px;
  }
  .respon-tableheader .p-treetable .p-treetable-header, .respon-tableheader .p-treetable .p-datatable-header, .respon-tableheader .p-datatable .p-treetable-header, .respon-tableheader .p-datatable .p-datatable-header {
    padding: 8px 6px;
    min-height: 60px;
    border-start-start-radius: 10px;
    border-start-end-radius: 10px;
    border-end-end-radius: 0px;
    border-end-start-radius: 0px;
  }
  .respon-tableheader .p-treetable .p-treetable-header h5, .respon-tableheader .p-treetable .p-datatable-header h5, .respon-tableheader .p-datatable .p-treetable-header h5, .respon-tableheader .p-datatable .p-datatable-header h5 {
    line-height: 20px;
    margin-inline-end: 10px !important;
  }
  .respon-tableheader .p-datatable-header .p-button {
    min-width: 100px;
  }
  .layout-topbar .layout-topbar-right .layout-topbar-actions-right {
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: end;
    flex-direction: row-reverse;
  }
  .leptop-dropdown {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 7px;
    background: #bf7236;
    border-radius: 10px;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
  }
  .for-leptop-only {
    position: absolute;
    background: var(--primary-color);
    display: none !important;
    top: 35px;
    left: auto;
    right: 0;
  }
  [dir=rtl] .for-leptop-only {
    left: 0;
    right: auto;
  }
  .for-leptop-only {
    border-radius: 10px;
  }
  .for-leptop-only.open {
    display: block !important;
  }
  .for-leptop-only li {
    padding: 4px 0px;
    border-bottom: 1px solid var(--surface-d);
    width: 180px;
  }
  .for-leptop-only li a {
    color: white !important;
  }
  .for-leptop-only li a.active {
    color: #000 !important;
    text-shadow: none !important;
  }
  .for-leptop-only li:hover {
    background: #985e2e;
  }
  .for-leptop-only li:hover:first-child {
    border-start-start-radius: 10px;
    border-start-end-radius: 10px;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
  }
  .for-leptop-only li:hover:last-child {
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-end-radius: 10px;
    border-end-start-radius: 10px;
    border-bottom: 1px solid transparent;
  }
  .main-user-balanceinfo .bonus-commonsection {
    padding: 6px;
  }
  .main-user-balanceinfo .bonus-commonsection .p-d-flex.p-col .property {
    margin-bottom: 4px;
  }
  .main-user-balanceinfo .bonus-commonsection .p-d-flex.p-col {
    flex-direction: column;
  }
  .main-user-balanceinfo {
    padding: 6px;
  }
  .user-profilesummary .bonus-commonsection {
    padding: 6px;
  }
  .user-profilesummary {
    margin: -15px;
  }
  .user-profilesummary .bonus-commonsection .p-mb-3 {
    text-align: center;
  }
  .user-profilesummary .bonus-commonsection .p-mb-3 label {
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
  }
  .user-profilesummary .freebet-balance-wrap .bonus-commonsection:last-child {
    margin-top: 52px;
  }
  .game-table-main-wrap .p-datatable-table-container .p-datatable-table .p-datatable-tbody td {
    word-break: break-word;
  }
  .res-checkbox-set {
    display: flex;
    flex-wrap: wrap;
  }
  .res-checkbox-set p-checkbox {
    margin-bottom: 10px;
  }
  .res-point-cat-width {
    width: 90% !important;
  }
  .counttimer-position .p-calendar .p-datepicker {
    left: -120px !important;
    right: auto;
  }
  [dir=rtl] .counttimer-position .p-calendar .p-datepicker {
    left: auto;
    right: -120px !important;
  }
  .Newcommission-modal {
    width: 90vw !important;
  }
  .Newcommission-modal .p-grid .p-field.p-fluid.p-pr-xl-3 {
    padding-inline-end: 0rem !important;
  }
  .affilate-detailsmain table {
    overflow: auto;
    display: list-item;
  }
}
@media screen and (max-width: 767.98px) {
  .select-domain-field {
    width: 100% !important;
  }
  .select-domain-field .managment-dropdown {
    width: 100%;
  }
  .p-depwith-setting {
    padding-inline-end: 10px;
  }
  .p-depwith-setting .p-depwith-setting-button {
    position: static;
    margin-top: 10px;
    margin-inline-start: auto;
    flex: 0 0 100%;
    text-align: right;
  }
  .p-depwith-setting .p-depwith-setting-button .p-button {
    width: auto;
  }
  .depwid-limit-mainsec .dewid-heading h5 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .account-tag i {
    font-size: 16px;
  }
  .mobile-input-width {
    width: 130px;
  }
}
@media screen and (max-width: 525px) {
  .limit-setting-tabwrap .p-tabpanels {
    padding: 10px !important;
  }
  #dv_edit_sportsetting form {
    flex-wrap: wrap;
  }
  .game-table-main-wrap .p-datatable-table-container .p-datatable-table .p-datatable-tbody > tr > td:last-child,
  .game-table-main-wrap .p-datatable-table-container .p-datatable-table .p-datatable-thead > tr > th:last-child {
    max-width: 60px;
    justify-content: center;
  }
  .game-table-main-wrap .p-datatable-table-container .p-datatable-table .p-datatable-tbody tr.no-background > td {
    max-width: 100%;
  }
  .spin_wheel_responsive .p-input-icon-left {
    width: 120px;
  }
  .spin_wheel_responsive .p-input-icon-left input {
    width: 100%;
  }
}
@media only screen and (max-width: 380px) {
  .btn-label label {
    display: none;
  }
}
@media only screen and (min-width: 1199px) and (max-width: 1680px) {
  .coupon-management-btn {
    flex-direction: column;
  }
}
@media screen and (min-device-width: 991px) and (max-device-width: 1200px) {
  .layout-wrapper .layout-topbar-right .layout-topbar-actions-right .frequently-menu-main {
    display: none;
  }
}
@media only screen and (min-width: 480px) {
  .w-sm-auto {
    width: auto !important;
  }
}
@media only screen and (max-width: 1199px) {
  .translation-page .p-datatable-scrollable th.p-datatable-frozen-column,
  .translation-page .p-datatable-scrollable td.p-datatable-frozen-column {
    position: unset;
  }
  .limit-settings-wrap .p-text-right {
    margin-top: 16px;
  }
  .tournament-wrapper .tournament-casino-right {
    margin-inline-start: 10px;
    margin-top: 0px;
  }
  .tournament-wrapper .tournament-casino-left {
    gap: 10px;
  }
}
@media screen and (min-width: 1199.98px) {
  .finance-report-table .p-treetable-wrapper .report-user,
  .finance-report-table .p-treetable-wrapper .finance-report-data {
    width: 200px;
  }
  .finance-report-table .p-treetable-wrapper .username-toggelerwrap span {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    width: 100%;
    height: auto;
    resize: vertical;
  }
}
@media screen and (max-width: 1199.98px) {
  .finance-report-table .p-treetable-wrapper .report-user,
  .finance-report-table .finance-report-data {
    width: 170px;
    min-width: 170px;
  }
  .btn-export-wrap.btn-balance .button-export {
    top: 56px;
    left: 6px;
    right: auto;
  }
  [dir=rtl] .btn-export-wrap.btn-balance .button-export {
    left: auto;
    right: 6px;
  }
  .clone-settings-wrap .clone-casino-wrap {
    padding: 12px 12px 12px 12px;
    margin-inline-start: 0px;
  }
  .clone-settings-wrap .card.header-filter {
    padding: 6px 6px 6px 6px;
    margin-bottom: 0 !important;
    min-height: auto;
  }
  .clone-settings-wrap {
    margin-inline-start: 0 !important;
    margin-top: 12px !important;
  }
  .web-settings-slider-wrap .p-tabview-nav-content ul li {
    background-color: #242322;
  }
}
.web-custom-settings-wrap .butn-desk-hide {
  display: block;
}
.web-custom-settings-wrap .web-settings-wrapper .button-refresh-web {
  display: none;
}

@media screen and (max-width: 374.98px) {
  .login-bg .card {
    padding: 46px 16px !important;
  }
  .login-bg .heading label {
    font-size: 34px;
  }
  .main-auth-login .login.div2fa .main-bardcode-img img {
    width: 160px !important;
  }
  .main-auth-login .login.div2fa .AuthenticationText {
    padding: 0;
  }
}
@media screen and (min-width: 991px) and (max-width: 1440px) {
  .bonus-status-header-wrap .bonus-header-gap {
    row-gap: 10px;
  }
  .bonus-status-header-wrap .promotion-type .p-inputwrapper {
    max-width: 180px;
    min-width: 100%;
  }
  .bonus-status-header-wrap .bonus-data {
    max-width: 160px !important;
  }
  .dropdown-laptop {
    max-width: 210px !important;
  }
}
.web-slot-data-page .web-slot-data {
  border-radius: 0px;
}

.default-system-wrapper {
  border-radius: 0px;
}

.general-wrap-box .general-setting-wrap .res-size-set.btn-value {
  margin-top: 0 !important;
}
.general-wrap-box .general-setting-wrap .res-size-set .p-button {
  margin-top: 0 !important;
}

.btn-value {
  margin-top: 0 !important;
}