@media (min-width: 1205px) {
  
}

@media (min-width: 1435px) {
  .container {max-width: 1250px;}
}

@media (min-width: 1605px) {
  .container {max-width: 1500px;}
}

@media (min-width: 1705px) {
  .container {max-width: 1600px;}
}

@media (max-width: 1925px) {
  
}

@media (max-width: 1605px) {
  .mrg40 {margin: 0 -10px;}
  .mrg40>div[class^="col"], 
  .mrg40.slick-slider div[class^="col"] {padding: 0 10px;}
  .header-left-side, 
  .header-right-side {gap: 3.125rem;}
  .report-left-side-head {padding: 1.5rem 1.875rem;}
  .report-left-side-body {padding-left: 1.875rem;}
  .report-tabs {padding-right: 1.875rem;}
  .stat-box {padding: 1.25rem;}
  .stat-cap > span {height: 3.75rem;width: 3.75rem;font-size: 1.75rem;}
  .stat-cap > span svg {height: 2rem;}
  .stat-cap {gap: .93755rem;}
  .stat-cap-inner > span {font-size: 14px;}
  .stat-cap-inner > h3 {font-size: 1.875rem;}
  .noti-widget {padding: 1.875rem;}
  .daterange-container .date-picker-wrapper .month-wrapper table tr.week-name th, 
  .daterange-container .date-picker-wrapper .month-wrapper table tbody tr td div {font-size: 14px;padding: 7px;}
  .daterange-container .date-picker-wrapper .month-wrapper table tr.week-name th {padding-top: 1.375rem;}
  .daterange-container .date-picker-wrapper .month-wrapper table thead tr th:first-child, 
  .daterange-container .date-picker-wrapper .month-wrapper table tbody tr td:first-child {padding-left: .9375rem;}
  .daterange-container .date-picker-wrapper .month-wrapper table thead tr th:last-child, 
  .daterange-container .date-picker-wrapper .month-wrapper table tbody tr td:last-child {padding-right: .9375rem;}
  .daterange-container .date-picker-wrapper .month-wrapper table tbody tr td div {padding: 10px 7px;}
  .daterange-container .date-picker-wrapper .month-wrapper table tr.caption th.month-name {font-size: 1.125rem;}

}

@media (max-width: 1445px) {
  .side-panel {width: 4.5rem;}
  .side-menu {gap: 2.5rem;}
  .side-menu > li a svg, 
  .logout > a svg {height: 1.875rem;}
  .stats-wrapper {margin-bottom: -1.25rem;}
  .stats-wrapper .stat-box {margin-bottom: 1.25rem;}
  .stat-box {padding: 1.5625rem 1.5rem 1.875rem;}
  .stat-cap-inner > span {font-size: 13px;}
  .stat-cap {gap: .9375rem;}
  .stat-cap > span {height: 4rem;width: 4rem;}
  .stat-cap > span svg {height: 2rem;}
  .stat-cap-inner > h3 {font-size: 1.875rem;}
  .noti-img {flex: 0 0 13rem;max-width: 13rem;}
  .payment-right > div h5 {font-size: 1.375rem;}

}

@media (max-width: 1400px) {
  .header-search {flex: 0 0 20rem;max-width: 20rem;}
  .header-left-side .logo {max-width: 10rem;min-width: 10rem;}
  .header-search input {height: 2.75rem;}
  .header-search button {height: 100%;}
  body, 
  .view-more,
  .noti-cap > p, 
  .earn-bottom > span,
  .page-title-links > li,
  .dropdown.user-info > button,
  .daterange-container .date-picker-wrapper .month-wrapper table tr.caption span.prev:before, 
  .daterange-container .date-picker-wrapper .month-wrapper table tr.caption span.next:before {font-size: .9375rem;}
  .widget-head > h2 {font-size: 1.5rem;}
  .noti-widget {padding: 1.875rem;}
  .noti-cap > p + a {margin-top: 1.25rem;}
  .daterange-container .date-picker-wrapper .month-wrapper table thead tr th:first-child, 
  .daterange-container .date-picker-wrapper .month-wrapper table tbody tr td:first-child {padding-left: 12px;}
  .daterange-container .date-picker-wrapper .month-wrapper table thead tr th:last-child, 
  .daterange-container .date-picker-wrapper .month-wrapper table tbody tr td:last-child {padding-right: 12px;}
  .daterange-container .date-picker-wrapper .month-wrapper table tr.week-name th {padding: 1.25rem 8px 8px;font-size: 14px;}
  .daterange-container .date-picker-wrapper .month-wrapper table tr.caption th.month-name {font-size: 1rem;}
  .daterange-container .date-picker-wrapper .month-wrapper table tr.caption span.prev, 
  .daterange-container .date-picker-wrapper .month-wrapper table tr.caption span.next {height: 1.875rem;width: 1.875rem;}
  .daterange-container .date-picker-wrapper .month-wrapper table tbody tr td div {font-size: 14px;padding: 12px 8px;}
  .payment-item {padding: 1.875rem;}
  .payment-right > div h5 {font-size: 1.125rem;}
  .stat-box {padding: 1.25rem;}
  .stat-cap > span {height: 3.125rem;width: 3.125rem;
    -webkit-border-radius: var(--curve10);
    border-radius: var(--curve10);
  }
  .stat-cap > span svg {height: 1.75rem;}
  .stat-cap {gap: 12px;}
  .stat-cap-inner > h3 {font-size: 1.5rem;}
  .earn-widget {gap: 1.25rem !important;}
  .earn-left {min-height: 10rem;}
  .earn-right {flex: 0 0 calc(100% - 11.5625rem);max-width: calc(100% - 11.5625rem);}
  .noti-img {flex: 0 0 10rem;max-width: 10rem;}
  .dp-right-inner-side {flex: 0 0 80%;max-width: 80%;}

}

