@media only screen and (max-width: 1300px) {
  .market .section__header h2{
    font-size: 44px;
    margin-bottom: 16px;
  }
  .market .section__header .content__inner{
    gap: 90px;
  }
  .market .section__header .content__inner img{
     max-width: 100%;
     margin-left: 50px;
     height: 440px;
     object-fit: cover;
  }
}

@media only screen and (max-width: 768px) {
  /*------------- hero --------- */
  .hero {
    padding: 2.4rem 0 3.2rem;
  }
  .hero .img__wrapper {
    margin: 0 auto 1.6rem;
  }

  /* ----------- hero__banner------- */
  .hero__banner {
    padding: 3.2rem 0 6rem;
  }
  .hero__banner .hero__banner__items {
    width: calc(100% + 6.4rem);
    margin: -3.2rem;
  }
  .hero__banner .hero__banner__item {
    width: calc(100% - 6.4rem);
    margin: 3.2rem;
  }
  .hero__banner .number {
    margin-bottom: 0.8rem;
  }
  .hero__banner .section__inner {
    padding: 4.8rem;
  }




  /* ---------- retreat --------- */

  .retreat {
    padding: 6rem 0;
  }
  .retreat .section__inner {
    padding: 2.4rem;
  }

  .retreat .right {
    padding-left: 0;
  }
  .retreat__img {
    margin-bottom: 1.6rem;
  }
  .retreat .retreat__item {
    width: calc(100% / 2 - 1.6rem);
    margin: 0.8rem;
  }
  .retreat .retreat__items {
    width: calc(100% + 1.6rem);
    margin: -0.8rem;
  }
  .retreat__content {
    margin-bottom: 4rem;
  }

  /* --------- market ------- */
  .market {
    padding: 6rem 0 3.2rem;
  }

  .market .section__header .content__inner {
	display:grid;
    gap: 24px;
  }
  .market .section__header{
    border-radius: 24px;
  }
  .market .section__header .content__inner img {
        margin-left: 0;
        height: 100%;
        margin-top: 24px;
  }
      .market .section__header h2.title-desktop{
            display: none;
    }
    .market .section__header h2.title-mobile{
        display: block;
    }
    .market .section__header p{
        margin-bottom: 24px;
    }
  .market .section__header .content{
    padding: 0 24px 32px;
    max-width: 100%;
	margin-right: 0;
  }
  .market__items {
    width: calc(100% + 2.4rem);
    margin: -1.2rem;
  }

  .market__item {
    width: calc(100% / 2 - 2.4rem);
    margin: 1.2rem;
    padding: 2.4rem;
  }

  .market__item .img__wrapper {
    max-width: 23.2rem;
    margin-bottom: 2rem;
  }
  .market__item .market__item__bottom {
    margin-top: 2.6rem;
  }
  .market__item h6 {
    margin-bottom: 1.6rem;
  }


  /* ------- team------ */
  .team {
    padding: 6rem 0;
  }
  .team blockquote {
    margin-top: 6rem;
    margin-bottom: 4.8rem;
  }
  .team .right {
    padding-left: 0;
    order: -1;
  }
  .team .right .content__side {
    max-width: 45rem;
  }
  .team p {
    margin-bottom: 0;
  }
  .team .team__img {
    padding-right: 21.05%;
    position: relative;
  }
  .team .img__element {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -11%;
    width: 45.32%;
  }



  /* --- magazin__hero ------- */
  .magazin__hero {
    padding: 2.4rem 0 3.2rem;
    text-align: center;
  }
  .magazin__hero .left {
    padding-right: 0;
  }
  .magazin__hero .magazin__hero__img {
    max-width: 45rem;
    margin: 0 auto;
  }
  .magazin__hero .right {
    margin-top: 3.2rem;
  }

  .magazin__hero .description {
    margin: 0 auto 2.4rem;
  }
  .magazin__hero h1 {
    margin-bottom: 2.4rem;
  }
  .subscribe__form {
    margin: 0 auto;
  }

  /* ------------ recruiting --------- */
  .recruiting {
    padding: 6rem 0;
  }
  /* ---------- section__banner ------ */
  .section__banner {
    padding: 6rem 0;
  }

  .section__banner .section__inner {
    padding: 4.8rem 2.4rem;
    border-radius: 0;
    width: calc(100% + 4.8rem);
    margin: 0 -2.4rem;
    min-height: auto;
  }
  .section__banner h2 {
    margin-bottom: 2.4rem;
  }

  /* --------- partners__hero ------- */
  .partners__hero {
    padding: 2.4rem 0 3.2rem;
  }
  .partners__hero .left {
    padding-right: 0;
  }
  .partners__hero .img__wrapper {
    max-width: 45rem;
    margin: 0 auto;
  }
  .partners__hero .right {
    padding-left: 0;
    margin-top: 3.2rem;
    text-align: center;
  }
  .partners__hero .btn__box {
    justify-content: center;
  }
  .partners__hero h1 {
    margin-bottom: 2.4rem;
  }

  /* -------- services --------- */
  .services {
    padding: 6rem 0;
  }

  .services .section__header {
    margin-bottom: 6.4rem;
  }
  .services__items {
    margin: -3.2rem;
    width: calc(100% + 6.4rem);
  }
  .services__items .services__item {
    width: calc(100% / 2 - 6.4rem);
    margin: 3.2rem;
  }

  .services__item .services__item__icon {
    max-width: 2.8rem;
    max-height: 2.2rem;
  }
  .services__item .services__item__body,
  .services__item .services__item__header {
    padding-left: 4rem;
  }
  .services__item .services__item__body {
    padding-left: 0;
  }

  .logo__items .logo__item {
    width: calc(100% / 2 - 3.2rem);
  }

  .logo__items__wrapper {
    margin: 2.6rem 0 6rem;
  }

  /* ------- advantages -------- */
  .advantages {
    padding: 6rem 0;
  }
  .advantages__items {
    width: calc(100% + 4.8rem);
    margin: -2.4rem;
  }
  .advantages__items .advantages__item {
    width: calc(100% - 4.8rem);
    margin: 2.4rem;
  }
  .advantages__item h3 {
    margin-bottom: 2.4rem;
  }

  /* --------- section__text --------*/

  .section__text {
    padding: 6rem 0 6rem;
  }
  .section__text h2 {
    margin-top: 4.8rem;
  }
  .section__text h2,
  .section__text h3,
  .section__text h4,
  .section__text h5,
  .section__text h6 {
    margin-bottom: 2.4rem;
  }

  /* ------------ retreat__hero --------- */
  .retreat__hero .right {
    padding-left: 0;
    text-align: center;
    margin-top: 3.2rem;
  }
  .retreat__hero__img {
    max-width: 45rem;
    margin: 0 auto;
  }
  .retreat__hero .right .content__side {
    margin: 0 auto;
  }
  .retreat__hero .btn__box {
    justify-content: center;
  }

  /* --------- retreat__banner ------- */
  .retreat__banner {
    padding: 6rem 0;
  }
  .retreat__banner .right {
    padding-left: 0;
  }
  .retreat__banner .left {
    padding-right: 0;
  }
  .retreat__banner .section__inner {
    border-radius: 0;
    padding: 4.8rem 2.4rem;
    width: calc(100% + 4.8rem);
    margin: 0 -2.4rem;
  }

  /* ---------- profit ----------- */
  .profit {
    padding: 6rem 0;
  }
  .profit__items {
    width: calc(100% + 4.8rem);
    margin: -2.4rem;
  }
  .profit__items .profit__item {
    width: calc(100% - 4.8rem);
    margin: 2.4rem;
  }


  /* ----------- section__text__img --------- */

  .section__text__img {
    padding: 6rem 0;
  }
  .section__text__img.img__left .right {
    padding-left: 0;
    padding-right: 0;
  }

  .section__text__img .right .content__side {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 45rem;
  }
  .section__text__img .right {
    padding-left: 0;
    order: -1 !important;
    margin-bottom: 3.2rem;
  }



  /* ------------- package -------- */
  .package {
    padding: 6rem 0;
  }
  .package .left {
    padding-right: 0;
  }

  .package .section__body {
    margin-top: 3.2rem;
  }

  .package__box {
    border-radius: 0;
    padding: 4.8rem 2.4rem;
    width: calc(100% + 4.8rem);
    margin: 0 -2.4rem;
  }
  .package__box h3 {
    font-size: 2.4rem;
  }

  .package .right {
    margin-top: 3.2rem;
  }

  /* --------- reviews2 --------- */
  .reviews2 {
    padding: 6rem 0;
  }

  .reviews2 .section__inner {
    border-radius: 0;
    padding: 4.8rem 2.4rem;
    width: calc(100% + 4.8rem);
    margin: 0 -2.4rem;
  }


}

@media only screen and (max-width: 700px) {
  .market__item {
    width: calc(100% - 2.4rem);
  }
  .services__items .services__item {
    width: calc(100% - 6.4rem);
  }

}

@media only screen and (max-width: 499px) {
  .hero .img__wrapper {
    max-width: 22rem;
  }

  .subscribe__form form {
    flex-direction: column;
  }
  .subscribe__form .form__inner {
    flex-direction: column;
  }
  .subscribe__form input {
    text-align: center;
  }
  .subscribe__form .tnp-submit,
  .subscribe__form .form__btn__box {
    margin-left: 0;
    margin-top: 2.4rem;
  }
  .logo__items .logo__item {
    width: calc(100% - 3.2rem);
  }
}

@media only screen and (max-width: 450px) {
  .advantages h2 {
    font-size: 3.8rem;
  }
}

