.ad1 {
  grid-row-start: 1;
  grid-column-start: 3;
  grid-column-end: span 10;
}
@media screen and (max-width: 1780px) {
  .ad1 {
    grid-column-end: span 9;
  }
}
@media screen and (max-width: 1635px) {
  .ad1 {
    grid-column-end: span 8;
  }
}
@media screen and (max-width: 1490px) {
  .ad1 {
    grid-column-end: span 7;
  }
}
@media screen and (max-width: 1345px) {
  .ad1 {
    grid-column-end: span 6;
  }
}
@media screen and (max-width: 1200px) {
  .ad1 {
    grid-column-end: span 5;
  }
}
@media screen and (max-width: 1055px) {
  .ad1 {
    grid-column-end: span 4;
  }
}
@media screen and (max-width: 910px) {
  .ad1 {
    grid-column-end: span 3;
  }
}
@media screen and (max-width: 700px) {
  .ad1 {
    grid-column-start: 1;
    grid-column-end: span 4;
  }
}
@media screen and (max-width: 500px) {
  .ad1 {
    grid-column-start: 1;
    grid-column-end: span 4;
  }
}
.ad2,
.ad3 {
  grid-column-end: span 12;
}
@media screen and (max-width: 1780px) {
  .ad2,
  .ad3 {
    grid-column-end: span 11;
  }
}
@media screen and (max-width: 1635px) {
  .ad2,
  .ad3 {
    grid-column-end: span 10;
  }
}
@media screen and (max-width: 1490px) {
  .ad2,
  .ad3 {
    grid-column-end: span 9;
  }
}
@media screen and (max-width: 1345px) {
  .ad2,
  .ad3 {
    grid-column-end: span 8;
  }
}
@media screen and (max-width: 1200px) {
  .ad2,
  .ad3 {
    grid-column-end: span 7;
  }
}
@media screen and (max-width: 1055px) {
  .ad2,
  .ad3 {
    grid-column-end: span 6;
  }
}
@media screen and (max-width: 910px) {
  .ad2,
  .ad3 {
    grid-column-end: span 5;
  }
}
@media screen and (max-width: 750px) and (min-width: 699px) {
  .ad2,
  .ad3 {
    grid-column-end: span 5;
  }
}
@media screen and (max-width: 700px) {
  .ad2,
  .ad3 {
    grid-column-end: span 4;
  }
}
.my_grid {
  grid-gap: 12px;
}
@media screen and (max-width: 750px) and (min-width: 701px) {
  .my_grid {
    grid-template-columns: repeat(5, 110px);
  }
}
@media screen and (max-width: 750px) {
  .my_grid {
    grid-gap: 1.8vw;
  }
}