/*GRID CSS*/
.layout-count-4-wrapper {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}
.layout-count-3-wrapper {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 767px) {
   .layout-count-4-wrapper,.layout-count-3-wrapper {
      grid-template-columns: repeat(1, 1fr);
   }	
}

@media screen and (max-width: 900px) and (min-width: 768px) {
    .layout-count-4-wrapper,.layout-count-3-wrapper {
      grid-template-columns: repeat(2, 1fr);
   } 	

}