@media only screen and (max-width: 767px) {
  /* SLIDER START */
  .hero__wrapper {
    margin-top: 20px;
    height: auto;
  }

  .hero__wrapper .swiper-slide {
    height: auto;
    padding-bottom: 210px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
  }

  .hero-content__wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: 0;
    padding-bottom: 0;
  }

  html[lang="uk"] {
    .hero-content__wrapper h1,
    .hero-content__wrapper h2,
    .hero-content__wrapper h3 {
      max-width: 100%;
    }
  }
  .projects-case__title {
    line-height: 1.5;
  }
  .hero-content__wrapper h1 > span {
    opacity: 0;
  }
 .hero-content__wrapper h1,
 .hero-content__wrapper h2,
 .hero-content__wrapper h3  {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    font-size: 11vw;
    line-height: 0.9em;
    font-weight: 900;
    text-transform: uppercase;
    color: #ffffff;
  }

  .hero-content-title--mobi {
    display: block;
  }

  .hero-content-title--desk {
    display: none;
  }

  .hero-content__wrapper p {
    font-size: 24px;
    line-height: 25px;
  }

  .hero-lines__wrapper {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 235px;
    width: 335px;
  }

  .hero-lines__wrapper .color-gray {
    color: #ffffff;
  }

  .hero-preview__wrapper {
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
    height: 400px;
  }
  .hero-preview__wrapper:after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: inset -1px -100px 166px -5px rgba(0, 0, 0, 0.65);
    box-shadow: inset -1px -100px 166px -5px rgba(0, 0, 0, 0.65);
  }

  .hero__wrapper .placeholder {
    min-height: 400px;
  }
