:root {
 --cols: 6;
}

/* lores tablet */
@media only screen and (max-width: 1080px) {
  :root {
  --cols: 4;
 }
}
/* mobile */
@media only screen and (max-width: 768px) {
 :root {
  --hmain: 98vw;
  --cols: 2;
  --section: var(--hmain);
  --img: calc((var(--section) - ((var(--cols) - 1) * var(--i_)))/var(--cols));
 }
}