/*******************************
 Responsive CSS
*******************************/
@media (min-width: 10px) and (max-width: 199.9px) {
    body{
        padding-bottom: 60px;
    }
    .mrg--4 {
        margin-right: 0;
        margin-left: 0;
    }
    .chart-container canvas{
        width: 100%;
    }
    .sts-chart-sec .stsc-div {
        flex: 0 0 100%;
        border-bottom: 1px solid var(--tt-border-normal);
    }
    .list-4.sec-wrapper-stcs-list {
        --cols: 2;
        --gap: 10px;
    }
    .main-stats-widget__header-number {
        display: flex;
        align-content: center;
        flex-direction: column;
        align-items: flex-start;
    }
    .crd-n-crd .no-border {
        border-bottom: 0;
        gap: 10px;
    }
    .wrpp-list .wrpp-list__item {
        margin-left: 10px;
    }
    .wrpp-list__item .wrpp-list__item-start {
        flex: 1 0 100%;
    }
    .wrpp-list__item-end {
        justify-content: flex-start;
    }
    .wrpp-list__item-end_wdg {
        flex: 0 0 100%;
    }
}
/* Extra XS Small devices (portrait phones, 442px) */
@media (min-width: 200px) and (max-width: 441.98px) {
    body{
        padding-bottom: 60px;
    }
    .mrg--4 {
        margin-right: 0;
        margin-left: 0;
    }
    .page-head > .d-flex{
        flex-wrap: wrap;
    }
    .sec-wrapper__header-end{
        flex-wrap: wrap;
    }
    .chart-widget__list-group {
        flex-wrap: wrap;
    }
    .sec-wrapper__header{
        flex-wrap: wrap;
    }
    .chart-widget__header {
        flex-wrap: wrap;
    }
    .chart-container canvas{
        width: 100% !important;
    }
    .sts-chart-sec .stsc-div {
        flex: 0 0 100%;
        border-bottom: 1px solid var(--tt-border-normal);
    }
    .list-4.sec-wrapper-stcs-list {
        --cols: 2;
        --gap: 10px;
    }
    .main-stats-widget__header-number {
        display: flex;
        align-content: center;
        flex-direction: column;
        align-items: flex-start;
    }
    .crd-n-crd .no-border {
        border-bottom: 0;
        gap: 10px;
    }
    .wrpp-list .wrpp-list__item {
        margin-left: 10px;
    }
    .wrpp-list__item .wrpp-list__item-start {
        flex: 1 0 100%;
    }
    .wrpp-list__item-end {
        justify-content: flex-start;
    }
    .wrpp-list__item-end_wdg {
        flex: 0 0 100%;
    }
    .res-wrapper .chart-widget__doughnut-chart.chart-100 canvas {
        min-width: 100% !important;
        height: 180px !important;
    }
}

@media (min-width: 442px) and (max-width: 575.98px) {
  body{
        padding-bottom: 60px;
    }
    .mrg--4 {
        margin-right: 0;
        margin-left: 0;
    }
    .page-head > .d-flex{
        flex-wrap: wrap;
    }
    .sec-wrapper__header-end{
        flex-wrap: wrap;
    }
    .chart-widget__list-group {
        flex-wrap: wrap;
    }
    .sec-wrapper__header{
        flex-wrap: wrap;
    }
    .chart-widget__header {
        flex-wrap: wrap;
    }
    .chart-container canvas{
        width: 100% !important;
    }
    .sts-chart-sec .stsc-div {
        flex: 0 0 100%;
        border-bottom: 1px solid var(--tt-border-normal);
    }
    .list-4.sec-wrapper-stcs-list {
        --cols: 2;
        --gap: 10px;
    }
    .main-stats-widget__header-number {
        display: flex;
        align-content: center;
        flex-direction: column;
        align-items: flex-start;
    }
    .crd-n-crd .no-border {
        border-bottom: 0;
        gap: 10px;
    }
    .wrpp-list .wrpp-list__item {
        margin-left: 10px;
    }
    .wrpp-list__item .wrpp-list__item-start {
        flex: 1 0 100%;
    }
    .wrpp-list__item-end {
        justify-content: flex-start;
    }
    .res-wrapper .chart-widget__doughnut-chart.chart-100 canvas {
        min-width: 100% !important;
        height: 180px !important;
    }
}

