@media (max-width: 1100px) {
  .cursor {
    display: none;
  }
  .title {
    font-size: 17vw;
    padding: 7vw 3vw;
  }
  .sub-title {
    font-size: 8vw;
    font-weight: 1000;
  }
  .home-btn {
    display: none;
  }
  #website-loading .logo h3 {
    font-size: 6vw;
  }
  #website-loading .logo p {
    font-size: 3vw;
  }
  @keyframes big-circle {
    0% {
      height: 0vw;
      width: 0vw;
    }
    100% {
      height: 250vw;
      width: 250vw;
    }
  }
  @keyframes letterSpacing {
    0% {
      letter-spacing: 0vw;
    }
    100% {
      letter-spacing: 1.4vw;
    }
  }
  .navbar .logo__hover-effect:nth-child(1)::before {
    width: 0.6vw;
    height: 0.6vw;
    border-top: 0.4vw solid #fff;
    border-left: 0.4vw solid #fff;
  }
  .navbar .logo__hover-effect:nth-child(1)::after {
    width: 0.6vw;
    height: 0.6vw;
    border-top: 0.4vw solid #fff;
    border-right: 0.4vw solid #fff;
  }
  .navbar .logo__hover-effect:nth-child(2)::before {
    width: 0.6vw;
    height: 0.6vw;
    border-bottom: 0.4vw solid #fff;
    border-left: 0.4vw solid #fff;
  }
  .navbar .logo__hover-effect:nth-child(2)::after {
    width: 0.6vw;
    height: 0.6vw;
    border-bottom: 0.4vw solid #fff;
    border-right: 0.4vw solid #fff;
  }
  .navbar .logo h3 {
    font-size: 4.4vw;
  }
  .navbar .logo p {
    font-size: 2.2vw;
    letter-spacing: 1vw;
  }
  .navbar .menu__open__button,
  .navbar .menu__close__button {
    height: 5.8vw;
  }
  @keyframes raiseWidth {
    from {
      height: 0;
      width: 0;
    }
    to {
      height: 300vh;
      width: 300vh;
    }
  }
  .footer .zoom__button .zoom-out__button,
  .footer .zoom__button .zoom-in__button {
    height: 3.2vw;
  }
  .footer .zoom__button:hover .btn {
    height: 3.2vw;
  }
  #home .container #header {
    margin-bottom: 2.5vw;
  }
  #home .container #header h1 span {
    line-height: 10vw;
  }
  #home .container #header h1 .we {
    font-size: 9vw;
  }
  #home .container #header h1 .design {
    font-size: 9vw;
  }
  #home .container #header h1 .and {
    font-size: 9vw;
  }
  #home .container #header h1 .develop {
    font-size: 9vw;
  }
  #home .container #header h1 .digital {
    font-size: 9vw;
  }
  #home .container #header h1 .products {
    line-height: 12vw;
    font-size: 12vw;
  }
  #menu .container .menu__button {
    right: 3.5vw;
    top: 3.5vw;
  }
  #menu .container .menu__button img {
    width: 10vw;
  }
  #menu .container .menu__links .btn {
    margin-bottom: 2vw;
    font-size: 8vw;
  }
  #work #work__section__title {
    padding: 3vw;
  }
  #work #work__section__title h1 {
    text-transform: uppercase;
  }
  #work .projects {
    display: flex;
    align-items: center;
    flex-direction: column;
    grid-gap: 5vw;
    padding: 5vw;
  }
  #work .projects .talkemma .project__title__border {
    -webkit-text-stroke: 0.1vw white !important;
    z-index: 2;
    color: transparent;
  }
  #work .projects .project {
    margin-bottom: 10vw;
  }
  #work .projects .project .project__title {
    top: -7vw;
    left: 1vw;
    font-size: 10vw;
  }
  #work .projects .project .project__showcase {
    height: 60vw;
    width: 85vw;
  }
  #work .projects .project .project__buttons .project__visit {
    border: 0.2vw solid #fff;
    height: 8vw;
    width: 18vw;
    margin-top: 1.5vw;
    font-size: 2.5vw;
    letter-spacing: 1.5vw;
    margin-right: 3vw;
  }
  #work .projects .project .project__buttons .primary-btn {
    font-size: 5vw;
  }
  #studio .container .title {
    margin-bottom: unset;
  }
  #studio .container .studio__about-us .sub-title {
    margin-bottom: 2vw;
  }
  #studio .container .studio__about-us p {
    font-size: 3vw;
    padding-right: 8vw;
  }
  #studio .container .studio__what-we-do {
    margin-bottom: 20vw;
  }
  #studio .container .studio__what-we-do h3 span {
    font-size: 4.5vw;
  }
  #studio .container .studio__what-we-do h3 .skill:hover {
    color: black;
  }
  #studio .container .studio__what-we-do h3 .skill:hover::before {
    height: 6.5vw;
  }
  #studio .container #honour {
    height: 30vw;
  }
  #studio .container #honour .honour__scrolller::before {
    top: 0.4vw;
  }
  #studio .container #honour .honour__scrolller marquee {
    line-height: 200%;
    font-size: 10vw;
  }
  #studio .container #honour .honour__scrolller marquee::before {
    height: 0.4vw;
  }
  #studio .container .studio__we-have-our-words .sub-title {
    margin-bottom: 10vw;
  }
  #studio .container .studio__we-have-our-words__content {
    grid-template-columns: repeat(1, auto);
  }
  #studio .container .studio__we-have-our-words__content__box h3 {
    font-size: 4.5vw;
  }
  #studio .container .studio__we-have-our-words__content__box p {
    padding-right: 17vw;
    font-size: 3vw;
  }
  #studio .container .studio__our-clients .sub-title {
    margin-bottom: 10vw;
  }
  #studio .container .studio__our-clients__content a:hover::before {
    width: 30vw;
    height: 30vw;
  }
  #studio .container .studio__our-clients__content img {
    width: 20vw;
  }
  .testimonials .testimonials-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    grid-gap: 5rem;
  }
  .testimonials .testimonials-box {
    max-width: 700px;
  }
  #contact {
    height: unset;
  }
  #contact .container {
    padding-bottom: 10vw;
  }
  #contact .container .title {
    margin-bottom: unset;
  }
  #contact .container .contact__content {
    display: unset;
  }
  #contact .container .contact__content__info__sub-tile {
    margin-bottom: 2vw;
  }
  #contact .container .contact__content__info__sub-tile .wanna-start {
    font-size: 5vw;
  }
  #contact .container .contact__content__info__sub-tile .someting {
    font-weight: 700;
    font-size: 5.8vw;
  }
  #contact .container .contact__content__info__sub-tile .great {
    font-size: 8.9vw;
    margin-bottom: 3vw;
  }
  #contact .container .contact__content__info__paragraph {
    font-size: 3vw;
    margin-bottom: 3vw;
  }
  #contact .container .contact__content__info .contact__email {
    margin-bottom: 8vw;
  }
  #contact .container .contact__content__info .contact__email a {
    font-size: 2.7vw;
  }
  #contact .container .contact__content__form {
    margin-left: 8vw;
    margin-top: 0.8vw;
  }
  #contact .container .contact__content__form input[type=text],
  #contact .container .contact__content__form input[type=email],
  #contact .container .contact__content__form textarea {
    border: 0.1vw solid #444;
    padding: 3vw 1.8vw;
    height: 5vw;
    font-size: 3vw;
    font-weight: 300;
  }
  #contact .container .contact__content__form textarea {
    height: 18vw;
  }
  #contact .container .contact__content__form .primary-btn {
    font-size: 5vw;
  }
  #footer {
    padding: 1vw 3vw;
  }
  #footer p {
    font-size: 3vw;
  }
  #social-contact .social-link {
    width: 6vw;
    height: 6vw;
  }
  #social-contact .social-link i {
    font-size: 3.5vw;
  }
  #social-contact .social-link:hover i {
    transform: scale(1.1);
    color: white;
  }
}/*# sourceMappingURL=responsive.css.map */