@media screen and (min-width: 1490px) {

      /* Глобальные стили */
      body {
          width: 1440px;
      }

      .width-text {
          width: 760px;
      }

      .m-logo-min {
          width: 650px;
      }

      /*Анимация пазлов*/
      .puzzle-container {
          width: 600px;
          /* 3 элемента по 200px */
          transform: scale(0.8);
      }

      .f-logo-average {
          width: 329px;
      }

  }

  @media screen and (min-width: 960px) and (max-width: 1490px) {

      /* Глобальные стили */
      body {
          width: 97%;
      }

      .width-text {
          width: 55%;
      }

      .m-logo-min {
          width: 42%;
      }

      /*Анимация пазлов*/
      .puzzle-container {
          width: 42%;
          transform: scale(0.6);
      }

      .f-logo-average {
          width: 23%;
      }

      .f-texttologo {
          width: 20%;
      }

  }

  @media screen and (min-width: 700px) and (max-width: 960px) {

      /* Глобальные стили */
      body {
          width: 97%;
      }

      h4 {
          font-size: 20px;
          font-weight: bold;
      }

      p {
          font-size: 14px;
      }

      ul {
          font-size: 14px;
      }

      .width-text {
          width: 55%;
      }

      .m-logo-min {
          width: 42%;
      }

      /*Анимация пазлов*/
      .puzzle-container {
          width: 42%;
          transform: scale(0.4);
      }

      .f-logo-average {
          width: 23%;
      }

      .f-texttologo {
          width: 20%;
      }

      .f-feedback {
          width: 25%;
      }

  }

  @media screen and (min-width: 350px) and (max-width: 700px) {

      html,
      body {
          overflow-x: hidden;
          width: 97%;
          margin: 0;
          padding: 0;
          margin: 0 auto;
      }

      header {
          height: 70px;
      }

      button {
          width: 162px;
          height: 36px;
      }


      .h-logo-min {
          width: 88px;
      }

      .m-logo-min {
          position: absolute;
          width: 95%;
          rotate: 90deg;
          max-width: 440px;
      }

      .m-b1-text {
          width: 97%;
          padding: 30px;
          border-radius: 8px;
          background: rgba(255, 255, 255, 0.1);
          /* полупрозрачный фон */
          box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
          backdrop-filter: blur(40px);
          /* размытие фона */
          -webkit-backdrop-filter: blur(10px);
          /* поддержка Safari */
          border: 1px solid rgba(255, 255, 255, 0.3);
          /* мягкая граница */
          color: black;
          margin-top: -24px;
      }

      .m-block2 {
          width: 97%;
          margin: 0 auto;
      }

      .m-b2-text {
          width: 97%;
          margin-top: 24px;
      }

      .puzzle-container {
          scale: 0.7;
          margin-left: 58px;
          margin-bottom: -76px;
      }

      .flex-left-right-center:nth-child(2) {
          flex-direction: column;
          justify-content: center;
      }

      .f-flex-info {
          width: 95%;
          margin: 0 auto;
          flex-wrap: wrap;
      }

      .f-flex-info .f-menu {
          flex-basis: 40%;
      }

      .f-logo-average {
          width: 34%;
          margin-bottom: 24px;
      }

      .f-texttologo {
          margin-bottom: 24px;
      }

      .f-flex-mark {
          width: 95%;
      }
  }


  @media screen and (min-width: 100px) and (max-width: 350px) {

      html,
      body {
          overflow-x: hidden;
          width: 97%;
          margin: 0;
          padding: 0;
          margin: 0 auto; 
      }

      header {
          height: 70px;
      }

      button {
          width: 162px;
          height: 36px;
      }


      .h-logo-min {
          width: 88px;
      }

      .m-logo-min {
          position: absolute;
          rotate: 90deg;
          width: 90%;
          max-width: 440px;
      }

      .m-b1-text {
          width: 97%;
          padding: 30px;
          border-radius: 8px;
          background: rgba(255, 255, 255, 0.1);
          /* полупрозрачный фон */
          box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
          backdrop-filter: blur(40px);
          /* размытие фона */
          -webkit-backdrop-filter: blur(10px);
          /* поддержка Safari */
          border: 1px solid rgba(255, 255, 255, 0.3);
          /* мягкая граница */
          color: black;
          margin-top: -24px;
      }

      .m-block2 {
          width: 97%;
          margin: 0 auto;
      }

      .m-b2-text {
          width: 97%;
          margin-top: 24px;
      }

      .puzzle-container {
          scale: 0.5;
          margin-left: 58px;
          margin-bottom: -76px;
      }

      .flex-left-right-center:nth-child(2) {
          flex-direction: column;
          justify-content: center;
      }

      .f-flex-info {
          width: 95%;
          margin: 0 auto;
          flex-wrap: wrap;
      }

      .f-flex-info .f-menu {
          flex-basis: 40%;
      }

      .f-menu{
          margin-bottom: 24px;
      }

      .f-logo-average {
          width: 34%;
          margin-bottom: 24px;
      }

      .f-texttologo {
          margin-bottom: 24px;
      }

      .f-flex-mark {
          width: 95%;
      }
  }