.other-projects--list {
  gap: 24px;
}

a.btn-other-projects,
a.btn-other-projects:active {
  margin-top: 24px;
  height: 42px;
  padding-top: 11px;
  padding-bottom: 11px;
  font-family: Wix Madefor Text;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
  color: var(--text-light);
  border-radius: 2px;
  border: 1px solid var(--background-basic);
  background-color: inherit;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 6px;
  justify-content: center;
  transition: all 1s;
}

a.btn-other-projects::after {
  content: url(/local/templates/jamit-template/assets/img/arrow-dark-grey.svg);
  width: 20px;
  height: 20px;
  transition: all 1s;
}

a.btn-other-projects:hover {
  background-color: var(--background-basic);
  color: var(--text-basic);
}

a.btn-other-projects:hover::after {
  transform: rotate(57deg);
  content: url(/local/templates/jamit-template/assets/img/arrow-dark.svg);
}
@media (min-width: 319px) {
  .grid {
    display: grid;
  }

  .mob-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .mob-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .mob-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .mob-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .mob-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .mob-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .mob-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .mob-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}

@media (min-width: 320px) {

#page-cases .flex-display {
	display: flex;
	flex-direction: column;
	gap: 90px;
}
.main-page-cases {
    margin-top: -16px;
}
.main-page-cases .cases-description-block p {
	font-family: Wix Madefor Text;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0;

}
  .seo-footer .footer-form.form .form__submit {
    max-width: 470px;
    display: block;
    width: 100%;
  }

  .seo-footer {
    background-color: var(--background-light);
    background-image: url(/local/templates/jamit-template/assets/img/seo/form-seo-pk.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    min-height: 492px;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 48px;
  }

  .seo-footer .footer-form.form .form__submit {
    background-color: var(--main-light);
    color: var(--text-basic);
    font-size: 12px;
    line-height: 130%;
  }

  .landing-page-seo .seo-footer h2,
  .seo-footer h2 {
    font-family: "Unbounded", sans-serif;
    font-weight: 200;
    width: auto;
    border-bottom: 0;
  }

  .seo-footer .footer-form.form {
    display: grid;
  }

  .seo-footer .footer-form.form .form__input {
    display: block;
    max-width: 470px;
    height: 48px;
    background: var(--white);
    color: var(--text-basic);
    width: 100%;
  }

  .seo-footer .footer-form.form .form__input::placeholder {
    color: var(--text-light);
  }

  .seo-footer .footer-form.form small {
    color: var(--text-basic);
  }

  .seo-footer .footer-form.form small a {
    color: var(--main-basic);
  }

  small.center-form {
    font-size: 14px;
    line-height: 140%;
    margin-top: 12px;
  }

  .landing-page-seo .seo-footer h2 {
    padding-bottom: 0px;
  }

  .case-footer .seo-footer {
    margin-bottom: 0;
  }

  #case-banner::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(250.14deg, rgba(0, 0, 0, 0) 27.38%, rgba(0, 0, 0, 0.8) 71.26%);
  }

  section {
    font-family: "Wix Madefor Text", sans-serif;
  }

  .swiper-slide a:before {
    content: url(/local/templates/jamit-template/assets/img/about/our-team/zoom-gallery.svg);
    background-color: var(--facnybox-hover);
    opacity: 0;
    -webkit-transition: opacity 0.8s, visibility 0.8s;
    transition: opacity 0.8s, visibility 0.8s;
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    display: grid;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .swiper-slide:hover a:before {
    content: url(/local/templates/jamit-template/assets/img/about/our-team/zoom-gallery.svg);
    background-color: var(--facnybox-hover);
    opacity: 1;
    visibility: visible;
  }

  .slider-desktop-swiper,
  .slider-mobile-swiper {
    width: 100%;
    overflow: hidden;
  }

  .swiper-btn-block-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .swiper-btn-block-footer {
    margin-top: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .swiper-btn-block .swiper-button-next,
  .swiper-btn-block .swiper-button-prev {
    cursor: pointer;
    width: 42px;
    height: 42px;
    background-color: var(--white);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 1s;
    transition: all 1s;
    border: 1px solid var(--background-basic);
  }

  .swiper-btn-block .swiper-button-prev:hover,
  .swiper-btn-block .swiper-button-next:hover {
    background-color: var(--main-light);
  }

  .swiper-btn-block .swiper-button-prev::after {
    content: url(/local/templates/jamit-template/assets/img/arrow-thin-left.svg);
    margin-top: -3px;
  }

  .swiper-btn-block .swiper-button-next::after {
    content: url(/local/templates/jamit-template/assets/img/arrow-thin-right.svg);
    margin-top: -3px;
  }

  #page-cases {
    background-color: var(--main-basic);
    padding-bottom: 24px;
  }

  .h1 {
    color: var(--white);
    margin-bottom: 90px;
  }

  .button-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .button-block a {
    color: var(--white);
    text-decoration: none;
    font-family: "Unbounded", sans-serif;
    font-weight: 200;
    font-size: 12px;
    z-index: 10;
    position: relative;
  }

  .button-block a:first-child::after {
    content: url("/local/templates/jamit-template/assets/img/arrow-white.svg");
    position: relative;
    margin-left: 6px;
  }

  .case-item.default-case {
    background-color: var(--main-basic);
    color: var(--white);
  }

  .case-item.default-case .case-type:before {
    background-color: var(--white);
  }

  .case-item.default-case .thumb-block,
  .case-item.default-case {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--main-basic)), to(var(--main-hover)));
    background: linear-gradient(var(--main-basic), var(--main-hover));
  }

  .main-page-cases p {
    font-size: 14px;
    line-height: 140%;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid var(--background-basic);
  }

  .main-page-cases .button-block a {
    font-family: "Wix Madefor Text", sans-serif;
    font-size: 14px;
  }

  .default-case .case-info {
    display: grid;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    min-height: 163px;
  }

  #page-cases {
    background-image: url(/local/templates/jamit-template/assets/img/back-mb-case.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
  }

  #case-banner {
    background-image: url(/local/templates/jamit-template/assets/img/case/fon-pechnoy.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 425px;
    margin-bottom: 36px;
    position: relative;
  }

  .case-banner::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(250.14deg, rgba(0, 0, 0, 0) 27.38%, rgba(0, 0, 0, 0.8) 71.26%);
  }

  .text-in-banner p {
    color: var(--white);
    line-height: 1.4;
    font-size: 14px;
    padding-bottom: 50px;
  }

  #case-banner .button-block a.link-in-site {
    text-decoration: underline;
    color: var(--main-basic);
  }

  #case-banner .case-type::before {
    background-color: var(--white);
  }

  #case-banner .case-type {
    color: var(--white);
    font-size: 10px;
  }

  #case-banner .type-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-top: 15px;
  }

  .tasks-case .item-for-whom,
  .our-work-case .item-for-whom {
    background-color: var(--background-light);
    padding: 20px;
  }

  .element-case .grid {
    gap: 20px;
  }

  .h2 {
    font-size: 16px;
    line-height: 120%;
    font-weight: 400;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--background-basic);
    margin-bottom: 20px;
    font-family: "Wix Madefor Text", sans-serif;
  }

  .item-for-whom p {
    font-size: 12px;
    line-height: 1.3;
  }

  .ol-num {
    display: grid;
    border-radius: 50%;
    background-color: var(--white);
    width: 36px;
    height: 36px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 20px;
  }

  .ol-num:after {
    content: url(/local/templates/jamit-template/assets/img/design/blue-arr.svg);
    position: absolute;
    margin-left: 26px;
    width: 36px;
    height: 36px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border: 1px solid var(--main-basic);
    border-radius: 50%;
    z-index: -1;
  }

  .our-work-case .item-for-whom .ol-num:after {
    content: url(/local/templates/jamit-template/assets/img/blue-arr.svg);
  }

  p.title-block-for-whom {
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 20px;
  }

  .item-for-whom {
    position: relative;
    z-index: -1;
    font-size: 14px;
    line-height: 140%;
  }

  .list-tehnology {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .item-teh {
    border-radius: 2px;
    border: 1px solid var(--background-basic);
    font-size: 16px;
    line-height: 150%;
    color: var(--main-basic);
    font-family: "Unbounded", sans-serif;
    font-weight: 200;
    padding: 8px;
  }

  .case-interface .h2,
  .case-adaptive .h2 {
    line-height: 1.2;
    font-size: 16px;
    font-family: "Unbounded", sans-serif;
    font-weight: 200;
    border-bottom: 0;
    margin-bottom: 0;
  }

  .case-interface p,
  .case-adaptive p {
    font-size: 12px;
    line-height: 1.3;
  }

  .box-interface,
  .box-adaptive {
    -webkit-box-shadow: 0px -12px 23.1px 0px rgba(30, 56, 85, 0.13);
    box-shadow: 0px -12px 23.1px 0px rgba(30, 56, 85, 0.13);
    padding: 32px 23px;
    margin-bottom: 20px;
    background-color: var(--white);
  }

  .screen {
    width: 240px;
    height: 150px;
    overflow-y: scroll;
    position: absolute;
    top: 4%;
    left: 7%;
    background-color: var(--white);
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
  }

  .laptop {
    height: 173px;
    background-image: url(/local/templates/jamit-template/assets/img/case/laptop-mocup-min.png);
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    width: 280px;
    margin: auto;
  }

  .fon-next-case {
    background-color: var(--text-basic);
    color: var(--white);
    font-family: "Unbounded", sans-serif;
    font-weight: 200;
    font-size: 16px;
    line-height: 1.5;
    padding-top: 20px;
  }

  .button-next-case {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.3);
    gap: 16px;
    padding: 10px;
    margin: 0 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .title-next-case {
    max-width: 188px;
  }

  .case-links--more {
    border-color: var(--white);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid var(--white);
    text-align: center;
    font-size: 10px;
  }

  .case-links--more::before {
    content: url(/local/templates/jamit-template/assets/img/arrow-white.svg);
    -webkit-transition: -webkit-transform 0.3s linear;
    transition: -webkit-transform 0.3s linear;
    transition: transform 0.3s linear;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear;
    display: inline-block;
    line-height: 42px;
  }

  .button-next-case:hover .case-links--more::before {
    -webkit-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
  }

  .img-next-case {
    display: grid;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin-top: 9px;
  }

  .img-next-case img {
    max-width: 195px;
    height: 138px;
    border-radius: 3px 3px 0px 0px;
    margin-bottom: -4px;
  }

  .fon-next-case .container {
    padding: 0px 14px;
  }

  .slider-mobile {
    padding-top: 20px;
  }

  .slider-mobile .swiper-slide {
    padding-top: 150px;
  }

  .slider-mobile .swiper-slide.swiper-slide-active {
    padding-top: 0;
  }

  #case-banner .h1 {
    margin-bottom: 25px;
  }

  p.text-client {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
  }

  .client-number {
    min-height: 102px;
    margin-top: 22px;
    font-size: 14px;
    line-height: 1.4;
  }

  .client-number span {
    font-family: "Unbounded", sans-serif;
    line-height: 124%;
    font-size: 34px;
    font-weight: 200;
    display: block;
  }

  .item-for-whom .title-item-for-whom {
    font-size: 16px;
    font-family: "Unbounded", sans-serif;
    font-weight: 200;
    line-height: 1.2;
    margin-bottom: 12px;
  }

  .case-adaptive .sl-desk {
    background-color: var(--background-basic);
    padding-top: 20px;
  }

  .slider-desktop .swiper-btn-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    margin-top: 20px;
  }

  .center-block-adaptive {
    background-color: var(--background-basic);
    padding-top: 20px;
  }

  .item-client {
    max-width: 154px;
  }
}

