@media (width < 768px) {



  .box-layout-ear {

    grid-template-columns: 1em 1em repeat(8, auto) 1em 1em;
    grid-template-rows: 1em 1em repeat(39, 60px) 1em 1em;

    .ear-explain {
      grid-column: 2 / 12;
      grid-row: 7 / 19;
    }

    .box-image.earseed-1 {
      grid-column: 3 / 13;
      grid-row: 1 / 8;
    }

    .box-text.ear {
      grid-column: 2 / 12;
      grid-row: 25 / 33;

    }

    .box-image-3 {
      grid-column: 1 / 11;
      grid-row: 34 / 45;

    }

    .box-blue {
      grid-column: 1 / 13;
      grid-row: 3 / 42;
      z-index: 30;
    }

    .box-image-2 {
      grid-column: 1 / 13;
      grid-row: 20 / 24;
    }

    .box-blue-2 {
      display: no;
    }

    .seeds-illustration {
      grid-column: 9 / 11;
      grid-row: 7 / 10;
      z-index: 60;
      rotate: 8deg;


      img {
        opacity: .2;
        width: 100%;
        height: 100%;
      }
    }

    .seeds-illustration-gold {
      grid-column: 8 / 12;
      grid-row: 28 / 31;
      z-index: 60;
      rotate: 8deg;


      img {
        opacity: .4;
        width: 100%;
        height: 100%;
      }
    }

  }
}