.intro-slider-container {
    height: 520px;
}

.intro-slide {
    height: 520px;
}

.cat-block-image {
    width: 60px; 
    height: 60px; 
    border-radius: 5px;
}

.cat-block-title {
    font-size: 12px;
}

.owl-carousel .owl-item img.img-banner {
    height: 100px;
}

.flex-cat {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.flex-cat > div {
    /* width: 8%; */
    margin-bottom: 16px; /* Space between rows */
    margin-left: 50px;
    margin-right: 50px;
}

.header-intro-clearance .header-middle .header-center, .header-intro-clearance .header-bottom .header-center {
    margin: inherit !important;
}

.header-search-extended .form-control, .header-search-extended select {
    font-size: 12px;
}

.header-search .header-search-wrapper {
    min-width: 200px;
}

.header-4 .header-search-visible .header-search-wrapper:before {
    border-bottom-color: transparent;
}

@media screen and (max-width: 991px) {
    .header-middle .header-center {
        display: block;
    }

    .header-search {
        display: block;
    }

    .header-search-visible .header-search-wrapper {
        position: static;
        display: block;
    }
}

@media screen and (max-width: 575px) {
    .header-search .search-wrapper-wide {
        width: 60px;
        display: flex;
    }
}

@media screen and (max-width: 768px) {
    .header-search-visible .search-toggle {
        display: none !important;
    }

    .header-search .search-wrapper-wide {
        width: 60px;
        display: flex;
    }

    .intro-slider-container {
        height: 150px;
        background-color: white;
    }

    .intro-slide {
        width: 100%;
        height: 150px;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: white;
    }

    .cat-block-image {
        width: 60px; 
        height: 60px; 
        border-radius: 5px;
    }

    .cat-block-title {
        font-size: 12px;
    }

    .owl-carousel .owl-item img.img-banner {
        height: 70px;
    }

    .flex-cat {
        flex-wrap: wrap;
    }

    .flex-cat > div {
        width: 25%; /* 4 items per row on tablet and smaller screens */
        margin: 0;
    }

}