.block20 {
  margin: 40px 0;
}

.block20 .block20_header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  color: #000;
  margin: 0px 0 10px;
  font-weight: 600;
  font-size: 20px;
  padding: 3px 0px;
  border-bottom: 3px solid #e3e3e3;
  position: relative;
}

.block20 .block20_header .block20_header_right {
  text-align: right;
  font-size: 20px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.block20 .block20_header::after {
  top: 36px;
  position: absolute;
  display: block;
  content: " ";
  background-color: #AF1E34;
  width: 100px;
  height: 3px;
}

.block20 .block20_devide {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2fr 1fr;
      grid-template-columns: 1fr 2fr 1fr;
  grid-gap: 10px;
}

@media screen and (max-width: 550px) {
  .block20 .block20_devide {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}

.block20 .block20_devide .box1 {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row: 1;
      grid-row-start: 1;
  grid-row-end: 1;
}

@media screen and (max-width: 550px) {
  .block20 .block20_devide .box1 {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-row: 1;
        grid-row-start: 1;
    grid-row-end: 1;
  }
}

.block20 .block20_devide .box2 {
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
  grid-row-end: 3;
}

@media screen and (max-width: 550px) {
  .block20 .block20_devide .box2 {
    -ms-grid-column: 1;
        grid-column-start: 1;
    grid-column-end: 3;
    -ms-grid-row: 2;
        grid-row-start: 2;
    grid-row-end: 2;
  }
}

.block20 .block20_devide .box2 img {
  height: 450px !important;
}

@media screen and (max-width: 991px) {
  .block20 .block20_devide .box2 img {
    height: 234px !important;
  }
}

@media screen and (max-width: 550px) {
  .block20 .block20_devide .box2 img {
    height: 210px !important;
  }
}

.block20 .block20_devide .box3 {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row: 1;
      grid-row-start: 1;
}

@media screen and (max-width: 550px) {
  .block20 .block20_devide .box3 {
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-row: 1;
        grid-row-start: 1;
  }
}

.block20 .block20_devide .box4 {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-row: 2;
      grid-row-start: 2;
}

@media screen and (max-width: 550px) {
  .block20 .block20_devide .box4 {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-row: 3;
        grid-row-start: 3;
  }
}

.block20 .block20_devide .box5 {
  -ms-grid-column: 3;
      grid-column-start: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
}

@media screen and (max-width: 550px) {
  .block20 .block20_devide .box5 {
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-row: 3;
        grid-row-start: 3;
  }
}

.block20 .block20_devide .sport-img {
  position: relative;
}

.block20 .block20_devide .sport-img img {
  position: relative;
  height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 991px) {
  .block20 .block20_devide .sport-img img {
    height: 112px;
  }
}

@media screen and (max-width: 550px) {
  .block20 .block20_devide .sport-img img {
    height: 178px;
  }
}

.block20 .block20_devide .sport-img .overlay {
  position: absolute;
  bottom: 0;
  padding: 5px 2%;
  background-color: #f7ececc9;
  overflow: hidden;
  width: 100%;
  height: 45px;
  -webkit-transition: all 3s ease;
  transition: all 3s ease;
}

@media screen and (max-width: 991px) {
  .block20 .block20_devide .sport-img .overlay {
    height: 38px;
  }
}

.block20 .block20_devide .sport-img .overlay p {
  color: #000;
  letter-spacing: 1.2px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 100%;
  max-width: 250px;
  font-weight: 700;
}

@media screen and (max-width: 991px) {
  .block20 .block20_devide .sport-img .overlay p {
    font-size: 14px;
  }
}