@media (max-width: 600px) {
    .logo img {
        width: 70%;
    }
    .partner {
        padding-right: 1rem;
    }
    .partner img {
        width: 70%;
    }
    .hero-aronfx {
        font-size: 1rem;
    }
    .hero-container {
        flex-direction: column;
    }
    .menu span {
        width: 25px
    }
    .menu b {
        font-size: 0.85rem;
    }
    .menu-container {
        width: 60px;
    }
    .hero-design {
        width: 60px;
    }
    .hero-left {
        padding-left: 22%;
        width: 100%;
        padding-top: 4rem;
    }
    .hero-right {
        width: 100%;
        padding: 2rem 0;
        padding-left: 6rem;
    }
    .project {
        min-width: 250px;
        margin-right: 1rem;
    }
    .project:last-child {
        margin-right: 8rem;
    }
    .hero-btn {
        padding: 1rem;
    }
    .project-slider {
        
    }
    .hero-main {
        margin-top: 50px;
    }
    .hero-left svg {
        width: 8rem;
    }
    .hero-btn span {
        width: 40px;
        height: 40px;
    }
    .service-top {
        flex-direction: column;
        padding-left: 2rem;
    }
    .service-top h3 {
        width: 100%;
        margin: 1rem 0;
    }
    .service-top p {
        width: 100%;
    }
    .service-box-left {
        width: 80%;
    }
    .service-box-right {
        width: 20%;
    }
    .service-box-right svg {
        width: 2.5rem;
    }
    .footer-top-wrapper h4 {
        font-size: 1.6rem;
    }
    .footer-top-wrapper{
        flex-direction: column;
        border-radius: 10px;
        width: 80%;
    }
    .footer-top-left {
        width: 100%;
        padding-bottom: 1.5rem;
    }
    .footer-top-right {
        width: 100%;
    }
    .footer-logo {
        width: 100%;
        padding-right: 0;
    }
    .footer-botton-wrapper {
        flex-direction: column;
    }
    .footer-services, .footer-menu {
        width: 100%;
        padding-left: 0;
        padding-top: 2rem;
    }
    .copyright {
        flex-direction: column;
    }
    .copyright-content {
        width: 100%;
    }
    .social {
        width: 100%;
    }
    .privacy {
        width: 100%;
    }
    .about-main {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .service-content-container {
        width: 80%;
    }
    .projectlist-box {
        width: 45%;
    }
    .footer-logo p {
        width: 100%;
        padding-right: 0;
    }
   .about-main-container {
       flex-direction: column;
   }
   .about-main-heading {
       width: 100%;
   }
   .about-main-content {
       width: 100%;
       padding-left: 0;
   }
   .service-main {
       padding-top: 2rem;
       margin: 6rem auto;
   }
  .project-list {
      width: auto;
      left: 0;
  }
  .showreel {
      justify-content: center;
      align-content: center;
      
  }
  .showreel-container {
      width: 95%;
      height: 100%;
  }
  .cursor {
      opacity: 0;
  }
/*closed */
}