/*
  .hero-title__overlay {
    height: 1.7em;
  }

  .hero-title__overlay.line-2 {
    top: 1.7em;
  }

  .hero-title__overlay.line-3 {
    top: 3.5em;
  }

  .hero-title__overlay.line-4 {
    top: 5.3em;
  }
*/
/*	
.hero-title__overlay {
	height: calc((383px / 4) + 5px);
}
    .hero-title__overlay.line-2 {
        top: calc(383px / 4);
    }
	.hero-title__overlay.line-3 {
        top: calc(383px / 2);
    }
	.hero-title__overlay.line-4 {
        top: auto;
        bottom: 0;
    }
*/
  .hero-title__overlay.line-5,
  .hero-title__overlay.line-6 {
    display: none;
  }

  .hero-start__button {
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100vw - 10px);
    justify-content: center;
    font-size: 24px;
  }

  .hero-start__button > .hero-start__inner {
    left: 50%;
    transform: translateX(-50%);
    bottom: 35%;
    width: max-content;
    column-gap: 20px;
  }

  .hero-button__overlay {
    width: calc(100% - 10px);
  }

  .hero__wrapper .swiper-pagination {
    display: none;
  }

  .hero-controls-desk {
    display: none !important;
  }
  .hero-controls-mob {
    display: flex !important;
  }

  .mySwiper .swiper-controls {
    margin-left: 10px;
    margin-right: 10px;
    position: absolute;
    bottom: 120px;
    right: auto;
    width: -webkit-fill-available;
    justify-content: space-between;
  }

  .mySwiper .swiper-button-prev,
  .mySwiper .swiper-button-next {
    display: flex !important;
    flex-direction: column;
  }

  .mySwiper .swiper-button-prev {
    align-items: flex-start;
  }

  .mySwiper .swiper-button-next {
    align-items: flex-end;
  }

  /* SLIDER END */

  /* TEXT START */
  .text__wrapper {
    height: 400px;
  }

  /* TEXT END */

  /* WHAT DOING START */
  .what-doing__wrapper > div {
    padding: 50px 10px 100px 10px;
  }

  .what-doing__wrapper h2 {
    font-size: 12vw;
  }

  .what-doing-service__wrapper {
    margin-top: 45px;
    padding-top: 25px;
    justify-content: flex-start;
    flex-direction: column;
    row-gap: 20px;
  }

  .what-doing-service__wrapper h3 {
    padding-right: 0;
    width: auto;
  }

  .what-doing-service__wrapper p {
    padding-top: 20px;
    padding-right: 0;
    max-width: 100%;
    line-height: 26px;
  }

  /* WHAT DOING END */

  /* PROJECTS START */
  .projects__wrapper > div {
    padding: 50px 10px;
  }

  .projects__wrapper h2 {
    font-size: 12vw;
  }

  .projects-row__wrapper {
    margin-top: 30px;
    display: flex;
    row-gap: 30px;
    flex-direction: column;
    align-content: center;
  }

  .projects-case__wrapper {
    width: 100% !important;
  }

  .projects-case__wrapper > div {
    width: 100% !important;
  }

  .projects-portfolio__button {
    position: relative;
    right: auto;
    bottom: auto !important;
    transform: none;
    width: 225px;
    height: 225px;
  }

  /* PROJECTS END */

  /* ABOUT START */
  .about__wrapper {
    padding: 50px 20px;
    min-height: 570px;
    align-content: space-between;
  }

  .about-center__wrapper {
    padding: 0;
    justify-content: center;
  }

  .about-center__wrapper > div:nth-child(1),
  .about-center__wrapper > div:nth-child(3) {
    display: none;
  }

  .about-center__wrapper > div:nth-child(2) {
    width: 230px;
    height: 350px;
  }

  .about-center__wrapper .start-project__button2 {
    left: 50%;
    transform: translateX(-50%);
    bottom: -37%;
    width: 210px;
    height: 210px;
  }

  .about-center__wrapper > div:nth-child(2) p {
    max-width: 150px;
    font-size: 22px;
  }

  .about-bottom__wrapper {
    padding-bottom: 0px;
  }

  .about-bottom__wrapper p {
    display: none;
  }

  .about-bottom__wrapper a {
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
  }

  /* ABOUT END */

  /* BENEFITS START */
  .benefits {
    justify-content: center;
  }

  .benefits--mobi {
    background-color: #e3e5e5;
  }

  .benefits--mobi > div {
    padding: 50px 10px 30px 10px;
  }

  .benefits > div:nth-child(1) {
    display: none;
    padding: 50px 10px 30px 10px;
  }

  .benefits > div:nth-child(2) {
    margin: 0;
    height: 100%;
    overflow: hidden;
  }

  .benefits h2,
  .benefits--mobi h2 {
    font-size: 12vw;
  }

  .benefits > div:nth-child(2) .benefit-box__wrapper:nth-child(1) {
    top: 0;
    left: auto;
    right: 33px;
  }

  .benefits > div:nth-child(2) .benefit-box__wrapper:nth-child(2) {
    top: auto;
    left: 33px;
    right: auto;
    bottom: 0;
  }

  .benefits > div:nth-child(2) .benefit-box__wrapper:nth-child(3) {
    top: 33%;
    right: auto;
    left: auto;
  }

  .benefits > div:nth-child(2) .benefit-box__wrapper:nth-child(4) {
    top: 77px;
    left: 77px;
  }

  .benefits > div:nth-child(2) .benefit-box__wrapper:nth-child(5) {
    top: 33%;
    right: 33px;
    bottom: 0;
    left: auto;
  }

  .benefits > div:nth-child(2) .benefit-box__wrapper:nth-child(6) {
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
  }

  .deep7,
  .deep8,
  .deep9,
  .deep10,
  .deep11,
  .deep12 {
    display: none;
  }

  /* BENEFITS END */

  /* CALLBACK START */
  .callback {
	padding: 60px 0px;
    height: auto;
    min-height: auto;
    /* overflow: hidden; */
  }
  .callback-wrap {
    overflow: hidden;
  }
  .home-callback > div,
  .callback > div {
    display: flex;
    justify-content: center;
  }

  .callback-video {
    width: 777px;
  }

  .callback .start-project__button {
    width: 200px;
    height: 200px;
    font-size: 18px;
    top: 45%;
  }
  .home-callback {
    padding-top: 60px !important;
  }
  .home-callback .callback-wrap {
    background: transparent;
  }
  .home-callback h2,
  .callback h2 {
    font-size: 12vw;
    padding-left: 10px;
  }
  .connect-call {
    bottom: 25%;
  }
  /* CALLBACK END */

  /* CLINTS START */
  .clients__wrapper {
    margin-top: -110px;
    padding: 70px 0 70px 0;
    z-index: 99;
    background: transparent;
  }

  .clients-row__wrapper {
    padding: 20px 0;
  }

  .clients-row__wrapper:before,
  .clients-row__wrapper:after {
    width: 100px;
  }
  .callback .callback-video-wrap {
    padding-top: 0px;
  }
  /* CLINTS END */

  /* REVIEWS START */
  .reviews__wrapper > div {
    padding: 50px 10px;
  }

  .reviews__wrapper h2 {
    margin-bottom: 50px;
    font-size: 12vw;
    overflow-wrap: break-word;
  }
  .mySwiper2 {
    padding-bottom: 30px !important;
  }
  .mySwiper2 .swiper-slide {
    flex-direction: column;
    row-gap: 30px;
  }

  .mySwiper2 .swiper-slide > div:nth-child(1) {
    max-width: 100%;
  }

  .mySwiper2 .swiper-slide > div:nth-child(2) {
    max-width: 100%;
    row-gap: 20px;
  }

  .mySwiper2 .swiper-slide > div:nth-child(2) > p {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
  }

  .slider__container .swiper-controls {
    width: 100%;
    right: auto;
    left: 0;
    width: -webkit-fill-available;
    justify-content: space-between;
  }

  .m-hide {
    display: none;
  }

  .uncontrolled .swiper-button-prev,
  .uncontrolled .swiper-button-next {
    display: flex !important;
    flex-direction: column;
  }

  .uncontrolled .swiper-button-prev {
    align-items: flex-start;
  }

  .uncontrolled .swiper-button-next {
    align-items: flex-end;
  }

  /* REVIEWS END */
}

@media only screen and (min-width: 768px) {
  .hero__wrapper .swiper-controls img,
  .reviews__wrapper .swiper-controls img {
    display: none;
  }

  .benefits--mobi {
    display: none;
  }
}

@media only screen and (max-width: 1279px) {
}