@media (max-width: 352px) {
  .home h2 {
    font-size: 6px;
    padding: 6px;
    right: 1%;
    top: 16%;
  }

  .spiderman-gif {
    width: 110px;
    height: 110px;
  }

  .home-text {
    margin: 0 35px;
  }

  h3 {
    font-size: 11px;
  }

  .home-text p {
    font-size: 8px;
  }

  .img-container {
    top: 15.5%;
    left: 41.5%;
  }

  .partners-gif {
    bottom: 19%;
  }

  .worksList,
  .blogList {
    max-width: 352px;
  }

  .work-card,
  .blog-card {
    width: 150px;
    height: 150px;
  }

  .work-modal,
  .blog-modal {
    max-width: 300px;
    margin: 40% auto;
  }

  .workImage,
  .blogImage {
    height: 150px;
  }

  .workMainDescription,
  .workDescription {
    font-size: 7px;
  }

  .event-card {
    width: 120px;
    height: 130px;
  }

  .event-type {
    top: -10px;
    right: -10px;
  }

  .event-title,
  .event-description {
    font-size: 8px;
  }

  .event-datetime,
  .event-place,
  .datetime-group {
    gap: 5px;
  }

  .event-icon {
    width: 8px;
    height: 8px;
  }

  .event-datetime span,
  .datetime-group span {
    font-size: 7px;
  }

  .swiper-container {
    max-width: 300px;
    height: 180px;
  }

  .blog-card-image {
    display: none;
  }

  .blog-card-content {
    padding: 10px;
  }

  .blog-card-ctg,
  .blog-card-date p,
  .blog-card-info,
  .readMoreBtn {
    font-size: 7px;
  }

  .social-container {
    max-width: 350px;
    gap: 15px;
  }

  .social-icon svg {
    width: 25px;
    height: 25px;
  }

  .social-icon a {
    width: 45px;
    height: 45px;
  }

  .feedback {
    width: 300px;
  }

  .feedback p {
    font-size: 11px;
  }

  .modal {
    max-width: 250px;
  }

  .modal h2 {
    font-size: 15px;
  }

  .form-label,
  .form-input {
    font-size: 9px;
  }

  .form-button {
    font-size: 10px;
  }

  .cat-runner img {
    width: 55px;
    height: 40px;
  }
}