@media(max-width: 1600px) {
  .project-item .project-item__footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .export .view-24 {
    width: 100%;
    margin-top: 20px;
  }

  .export>.element-4 .view {
    padding: 0;
  }

  .export>.element-4 .text-wrapper {
    font-size: 38px;
  }

  .export>.element-4 .p {
    width: 50%;
    font-size: 20px;
    line-height: 32px;
  }

  .element-5 .view-5,
  .element-5 .view-7,
  .element-5 .view-8,
  .element-5 .view-9,
  .element-5 .view-10 {
    padding: 45px;
    height: 100%;
  }

  .element-5 .div-wrapper {
    bottom: 0;
    right: 15px;
    left: auto;
    top: auto;
  }

  .element-5 .text-wrapper-5,
  .element-5 .element-3,
  .element-5 .element-4,
  .element-5 .element-5,
  .element-5 .element-6 {
    line-height: 1;
    font-size: 179.8px;
    padding: 0;
  }

  .review-item::before,
  .review-item::after {
    width: 70px;
    height: 70px;
    left: calc(50% - 35px);
    top: calc(50% - 35px);
  }

  .review-item::after {
    background-size: 23px auto;
  }
}

@media(max-width: 1400px) {}

@media(max-width: 1200px) {}

@media(max-width: 991px) {}

@media(max-width: 767px) {
  .header .view {
    flex-direction: column;
    padding: 24px 15px 20px;
    align-items: center;
  }

  .header .div-2 {
    flex-direction: column;
    gap: 20px;
  }

  .header .view-2 {
    margin-top: 20px;
  }

  .header .div-3 {
    flex-direction: column;
    gap: 20px;
  }

  .header>.view .view-4 {
    align-items: center;
  }

  .header .view-wrapper {
    padding: 60px 39px;
    display: block;
  }

  .header .view-wrapper .view-5 {
    padding: 0;
    align-items: center;
  }

  .header .view-wrapper .text-wrapper-6 {
    font-size: 30px;
    line-height: 1.4;
  }

  .header .view-wrapper .text-wrapper-7 {
    font-size: 28px;
    line-height: 1.1;
  }

  .header .view-wrapper .view-7 {
    flex-direction: column;
    gap: 20px;
  }

  .header .view-wrapper .view-8,
  .header .view-wrapper .view-9 {
    gap: 16px;
    padding: 17px 30px;
    width: 100%;
  }

  .header .view-wrapper .text-wrapper-8 {
    font-size: 17px;
  }

  .export .element-2 {
    background: #fff;
    flex-direction: column;
  }

  .export .div-7 {
    width: 100%;
  }

  .export .view-10 {
    padding: 0px;
  }

  .export .view-11 {
    display: block;
  }

  .export .view-12 {
    flex-direction: column;
  }

  .export .view-16 {
    width: 100%;
  }

  .export .view-17 {
    padding: 22px 40px;
    width: 100%;
  }

  .export>.element-3 .view-21 {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }

  .export .view-23 {
    display: flex;
    gap: 5px;
    flex-direction: column-reverse;
  }

  .project-item .project-item__footer {
    width: 100%;
  }

  .export .view-25 {
    padding: 26px 30px;
    width: 100%;
  }

  .export>.element-3 .view-16 {
    width: 100%;
  }

  .export>.element-3 .vector-2 {
    width: 100%;
  }

  .export>.element-3 .view-23 {
    gap: 0px;
  }

  .export>.element-4 .view {
    width: 100%;
  }

  .export>.element-4 .text-wrapper {
    font-size: 28px;
  }

  .export>.element-4 .image {
    width: auto;
  }

  .export>.element-4 .p {
    width: 100%;
  }

  .export>.element-4 .text-wrapper-2 {
    white-space: wrap;
  }

  .export>.element-4 .calculator-shop {
    width: 40px;
    height: 40px;
  }

  .export>.element-4 .frame-wrapper {
    display: none;
  }

  .element-5 .view-3 {
    display: flex;
  }

  .element-5 .view-4 {
    display: none;
  }

  .element-5 .view-5 {
    width: 100%;
  }

  .element-5 .view-5,
  .element-5 .view-6,
  .element-5 .view-7,
  .element-5 .view-8,
  .element-5 .view-9,
  .element-5 .view-10 {
    padding: 30px;
  }

  .element-5 .text-wrapper-6 {
    line-height: 1.2;
    white-space: wrap;
  }

  .element-5 .view-6 {
    padding: 0;
  }

  .element-7 .view-11 {
    padding: 0px;
    display: flex;
    flex-direction: column;
  }

  .element-7 .text-wrapper-8 {
    font-size: 36px;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
  }

  .element-7 .view-12 {
    padding: 26px 30px;
    width: 100%;
  }

  .reviews-container {
    display: flex;
    flex-direction: column;
  }

  .review-item:first-child:before,
  .review-item:first-child::after {
    width: 70px;
    height: 70px;
    left: calc(50% - 35px);
    top: calc(50% - 35px);
  }

  .review-item:first-child::after {
    background-size: 23px auto;
  }

  .element-8 .text-wrapper {
    font-size: 36px;
  }

  .export>.element-9 {
    width: auto;
    height: auto;
    flex-direction: column;
    padding: 80px 39px 0;
    align-items: flex-start;
  }

  .element-9 .view {
    padding: 0;
    max-width: none;
  }

  .element-9 .text-wrapper {
    font-size: 40px;
  }

  .element-9 .view-4 {
    display: none;
  }

  .element-9 .view-5,
  .element-9 .view-6,
  .element-9 .view-7,
  .element-9 .view-8,
  .element-9 .view-9,
  .element-9 .view-10,
  .element-9 .view-11 {
    display: none;
  }

  .element-10 .view-12 {
    width: 100%;
  }

  .element-10 .view-13 {
    padding: 30px 0;
  }

  .element-9 .p {
    display: flex;
    flex-direction: column;
  }

  .element-10 .frame {
    width: 100%;
  }

  .element-10 .text-wrapper-6 {
    display: none;
  }

  .element-10 .text-wrapper-7 {
    white-space: wrap;
  }

  .export>.element-10 .view-14,
  .export>.element-10 .view-15 {
    padding: 30px 0;
  }

  .export>.element-10 .div-2 {
    width: 100%;
  }

  .export>.element-11 .view-17 {
    padding: 0;
    flex-direction: column;
  }

  .export>.element-11 .view-18 {
    width: auto;
  }

  .export>.element-11 .text-wrapper-9 {
    font-size: 38px;
  }

  .export>.element-11 .view-19 {
    width: 100%;
  }

  .export>.element-11 .view-20 {
    width: 100%;
  }

  .export>.element-11 .view-21,
  .export>.element-11 .view-23 {
    width: 100%;
  }

  .export>.element-11 .view-25 {
    flex-direction: column;
    padding: 26px 0;
  }

  .export>.element-11 .view-25 .btn {
    width: 100%;
  }

  .export>.element-11 .view-26 {
    width: 100%;
    height: auto;
  }

  .export>.frame-wrapper .frame-3 {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
  }

  .export>.frame-wrapper .text-wrapper-17 {
    width: auto;
    text-align: center;
    margin-top: 15px;
  }

  .export>.frame-wrapper .view-27 .div-3 {
    justify-content: center;
  }

  .export>.frame-wrapper .frame-4 {
    width: auto;
    align-items: center;
  }

  .export>.frame-wrapper .div-5 {
    align-items: center;
  }

  .portfolio-container {
    display: flex !important;
    flex-direction: column;
  }
}

@media(max-width: 578px) {}