@media (min-width: 375px) {
  .button-block {
    gap: 44px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  #case-banner .type-list {
    gap: 12px;
  }

  .text-in-banner p {
    padding-bottom: 66px;
  }

  .laptop {
    height: 210px;
    width: 335px;
  }

  .screen {
    width: 286px;
    height: 179px;
  }
}

@media (min-width: 474px) {
  .grid {
    display: grid;
  }

  .sm-mob-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .sm-mob-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .sm-mob-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .sm-mob-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .sm-mob-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .sm-mob-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .sm-mob-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .sm-mob-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}

@media (min-width: 500px) {
  .laptop {
    height: 245px;
    width: 388px;
  }

  .screen {
    width: 334px;
    height: 210px;
  }
}

@media (min-width: 667px) {
  .grid {
    display: grid;
  }

  .m667-mob-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .m667-mob-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .m667-mob-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .m667-mob-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .m667-mob-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .m667-mob-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .m667-mob-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}

@media (min-width: 767px) {
  .grid {
    display: grid;
  }

  .md-mob-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .md-mob-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .md-mob-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .md-mob-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .md-mob-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .md-mob-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .md-mob-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .md-mob-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .seo-footer {
    background-image: url(/local/templates/jamit-template/assets/img/seo/form-seo-pk.png);
    min-height: 600px;
    display: grid;
    align-items: center;
    margin-bottom: 90px;
    margin-top: 30px;
    background-size: contain;
  }

  .seo-footer small {
    margin: auto;
    display: block;
    max-width: 648px;
    text-align: left;
    width: 100%;
  }

  .seo-footer .footer-form.form .form__input {
    max-width: 648px;
    margin: auto;
    height: 60px;
    width: 100%;
  }

  .seo-footer .footer-form.form .form__submit {
    background-color: var(--main-basic);
    color: var(--white);
    max-width: 648px;
    margin: auto;
    height: 56px;
    width: 100%;
  }

  .seo-footer h2 {
    text-align: center;
  }

  small.center-form {
    text-align: center;
    max-width: 471px;
    margin: auto;
    padding-top: 20px;
  }

  .seo-footer {
    min-height: 500px;
  }

  .button-block a {
    font-size: 14px;
  }

  .button-block {
    gap: 125px;
  }

  .main-page-cases .case-item h3 {
    font-size: 22px;
  }

  .main-page-cases p {
    max-width: 760px;
  }

  #page-cases {
    background-position: center;
  }

  #case-banner {
    background-image: url(/local/templates/jamit-template/assets/img/case/fon-pechnoy-767.png);
    margin-bottom: 70px;
  }

  #case-banner .h1 {
    font-size: 34px;
  }

  .slider-mobile .swiper-slide {
    padding-top: 0px;
  }

  .slider-mobile .swiper-slide:nth-of-type(2n) {
    padding-top: 150px;
  }

  #case-banner .type-list {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .text-in-banner {
    max-width: 452px;
  }

  .text-in-banner p {
    padding-bottom: 55px;
  }

  #case-banner .button-block a {
    font-size: 14px;
    line-height: 1.4;
  }

  .element-case .grid-number {
    gap: 40px;
  }

  .client-number {
    margin-top: 0;
  }

  .item-client {
    max-width: 100%;
  }

  .tasks-case {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .laptop {
    height: 408px;
    width: 637px;
  }

  .screen {
    width: 549px;
    height: 360px;
  }

  .case-adaptive .sl-desk {
    padding-top: 40px;
  }

  .img-next-case img {
    max-width: 451px;
    height: 317px;
    margin-bottom: 0px;
    position: absolute;
    top: -47px;
  }

  .button-next-case {
    max-height: 68px;
    margin-bottom: 25px;
  }

  .element-case .grid-block-next-case {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    height: 260px;
    gap: 0;
  }

  .img-next-case {
    margin-top: 0;
    position: relative;
    display: block;
    height: 100%;
  }

  .fon-next-case {
    height: 260px;
    padding-top: 0;
  }

  .case-adaptive {
    margin-bottom: 75px;
  }

  .next-case {
    margin-bottom: 60px;
  }
}

