.grid_12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 10px; /* Adjust the spacing between columns */
}

/* Styling for individual grid items */
.item {
  background-color: #ddd; /* Example styling */
  padding: 20px;
  text-align: center;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
  .grid_12 {
    grid-template-columns: repeat(8, 1fr);
  }
}

@media (max-width: 992px) {
  .grid_12 {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (max-width: 768px) {
  .grid_12 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 480px) {
  .grid_12 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 320px) {
  .grid_12 {
    grid-template-columns: repeat(1, 1fr);
  }
}



.grid_11 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  gap: 10px; /* Adjust the spacing between columns */
}
 

/* Responsive adjustments */
@media (max-width: 1200px) {
  .grid_11 {
    grid-template-columns: repeat(8, 1fr);
  }
}

@media (max-width: 992px) {
  .grid_11 {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (max-width: 768px) {
  .grid_11 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 480px) {
  .grid_11 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 320px) {
  .grid_11 {
    grid-template-columns: repeat(1, 1fr);
  }
}





.grid_10 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  gap: 10px; /* Adjust the spacing between columns */
}
 
/* Responsive adjustments */
@media (max-width: 1200px) {
  .grid_10 {
    grid-template-columns: repeat(8, 1fr);
  }
}

@media (max-width: 992px) {
  .grid_10 {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (max-width: 768px) {
  .grid_10 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 480px) {
  .grid_10 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 320px) {
  .grid_10 {
    grid-template-columns: repeat(1, 1fr);
  }
}


.grid_09 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: 10px; /* Adjust the spacing between columns */
}
 

/* Responsive adjustments */
@media (max-width: 1200px) {
  .grid_09 {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media (max-width: 992px) {
  .grid_09 {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 768px) {
  .grid_09 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 480px) {
  .grid_09 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 320px) {
  .grid_09 {
    grid-template-columns: repeat(1, 1fr);
  }
}



.grid_08 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 10px; /* Adjust the spacing between columns */
}
 

/* Responsive adjustments */
@media (max-width: 1200px) {
  .grid_08 {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (max-width: 992px) {
  .grid_08 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 768px) {
  .grid_08 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 480px) {
  .grid_08 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 320px) {
  .grid_08 {
    grid-template-columns: repeat(1, 1fr);
  }
}





.grid_07 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px; /* Adjust the spacing between columns */
}
 

/* Responsive adjustments */
@media (max-width: 1200px) {
  .grid_07 {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 992px) {
  .grid_07 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 768px) {
  .grid_07 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 480px) {
  .grid_07 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 320px) {
  .grid_07 {
    grid-template-columns: repeat(1, 1fr);
  }
}




.grid_06 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px; /* Adjust the spacing between columns */
}
 

/* Responsive adjustments */
@media (max-width: 1200px) {
  .grid_06 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 992px) {
  .grid_06 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .grid_06 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .grid_06 {
    grid-template-columns: repeat(1, 1fr);
  }
}



.grid_05 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px; /* Adjust the spacing between columns */
} 

/* Responsive adjustments */
@media (max-width: 1200px) {
  .grid_05 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 992px) {
  .grid_05 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .grid_05 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .grid_05 {
    grid-template-columns: repeat(1, 1fr);
  }
}



.grid_04 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px; /* Adjust the spacing between columns */
}
 
/* Responsive adjustments */
@media (max-width: 992px) {
  .grid_04 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .grid_04 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .grid_04 {
    grid-template-columns: repeat(1, 1fr);
  }
}



.grid_03 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px; /* Adjust the spacing between columns */
}
 

/* Responsive adjustments */
@media (max-width: 768px) {
  .grid_03 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .grid_03 {
    grid-template-columns: repeat(1, 1fr);
  }
}



.grid_02 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px; /* Adjust the spacing between columns */
}
.grid_02_item {
  width: 96%;
  padding: 2%;
  border: solid 1px #e7e7e7;
}
 

/* Responsive adjustments */
@media (max-width: 480px) {
  .grid_02 {
    grid-template-columns: repeat(1, 1fr);
  }
}