@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1440px;
    }
}
.footer-link-widget:not(:last-child) {
    margin-right: -56px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 95%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
}
.hit-count.has-dot {
    /* Your CSS properties here */
    display: none; /* Example: to hide it */
}
.post-in{ /* Your CSS properties here */
    display: none; /* Example: to hide it */
}
/* Make all banners the same height */
.banners .banner-img {
    height: 350px; /* Set the fixed height you want */
    overflow: hidden;
    border-radius: 10px;
}

.banners .banner-img picture,
.banners .banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image fully covers the space without stretching */
}

@media (max-width: 768px) {
    .banners .banner-img {
        height: 250px; /* Adjust height for tablets */
    }
}

@media (max-width: 576px) {
    .banners .banner-img {
        height: 200px; /* Adjust height for mobile */
    }
}
[data-label="36"] {
    display: none !important;
}
/* Make mobile header sticky */
@media (max-width: 991.98px) { /* Target devices smaller than Bootstrap's 'lg' breakpoint */
    .header-bottom {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        background-color: #fff; /* Optional: Set a background to prevent overlap transparency */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle shadow */
    }

    /* Optional: Prevent page content from going under the fixed header */
    body {
        padding-top: 70px; /* Adjust this based on your header's height */
    }
}