@media (min-width: 946px) {
  #page-cases {
    background-image: url(/local/templates/jamit-template/assets/img/back-case.png);
    background-blend-mode: color-burn; 
    margin-bottom: 72px;
  }
.main-page-cases {
	margin-top:0px;
}
	.main-page-cases .cases-description-block {
		max-width: 760px;
		width: 100%;
	}
	.main-page-cases .cases-description-block p {
		font-family: Wix Madefor Text;
		font-weight: 400;
		font-size: 14px;
		line-height: 1.4;
		letter-spacing: 0;
	}

  	#page-cases .flex-display {
		display: flex;
		flex-direction: column;
		gap: 58px;
		align-items: flex-start;
		padding-bottom: 0px;
	}
	#page-cases .breadcrumbs {
		padding-top: 48px;
        padding-bottom: 58px;
	}
	#page-cases .breadcrumbs a{
		font-family: Wix Madefor Text;
		font-weight: 400;
		font-size: 12px;
		line-height: 1.3;
		letter-spacing: 0;
	}

	#page-cases .h1 {
		font-family: Unbounded;
		font-weight: 200;
		font-size: 34px;
		line-height: 1.24;
		letter-spacing: 0;
	}
	#page-cases .button-block a{
		font-family: Unbounded;
		font-weight: 200;
		font-size: 14px;
		line-height: 1.4;
		letter-spacing: 0;
	}


  .item-client {
    font-size: 16px;
    line-height: 1.5;
  }

  .item-client span {
    font-size: 60px;
  }
}