/* Small devices (landscape phones, 576px : 767px) */
@media (min-width: 576px) and (max-width: 767.98px) {
    body{
            padding-bottom: 60px;
        }
    .mrg--4 {
        margin-right: 0;
        margin-left: 0;
    }
    .page-head > .d-flex{
        flex-wrap: wrap;
    }
    .sec-wrapper__header-end{
        flex-wrap: wrap;
    }
    .chart-widget__list-group {
        flex-wrap: wrap;
    }
    .sec-wrapper__header{
        flex-wrap: wrap;
    }
    .chart-widget__header {
        flex-wrap: wrap;
    }
    .chart-container canvas{
        width: 100% !important;
    }
    .sts-chart-sec .stsc-div {
        flex: 0 0 100%;
        border-bottom: 1px solid var(--tt-border-normal);
    }
    .list-4.sec-wrapper-stcs-list {
        --cols: 2;
        --gap: 10px;
    }
    .main-stats-widget__header-number {
        display: flex;
        align-content: center;
        flex-direction: column;
        align-items: flex-start;
    }
    .crd-n-crd .no-border {
        border-bottom: 0;
        gap: 10px;
    }
    .wrpp-list .wrpp-list__item {
        margin-left: 10px;
    }
    .wrpp-list__item .wrpp-list__item-start {
        flex: 1 0 100%;
    }
    .wrpp-list__item-end {
        justify-content: flex-start;
    }
    .res-wrapper .chart-widget__doughnut-chart.chart-100 canvas {
        min-width: 100% !important;
        height: 180px !important;
    }
}

/* Medium devices (tablets, 768px : 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    body{
        padding-bottom: 60px;
    }
    .mrg--4 {
        margin-right: 0;
        margin-left: 0;
    }
    .page-head > .d-flex{
        flex-wrap: wrap;
    }
    .sec-wrapper__header-end{
        flex-wrap: wrap;
    }
    .chart-widget__list-group {
        flex-wrap: wrap;
    }
    .sec-wrapper__header{
        flex-wrap: wrap;
    }
    .chart-widget__header {
        flex-wrap: wrap;
    }
    .chart-container canvas{
        width: 100% !important;
    }
    .sts-chart-sec .stsc-div {
        flex: 0 0 100%;
        border-bottom: 1px solid var(--tt-border-normal);
    }
    .list-4.sec-wrapper-stcs-list {
        --cols: 3;
        --gap: 10px;
    }
    .main-stats-widget__header-number {
        display: flex;
        align-content: center;
        flex-direction: column;
        align-items: flex-start;
    }
    .crd-n-crd .no-border {
        border-bottom: 0;
        gap: 10px;
    }
    .wrpp-list .wrpp-list__item {
        margin-left: 10px;
    }
    .wrpp-list__item .wrpp-list__item-start {
        flex: 1 0 100%;
    }
    .wrpp-list__item-end {
        justify-content: flex-start;
    }
    .res-wrapper .chart-widget__doughnut-chart.chart-100 canvas {
        min-width: 100% !important;
        height: 180px !important;
    }
}

/* Large devices (desktops, 992px : 1199px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  body{
        padding-bottom: 60px;
    }
    .mrg--4 {
        margin-right: 0;
        margin-left: 0;
    }
    .page-head > .d-flex{
        flex-wrap: wrap;
    }
    .sec-wrapper__header-end{
        flex-wrap: wrap;
    }
    .chart-widget__list-group {
        flex-wrap: wrap;
    }
    .sec-wrapper__header{
        flex-wrap: wrap;
    }
    .chart-widget__header {
        flex-wrap: wrap;
    }
    .chart-container canvas{
        width: 100% !important;
    }
    .sts-chart-sec .stsc-div {
        flex: 0 0 100%;
        border-bottom: 1px solid var(--tt-border-normal);
    }
    .list-4.sec-wrapper-stcs-list {
        --cols: 3;
        --gap: 10px;
    }
    .main-stats-widget__header-number {
        display: flex;
        align-content: center;
        flex-direction: column;
        align-items: flex-start;
    }
    .crd-n-crd .no-border {
        border-bottom: 0;
        gap: 10px;
    }
    .wrpp-list .wrpp-list__item {
        margin-left: 10px;
    }
    .wrpp-list__item .wrpp-list__item-start {
        flex: 1 0 100%;
    }
    .wrpp-list__item-end {
        justify-content: flex-start;
    }
    .res-wrapper .chart-widget__doughnut-chart.chart-100 canvas {
        min-width: 100% !important;
        height: 180px !important;
    }
}

/* Extra large devices (large desktops, 1200px : 1399px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
 
}

/* Normal desktop (1170px : 1349px)*/
@media (min-width: 1170px) and (max-width: 1349px) {

}

/* 2X Large devices (1400px : 1599px) WS--LP */
@media (min-width: 1400px) and (max-width: 1599.98px) {

}

/* 3X Large devices (1600px : 1919px) */
@media (min-width: 1600px) and (max-width: 1919.98px) {

}

/* 4K / Ultra wide screens (1920px) WS--SCRN--23 */
@media (min-width: 1920px) {

}