@media (max-width: 1290px) {
  header,
  .side-panel {display: none !important;}
  .responsive-header,
  .page-title-wrap .header-search {display: block !important;}
  .page-title-wrap .header-search {margin-bottom: 2.5rem;max-width: 100%;}
  .header-search input {font-size: 14px;
    -webkit-border-radius: var(--curve5);
    border-radius: var(--curve5);
  }
  .page-title-wrap {padding-top: 8rem;}

}

@media (max-width: 1204px) {
  
}

@media (min-width: 1040px) and (max-width: 1190px) {
  .container {max-width: 100%;padding: 0 1.25rem;}
}

@media (max-width: 1030px) {
  .stats-wrapper > div.row > div.col-md-6 {flex: 0 0 50%;width: 50%;}
  .earn-noti-wrapper > div.row > div.col-md-12, 
  .payment-calendar-wrapper > div.row > div.col-md-12 {flex: 0 0 100%;width: 100%;}
  .logo.position-fixed {top: 1.25rem;left: 1.25rem;max-width: 9rem;}
  .dp-left-inner-side > form h4, 
  .dp-caro-info > h4 {font-size: 1.5rem;margin-bottom: 10px !important;}
  .dp-caro-img + .dp-caro-info {margin-top: 2.5rem;}
  .dp-right-inner-side {flex: 0 0 100%;max-width: 100%;}
  .dp-caro-info > h4 {margin-bottom: 0 !important;}
  p.dp-ft {padding: 1.25rem;}
  .page-title-left, 
  .page-title-links {gap: 1.25rem;}
  .page-top-left > h3 {font-size: 1.5rem;}
  .page-top-left > p {font-size: 1rem;}
  .page-inner {padding: 1.875rem;min-height: 100vh;}
  .empty-box > span svg {height: 15rem;}
  .empty-box > h4 {font-size: 1.375rem;}
  .report-left-side-body {padding-left: 1.25rem;padding-bottom: 1.25rem;}
  .report-tabs {padding-right: 1.25rem;gap: .9375rem;}
  .report-tabs > li {padding: 13px .9375rem;font-size: 1rem;}
  .report-right-side {padding: 1.875rem;}
  .report-right-side-head {margin-bottom: 1.875rem;}
  .report-details {margin-bottom: -1.875rem;}
  .report-details .report-detail-item {margin-bottom: 1.875rem;}
  .report-left-side, 
  .report-right-side {min-height: 32rem;}
  .report-tabs {max-height: 24rem;}
  .product-list {grid-template-columns: 1fr 1fr 1fr;}
  .product-info {padding: .9375rem;}
  .product-bottom {padding: .9375rem;font-size: 1rem;}
  .support-left-side,
  .news-left-side {padding: 1.875rem;}
  .support-left-menu > li,
  .news-left-menu > li {font-size: 1rem;}
  .support-left-menu,
  .news-left-menu,
  .news-box {gap: .9375rem;}
  .ticket-box {padding: 1.5rem;}
  .call-to-action {margin-top: 0;}
  .news-box {padding: 1.875rem;}
  .profile-inner {flex: 0 0 100%;max-width: 100%;}
  
}

@media (min-width: 995px) and (max-width: 1080px) {}