@media (min-width: 1023px) {

  .element-case .grid-block-next-case {
    padding-left: 23px;
    height: 288px;
  }

  .img-next-case img {
    right: 8px;
  }

  .button-next-case {
    max-width: 450px;
  }

  .img-next-case img {
    max-width: 488px;
    height: 360px;
    top: -61px;
  }

  .fon-next-case {
    height: 288px;
  }

  .button-next-case {
    margin-bottom: 42px;
  }

  .laptop {
    width: 673px;
    height: 424px;
    background-image: url(/local/templates/jamit-template/assets/img/case/laptop-mocup-min.png);
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    margin-right: 0;
  }

  .screen {
    width: 575px;
    height: 361px;
  }

  .box-adaptive {
    max-width: 417px;
  }

  .slider-mobile {
    padding-top: 50px;
  }

  .case-adaptive {
    margin-bottom: 95px;
  }

  .case-interface {
    margin-bottom: 95px;
  }

  .case-adaptive .sl-desk {
    padding-top: 50px;
  }

  .slider-desktop .swiper-btn-block {
    position: absolute;
    right: 40px;
    z-index: 9;
    margin-top: 40px;
  }

  .next-case {
    margin-bottom: 80px;
  }

  .center-block-adaptive {
    padding-top: 40px;
  }

  .case-tehnology .h2 {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 25px;
  }

  .box-interface {
    max-width: 343px;
  }

  .box-interface {
    position: absolute;
    z-index: 9;
    top: 70px;
    margin-left: 25px;
  }
}

