/**
Theme Name: FitttZee
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: FitttZee
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fitttzee
Template: astra
*/
.category-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px; /* Add space between items */
}

.category-item {
  flex: 1 1 30%; /* Each item takes up about 30% of the container width */
  box-sizing: border-box;
  text-align: center;
  padding: 10px;
}

.category-item img {
  width: 100%;
  height: auto; /* Make images responsive */
}

@media (max-width: 768px) {
  .category-item {
    flex: 1 1 45%; /* Adjust to 2 items per row on medium screens */
  }
}

@media (max-width: 480px) {
  .category-item {
    flex: 1 1 100%; /* Stack items vertically on small screens */
  }
}