@media (max-width: 995px) {
  .logo.position-fixed {position: absolute !important;}
  .dp-sign-wrap {flex-wrap: wrap;}
  .dp-left-side {padding-top: 6rem;}
  .dp-left-inner-side {min-height: initial;max-height: initial;flex: 0 0 auto;}
  .dp-sign-inner-side {flex: 0 0 100%;max-width: 100%; min-height: initial;}
  .report-right-side-head > h3 {font-size: 1.375rem;}
  .report-detail-item {font-size: 1rem;}
  .report-left-side, 
  .report-right-side {min-height: initial;}
  .report-details > div.row > div.col-lg-4:empty {display: none;}
  .rating-box {padding: 1.875rem;}
  .rating-stars {font-size: 1.375rem;}
  .product-list {grid-template-columns: 1fr 1fr;}
  .page-table-box {overflow-x: auto !important;}
  .page-table-box::-webkit-scrollbar {width: 4px;height: 6px;}
  .page-table-box::-webkit-scrollbar-track {background-color: rgba(215,229,250,.35);
    -webkit-border-radius: var(--curve10);
    border-radius: var(--curve10);
  }
  .page-table-box::-webkit-scrollbar-thumb {background-color: #d7e5fa;height: 4.375rem;
    -webkit-border-radius: var(--curve10);
    border-radius: var(--curve10);
  }
  .page-table-box table thead,
  .page-table-box table tbody {white-space: nowrap;}
  .page-table-box table thead tr th, 
  .page-table-box table tbody tr td {font-size: 1rem;padding: .9375rem;}
  .act-btns {gap: 8px;}
  .act-btns > a svg {height: 1rem;}
  .balance-box span.balance-title {font-size: 13px;}
  .balance-box span.balance-amount {font-size: 1rem;}
  .payment-lists {gap: 1.25rem;}
  .payment-box {padding: 1.25rem;}
  .payment-box-left {gap: .9375rem;}
  span.payment-check-icon {font-size: 1.5rem;}
  .payment-box-left > h5 {font-size: 1rem;}
  .payment-price > h5 {font-size: 1.375rem;}
  .payment-box-right {gap: 1.25rem;}
  .payment-box-right .theme-btn {min-width: initial;white-space: nowrap;font-size: 1rem;}
  .dp-modal .selectpicker select {width: 100%;background-color: #f5f6fa;border: 1px solid #d5d5d5;color: #7e7e7e;height: 3rem;font-size: 14px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
  }
  .support-right-side,
  .news-right-side {margin-top: 1.875rem;}
  .news-left-side {min-height: initial;}
  .profile-inner {flex-direction: column;}
  .profile-info {flex: 0 0 100%;max-width: 100%;gap: 1.875rem;}
  .profile-img-info {order: -1;}
  .profile-list > li {font-size: 1rem;padding: 12px 1.25rem;}
  
}

@media (max-width: 850px) {
  
}

@media (max-width: 770px) {
  .dp-left-side {padding-top: 6rem;}
  .dp-sign-inner-side {padding-left: 1.25rem;padding-right: 1.25rem;}
  .page-title-left {overflow-x: auto;white-space: nowrap;padding-bottom: 10px;}
  .page-table-box table tbody tr td .theme-btn {white-space: nowrap;padding: 8px .9375rem;}
  .page-top {flex-direction: column;text-align: center;margin-bottom: 1.875rem;}
  .dp-modal .modal-header .modal-title {font-size: 1.5rem;}
  
  
}

@media (max-width: 767px) {
  .payment-box {flex-direction: column;}
  .payment-box-right {width: 100%;justify-content: space-between;}
  .payment-price > h5 {font-size: 1.25rem;}
  .payment-box-right .theme-btn {font-size: .9375rem;padding: 8px 1.5rem;}
  .news-list {gap: .9375rem;}
  .news-box {padding: 1.25rem;flex-direction: column;text-align: center;align-items: center !important;}
  .news-info > p {font-size: .9375rem;}
  .news-btn .theme-btn {padding: 9px 1.75rem;}

}