@media (min-width: 1024px) {
  .seo-footer {
    min-height: 550px;
  }
}

@media (min-width: 1070px) {
  .laptop {
    margin: auto;
  }
}
@media (min-width: 1140px) {
	#page-cases .flex-display {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		gap: 0px;
		align-items: flex-end;
		padding-bottom: 16px;
	}
	#page-cases .breadcrumbs {
		padding-top: 61px;
        padding-bottom: 75px;
	}
	#page-cases .breadcrumbs a{
		font-family: Wix Madefor Text;
		font-weight: 400;
		font-size: 12px;
		line-height: 1.3;
		letter-spacing: 0;
	}

	#page-cases .h1 {
		font-family: Unbounded;
		font-weight: 200;
		font-size: 48px;
		line-height: 1.17;
		letter-spacing: 0;
	}
	#page-cases .button-block a{
		font-family: Unbounded;
		font-weight: 200;
		font-size: 16px;
		line-height: 1.2;
		letter-spacing: 0;
	}
}


@media (min-width: 1350px) {
	#page-cases .flex-display {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		gap: 0px;
		align-items: flex-end;
		padding-bottom: 16px;
	}
	#page-cases .breadcrumbs {
		padding-top: 61px;
        padding-bottom: 75px;
	}
	#page-cases .breadcrumbs a{
		font-family: Wix Madefor Text;
		font-weight: 400;
		font-size: 12px;
		line-height: 1.3;
		letter-spacing: 0;
	}
	.main-page-cases .cases-description-block {
		max-width: 760px;
		width: 100%;
	}
	.main-page-cases .cases-description-block p {
		font-family: Wix Madefor Text;
		font-weight: 400;
		font-size: 16px;
		line-height: 1.5;
		letter-spacing: 0;
	}


	#page-cases .h1 {
		font-family: Unbounded;
		font-weight: 200;
		font-size: 48px;
		line-height: 1.17;
		letter-spacing: 0;
	}
	#page-cases .button-block a{
		font-family: Unbounded;
		font-weight: 200;
		font-size: 16px;
		line-height: 1.2;
		letter-spacing: 0;
	}

  .seo-footer {
    min-height: 650px;
    background-size: cover;
  }

  .main-page-cases .case-item h3 {
    font-size: 24px;
  }

  .main-page-cases p {
    font-size: 16px;
    line-height: 150%;
  }

  #case-banner {
    background-image: url(/local/templates/jamit-template/assets/img/case/fon-pechnoy-1350.png);
    min-height: 540px;
    margin-bottom: 92px;
  }

  #case-banner .container {
    height: 540px;
  }

  #case-banner .button-block a:first-child::after {
    margin-left: 33px;
  }

  .h2 {
    font-size: 24px;
    margin-bottom: 27px;
  }

  #case-banner .type-list .case-type:nth-child(n+3) {
    display: block;
  }

  #case-banner .h1 {
    font-size: 48px;
    line-height: 117%;
    margin-bottom: 20px;
  }

  #case-banner .type-list {
    margin-bottom: 20px;
  }

  .text-in-banner {
    max-width: 648px;
  }

  .text-in-banner p {
    font-size: 16px;
    line-height: 1.5;
    padding-bottom: 120px;
  }

  p.text-client {
    max-width: 412px;
    font-size: 20px;
  }

  .item-client:nth-of-type(1) {
    max-width: 213px;
  }

  .item-client:nth-of-type(1) {
    max-width: 221px;
  }

  .tasks-case {
    margin-top: 106px;
    margin-bottom: 106px;
  }

  .tasks-case .item-for-whom {
    min-height: 316px;
  }

  .tasks-case .item-for-whom p {
    font-size: 16px;
    line-height: 1.5;
  }

  .our-work-case .item-for-whom {
    min-height: 250px;
  }

  .our-work-case .ol-num,
  .tasks-case .ol-num {
    font-size: 14px;
  }

  .our-work-case .item-for-whom .title-item-for-whom {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 15px;
  }

  .our-work-case .item-for-whom p {
    font-size: 14px;
    line-height: 1.4;
  }

  .case-tehnology .h2 {
    padding-bottom: 35px;
  }

  .item-teh {
    font-size: 20px;
    padding: 16px;
  }

  .list-tehnology {
    gap: 24px;
  }

  .case-tehnology {
    margin-top: 95px;
    margin-bottom: 95px;
  }

  .laptop {
    width: 975px;
    height: 614px;
    margin-right: 0;
  }

  .screen {
    width: 833px;
    height: 523px;
  }

  .box-interface {
    margin-left: 0px;
    right: 919px;
    top: 260px;
  }

  .case-interface .h2,
  .case-adaptive .h2 {
    font-size: 20px;
    line-height: 1.5;
  }

  .case-interface p,
  .case-adaptive p {
    font-size: 14px;
    line-height: 1.4;
  }

  .box-interface {
    max-width: 417px;
  }

  .case-interface {
    margin-bottom: 110px;
  }

  .case-adaptive .sl-desk {
    padding-top: 65px;
  }

  .slider-mobile {
    padding: 50px;
  }

  .slider-mobile .swiper-slide:nth-of-type(2n) {
    padding-top: 185px;
  }

  .img-next-case img {
    width: 661px;
    height: 524px;
    max-width: 100%;
    right: 0;
    top: -66px;
  }

  .element-case .grid-block-next-case {
    padding-left: 0;
    height: 442px;
    grid-template-columns: repeat(5, 1fr);
    margin: auto;
  }

  .fon-next-case {
    height: 442px;
  }

  .button-next-case {
    margin: auto;
    height: 104px;
    max-width: 424px;
    margin-bottom: 40px;
    padding: 20px;
    grid-column: 1/2 span;
    max-height: 104px;
    width: 100%;
  }

  .title-next-case {
    font-size: 20px;
    line-height: 1.5;
    max-width: 215px;
  }

  .img-next-case {
    grid-column: 3/3 span;
  }

  .next-case {
    margin-bottom: 106px;
  }

  .other-projects .subtitle1 {
    font-size: 20px;
    line-height: 1.5;
  }
}


@media (min-width: 1920px) {
  .seo-footer {
    min-height: 779px;
    background-size: contain;
  }

  #page-cases {
    background-image: url(/local/templates/jamit-template/assets/img/back-case-full.png);
  }
}