@media (max-width: 480px), (min-width: 481px) and (max-width: 1024px)  {
  .mobile-hidden {
    display: none;
  }

  .desktop-hidden {
    display: block;
  }

  .mobile-block {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .mobile-block-reverse {
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .content-row-padding {
    padding: 0px;
  }

  .content-row {
     padding: 0 20px;
  }

  .row-text {
    width: 100%;
    padding: 20px;
  }

  .row-image {
    width: 100%;
  }

  .fate-grid {
    flex-wrap: wrap;
  }

  .fate-grid img {
    width: 50%;
    padding: 5px;
    height: 200px;
  }


  .swiper-pagination-bullet-active {
    background-color: var(--dark-red);
  }
}