@media (max-width: 1232px) {
  .nav-social-link span {
    display: none;
  }
}
@media (max-width: 1182px) {
  .hero-content,
  .hero-content-right {
    justify-content: center;
  }
  .hero-content-right {
    padding-bottom: 2rem;
  }
  .hero-content {
    gap: 5rem;
  }
  .hero-container {
    padding: 0;
  }
}
@media (max-width: 1000px) {
  nav {
    padding: 1rem 0;
  }
  .nav-list-left {
    font-size: 1rem;
  }
  .nav-list-right-left {
    gap: 0;
    font-size: 1rem;
  }
  .search-box {
    display: none;
  }
  .nav-list-right {
    gap: 3rem;
  }
  .nav-list-right-social {
    gap: 1.5rem;
  }
  .nav-social-link img {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 768px) {
  .hero-title {
    display: none;
  }
  .hero-content {
    padding: 2rem 0 0 0;
  }
  .side-nav {
    display: none;
  }
  .right-info-title {
    font-size: 2rem;
  }
  .section-footer {
    display: none;
  }
  .about-container {
    padding: 0 0;
  }
  .about-content-title {
    margin: 0 auto;
  }
  .about-content-text {
    font-size: 0.9rem;
  }
  .skills-container > .tag {
    display: none;
  }
  .swiper-button-next,
  .swiper-button-prev {
    top: auto;
    bottom: -1rem;
  }
  .project-name {
    font-size: 0.9rem;
  }
  .footer-links img:hover{
    animation: none;
  }
}
@media (max-width: 680px) {
  .right-info-para {
    font-size: 0.9rem;
  }
  .break {
    display: none;
  }
  .hero-content {
    gap: 0.5rem;
  }
  .frontend-skills,
  .libraries,
  .tools {
    padding-bottom: 2rem;
  }
}
@media (max-width: 620px) {
  .nav-list-left {
    gap: 0.5rem;
  }
  .nav-list-right {
    gap: 1.5rem;
    font-size: 0.9rem;
  }
  .nav-list-right-social {
    gap: 1rem;
  }
  .capsule {
    margin-top: 2rem;
  }
}
@media (max-width: 562px) {
  .nav-list-right-social {
    display: none;
  }
}