@media(max-width: 576px) {
    .middle_slider .image {
        width: 100px;
    }

    .middle_slider .more {
        width: calc(100% - 105px);
    }
    .middle_slider .more .description {
      font-size: 13px;
      margin-top: 5px;
    }
    .services .body .img {
      display: inline-block;
      width: 25px;
    }
    .services .body .more {
      width: calc(100% - 25px);
    }
    .services .body .more .title {
      font-size: 12px;
    }
    .services .body {
      padding: 10px;
      border-radius: 10px;
      direction: rtl;
      margin-bottom: 10px;
    }
    .services .body .date {
      font-size: 10px;
      margin-bottom: 10px;
    }
    .services .body .range {
      font-size: 10px;
      margin-top: 10px;
    }
    .services .body .more .description {
  font-size: 10px;
  margin-top: 5px;
}
}

@media(max-width: 476px) {
  
}