.intro {
  padding-top: 40px
}
.intro__container {
  width: 100%;
  display: grid;
  grid-template-areas: "banner special" "advantage advantage";
  grid-template-columns: calc(100% - 402px) 390px;
  grid-column-gap: 12px;
  grid-row-gap: 12px
}
.intro__banner-block {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: banner
}
.intro__special-block {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: special
}
.intro__advantage-block {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: advantage
}
@media (max-width:1250px) {
  .intro__container {
    grid-template-columns: calc(100% - 362px) 350px
  }
}
@media (max-width:1023px) {
  .intro {
    padding-top: 10px;
    padding-bottom: 10px
  }
  .intro__container {
    grid-template-areas: "banner " "advantage" "special";
    grid-template-columns: 100%;
    grid-row-gap: 40px
  }
  .intro__banner-block {
    -ms-grid-row: 1;
    -ms-grid-column: 1
  }
  .intro__special-block {
    -ms-grid-row: 5;
    -ms-grid-column: 1
  }
  .intro__advantage-block {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1
  }
}