/* Change Logo Size On Small Screens */
@media(max-width: 575px) {
    #header .header-logo,
    #header .header-logo img {
        width: 200px !important;
        height: auto !important;
    }
}
/* Change Logo Size On Small Screens */
@media(min-width: 800px) {
    #header .header-logo,
    #header .header-logo img {
        width: 350px !important;
        height: auto !important;
    }
}

/* Reduce The Space Between Menu Items  */
@media(min-width: 992px) {
    #header .header-nav-main nav > ul > li > a {
        padding: 0px 15px !important;
    }
}

.text-color-green
{
    color: green;
    font-size: small;
}

.text-discount-amount
{
    color: gray;
    font-size: small;
    
}
.price .discount {
	order: 3;
	font-size: 0.9em;
	font-weight: 600;
}
.price .sale {
	order: 2;
	font-size: 0.7em;
	font-weight: 450;
}
.comment-by
{
    color: black;
}

.quantity-lg {
    min-width: 90px !important;
}


.card-body {
	/* padding: 0px; */
	/* padding: 0em; */

    position: relative;
	z-index: 1;
}


/* Side Panel Cart CSS : start */

  .cart-item img {
            width: 60px;
            height: auto;
            border-radius: 5px;
        }
        .cart-item {
            align-items: center;
        }
        .cart-summary {
            border-top: 1px solid #ddd;
            padding-top: 15px;
            margin-top: 15px;
        }
        .total-price {
            font-size: 1.2rem;
            font-weight: bold;
        }
        .savings {
            color: green;
            font-size: 0.9rem;
        }
        .online-payment img {
            height: 13px;
            margin-right: 5px;
        }


.filament-card {
    min-height: 400px; /* Minimum height for the card */
}

.chartjs-render-monitor {
    max-height: 350px; /* Adjust the maximum height for the chart */
}



/* Side Panel Cart CSS : end */