@media (max-width: 577px) {
  .container,
  .container-fluid {padding: 0 1.25rem;}
  body, 
  .view-more, 
  .noti-cap > p, 
  .earn-bottom > span, 
  .page-title-links > li,
  .dropdown.user-info > button, 
  .daterange-container .date-picker-wrapper .month-wrapper table tr.caption span.prev:before, 
  .daterange-container .date-picker-wrapper .month-wrapper table tr.caption span.next:before {font-size: 14px;}
  .stats-wrapper > div.row > div.col-md-6 {flex: 0 0 100%;width: 100%;}
  .widget-box {margin-top: 2.5rem;}
  .earn-left {min-height: initial;flex-direction: row !important;width: 100%;gap: 1.25rem;}
  .earn-right {flex: 0 0 100%;max-width: 100%;}
  .earn-widget {padding: 1.25rem;}
  .noti-widget {flex-direction: column;text-align: center;}
  .noti-img {order: -1;}
  .noti-cap {align-items: center !important;}
  .payment-item {padding: .9375rem;gap: .9375rem;}
  .payment-left > p, 
  .payment-right > div h5 {font-size: 14px;}
  .payment-right {padding-left: .9375rem;min-height: initial;}
  .payment-right > div span {font-size: 13px;}
  .payment-right:before {height: initial;top: 0;bottom: 0;}
  .daterange-container .date-picker-wrapper .month-wrapper table {width: 100%;flex: 0 0 100%;}
  p.dp-ft,
  .dp-left-bottom {position: static;padding: 0;margin-top: 3.125rem;}
  .dp-left-bottom {flex-direction: column;text-align: center;}
  .useful-links {flex-wrap: wrap;justify-content: center;row-gap: 10px !important;}
  .field-input > input {height: 2.5rem;}
  .field-input.left-icon > input {padding-left: 2.75rem;}
  .field-input.left-icon > i {left: .9375rem;}
  .field-input > i {font-size: .9375rem;line-height: 2.5rem;}
  .field-input.right-icon > i {right: .9375rem;}
  .field-input.right-icon > input {padding-right: 2.75rem;}
  .field-btns .theme-btn {min-width: initial;padding: 8px 1.875rem;}
  .page-inner {padding: 1.25rem;}
  .page-top-left > h3 {font-size: 1.375rem;}
  .page-top-left > p {font-size: 14px;}
  .page-top-right .theme-btn {font-size: 14px;padding: 8px 1.25rem;gap: 10px !important;}
  .theme-btn svg.printIcon {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  .empty-box > span {font-size: 8rem;}
  .empty-box > span svg {height: 10rem;}
  .empty-box > h4 {font-size: 1.25rem;}
  .report-right-side {padding: 1.25rem;}
  .report-detail-item {font-size: 14px;}
  .report-details {margin-bottom: -1.25rem;}
  .report-details .report-detail-item {margin-bottom: 1.25rem;}
  .report-details > div.row > div.col-lg-4 {flex: 0 0 50%;width: 50%;}
  .rating-box {padding: 1.25rem;}
  .rating-box > h5 {font-size: .9375rem;}
  .rating-stars,
  .cap-item > span {font-size: 1rem;}
  .product-list {grid-template-columns: 1fr;}
  .product-bottom,
  .page-table-box table thead tr th, 
  .page-table-box table tbody tr td {font-size: .9375rem;}
  .page-table-box table thead tr th, 
  .page-table-box table tbody tr td {padding: .9375rem;}
  .payment-box-left > h5 {font-size: .9375rem;}
  span.payment-check-icon {font-size: 1.25rem;}
  .balance-box {min-width: initial;}
  .dp-modal {padding: 1.25rem;}
  .dp-modal .modal-header .modal-title {font-size: 1.5rem;}
  .dp-modal .modal-content {padding: 2.75rem 1.25rem 2.1875rem 1.25rem;}
  .dp-modal .modal-body form .field-btn {margin-top: 10px;}
  .dp-modal .modal-body .field-input > input {padding-right: .9375rem;}
  .support-left-side,
  .news-left-side {padding: 1.25rem;}
  .call-to-action {padding: .9375rem;}
  .support-left-menu,
  .news-left-menu  {gap: 10px;}
  .support-left-menu > li a,
  .news-left-menu > li a {padding: 0 .9375rem;}
  .support-left-menu > li a.active,
  .news-left-menu > li a.active {padding: 10px .9375rem;}
  .call-to-action .theme-btn {padding: 8px 1.5rem;}
  .call-to-action > p + a {margin-top: 1.25rem;}
  .support-right-side, 
  .support-right-side-head, 
  .ticket-list {gap: .9375rem;}
  .ticket-box {padding: 1.25rem;gap: 10px;}
  .ticket-box > h4 {font-size: 1rem;}
  .arrow-btn {height: 1.5rem;width: 1.5rem;font-size: 1.125rem;}
  .profile-list {gap: 3px;}
  .profile-list > li > *:not(span.seprater) {flex: 1 0 0;max-width: initial;}
  .profile-list > li {display: block;}
  .profile-list > li span.seprater {margin: 0 5px 0 0;}
  .dp-sign-wrap .selectpicker > select {background-color: transparent;border: 1px solid var(--br-color2);width: 100%;color: var(--color2);padding: 8.25px .9375rem;
    -webkit-border-radius: var(--curve4);
    border-radius: var(--curve4);
  }

}

@media (max-width: 490px) {}

@media (max-width: 470px) {}

@media (max-width: 430px) {
  .cap-item {padding: 6px .9375rem;flex: 0 0 100%;text-align: center;flex-direction: row !important;gap: 5px;justify-content: space-between;align-items: center;}
  .product-bottom, 
  .page-table-box table thead tr th, 
  .page-table-box table tbody tr td {font-size: 14px;}
  
}

@media (max-width: 380px) {
  .report-details > div.row > div.col-lg-4 {flex: 0 0 100%;width: 100%;}
  .rating-box > h5,
  .cap-item > span {font-size: 14px;}
  .rating-stars {font-size: .9375rem;gap: 5px;}

}