/* Bootstrap 5 breakpoints */

/* Extra small devices (xs: <576px) */
@media (max-width: 575.98px) {
    /* CSS for phones (portrait) */
}

/* Small devices (sm: ≥576px) */
@media (min-width: 576px) and (max-width: 767.98px) {
    /* CSS for phones (landscape) */
    #borderTop .nav-link {
        height: 36px;
        line-height: 36px;
        padding: 0px 9px;
        font-size: 10px;
        margin: 0;
    }
}

/* Medium devices (md: ≥768px) */
@media (max-width: 991.98px) {
    .cstm_card_header .card-header h5 {
        font-size: 14px;
    }
}

/* Large devices (lg: ≥992px) */
@media (max-width: 1199.98px) {
    /* CSS for laptops/desktops */
    .chiller_box {
        padding: 11px;
    }

    h6,
    .fs-6 {
        font-size: 13px !important;
    }

    .reading_dash .rdata_wrap {
        position: unset;
    }

    .breadcrumb-four .breadcrumb li {
        font-size: 11px;
        padding: 0px 7px;
    }
}
/* Large devices (lg: ≥1199px) */
@media (max-width: 1399.98px) {
}
/* Extra large devices (xl: ≥1200px) */
@media (max-width: 1440.98px) {
    /* CSS for large desktops */
    .chart-containerd {
        height: 190px;
        width: 190px;
    }

    .cooling-card {
        max-height: 130px !important;
    }

    #runtimeChart {
        max-height: 150px !important;
    }
}

/* Extra extra large devices (xxl: ≥1400px) */
@media (min-width: 1400px) {
    /* CSS for very large desktops */
    .fs-6 {
        font-size: 0.9rem !important;
    }
}