@media (min-width: 2560px) and (max-width: 3440px) and (max-height: 1440px) {
    html {
        font-size: 18px;
    }

    body {
        overflow-x: hidden;
    }

    .mainBlock {
        width: 100%;
    }

    .mainBlock {
        padding-top: 6rem;
    }

    html:not([data-scroll='0']) .mainBlock {
        padding-top: 0 !important;
    }

    .container {
        max-width: 93%;
        margin: 0 auto;
        padding: 0 2vw;
    }

    .topLogo img {
        height: 3.5vw;
    }

    .topMenu {
        height: 2.5vw;
        font-size: 1.2vw;
        padding: 0 2vw;
    }

    .topMenuItem {
        padding: 0 1.5vw;
        height: 1.5vw;
    }

    .topEnter {
        height: 1.5vw;
        width: 7vw;
        font-size: 1vw;
    }

    .topDemo {
        height: 2vw;
        width: 13vw;
        font-size: 1.1vw;
    }

    .block_00 {
        heighT: 100vh;
    }

    .block_00 > .container {
        padding: 8rem 2vw;
    }

    .navMiddle {
        width: 38vw;
        height: 30vw;
    }

    .navImages img {
        max-width: 45vw;
        height: auto;
        flex: 0 0 35vw !important;
    }

    .navImages[pos="1"] {
        margin-left: -37.3vw !important;
    }

    .navImages[pos="2"] {
        margin-left: -74.6vw !important;
    }

    .contentTitle {
        font-size: 2.2vw;
        line-height: 2.4vw;
    }

    .contentBody p {
        width: 80%;
        font-size: 1.5vw;
        line-height: 1.6vw;
    }

    .block_01B .contentBody {
        display: block;
        grid-template-columns: 1fr 1fr;
        gap: 3vw;
        padding: 0 0 10vw 0;
    }

    .block_01B .contentBody p {
        width: 100%;
    }

    .contentBlock.row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2vw;
    }

    input.sendName,
    textarea.sendMsg {
        width: 35vw;
    }

    input.sendSubmit {
        width: 12vw;
    }

    .navLeft img,
    .navRight img {
        height: 2.5vw;
    }

    .navUp img,
    .navDown img {
        width: 2.5vw;
    }

    .greenCube {
        width: 15vw;
        height: 15vw;
        margin: 0 1.5vw;
    }

    .greenCube .price {
        font-size: 6vw;
    }

    .greenCube .currency {
        font-size: 1.8vw;
    }

    .bntOrder,
    .btnWatchVideo,
    .topKey {
        padding: 0 2vw;
        font-size: 1.2vw;
    }

    .contentBtns4 {
        display: flex;
        gap: 2vw;
        justify-content: center;
        flex-wrap: wrap;
    }

    .partner {
        min-width: auto;
        margin: 0 1vw;
    }

    .partner img {
        max-height: 6vw;
    }

    .navMiddleV {
        width: 35vw;
        height: 30vw;
    }

    .navImageV img {
        max-width: 28vw;
    }

    .contentBlock {
        margin-bottom: 10rem;
    }

    .titleName {
        font-size: 1.5vw;
        height: auto;
        padding: 1vw 2vw;
        width: auto;
        min-width: 250px;
    }

    .row {
        gap: 1.5vw;
    }

    .topBlockMiddle {
        height: 28vw;
        padding: 15vw 0 0 0;
    }

    .block_01A {
        background: radial-gradient(circle 50vw at 41% 99%, #e8ffb08c, #ddf8df3b);
    }

    .block_02 {
        background-size: 90vw;
    }

    .contentBlock2 {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .contentTvset img {
        height: 22vw;
    }

    .contentScreens img {
        width: 32vw;
    }

    body::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
        z-index: -1;
    }

    .contentBlockLeft {
        width: 100% !important;
        margin: 0 !important;
    }

    .contentBlockLeft .contentTitle,
    .contentBlockLeft .contentBody {
        width: 100%;
        box-sizing: border-box;
    }

    .contentBlock7 {
        margin-top: 2rem;
    }

    .contentDis {
        margin-top: 3rem;
    }

@media (min-width: 3440px) and (max-height: 1440px) {
    html {
        font-size: 20px;
    }

    .topLogo img {
        height: 3vw;
    }

    .container {
        max-width: 90%;
    }

    .navMiddle {
        width: 45vw;
        height: 28vw;
    }

    .navImages img {
        max-width: 40vw;
    }

    .contentBody p {
        width: 70%;
        font-size: 1.6vw;
    }

    .contentTitle {
        font-size: 2.4vw;
    }

    .contentBlock.row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3vw;
        align-items: center;
    }

    .contentBlockLeft,
    .contentBlockRight {
        margin: 0;
    }

    input.sendName,
    textarea.sendMsg {
        width: 32vw;
        font-size: 1.1vw;
    }

    .greenCube {
        width: 14vw;
        height: 14vw;
    }

    .navMiddleV {
        width: 32vw;
        height: 28vw;
    }

    .topMenu {
        height: 2.2vw;
        font-size: 1.3vw;
    }

    form {
        display: grid;
        gap: 1.5vw;
        max-width: 40vw;
        margin: 0 auto;
    }
}

@media (min-aspect-ratio: 21/9) and (min-width: 2560px) {
  .topBlockMiddle {
    display: block;
    grid-template-columns: 1fr 1fr;
    gap: 3vw;
    align-items: center;
    height: auto;
    padding: 5vw 0;
  }

  .mainBlockS {
    padding-top: 5rem;
  }

  .block_00 {
    padding-top: 21rem;
  }

  .block_01B {
    padding-bottom: 3rem;
  }

  .contentDis {
    margin-top: 2rem;
  }

  .sendName {
    margin: 0 !important;
  }

  .contentBlock7 {
    margin-top: 2rem !important;
  }

  .modal-content {
    font-size: 2rem;
    max-width: 1000px;
  }

  .modal-header h2 {
    font-size: 2rem;
  }

  .btn-primary {
    font-size: 2rem;
  }

  .modal-footer {
    margin-bottom: 2rem;
  }

  .contentBlock {
    display: grid;
    gap: 3vw;
    align-items: center;
    margin-bottom: 10rem;
  }

  .contentBody {
    display: block !important;
    padding: 0 !important;
  }

  .contentBlockLeft {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .contentBlockLeft.row {
    width: 100% !important;
  }

  .contentBlockLeft .col,
  .contentBlockLeft .contentTitle,
  .contentBlockLeft .contentBody {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
  }

.contentBlockRight {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .contentBlockRight.row {
    width: 100% !important;
  }

  .contentBlockRight .col,
  .contentBlockRight .contentTitle,
  .contentBlockRight .contentBody {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .contentBlockLeft > .contentBtns {
    width: 100%;
  }

  .navMiddle {
    width: 40vw;
    height: 25vw;
  }

  .block_01B .contentBlock {
    grid-template-columns: 1fr 1fr;
  }

  .block_01B .contentBody {
    display: contents;
  }

  .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2vw;
  }

  .row.contentBtns {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .block0Title {
    max-width: 100%;
    width: 100%;
    display: flex;
  }

  .navContent {
    width: 90% !important;
    clip-path: inset(0 33px 0 192px);
  }

  .navImages img:nth-child(1) {
    margin-left: 9.5rem;
  }

  .navImages img {
    width: 100%;
    margin: -7px 0.65vw 0 1.65vw;
    flex: 0 0 31.3vw;
  }

  .navImages img:nth-child(2) {
    margin: -7px 0.65vw 0 -20px;
  }

  .navImages img:nth-child(3) {
    margin: -7px 0.65vw 0 -20px;
  }

  .greenCube .price {
    letter-spacing: -0.5vw;
  }

  .navDown img {
    margin-top: 5rem;
  } 
}

@media (width: 2560px) and (height: 1080px) {
    .topSlogan {
        font-size: 2.5vw;
    }

    .block_00 {
        padding: 10vw 0;
        min-height: auto;
    }

    .contentBody p {
        font-size: 1.4vw;
    }

    .block_01B {
        background-image: none;
        background-color: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(5px);
    }
}

@media (width: 3440px) and (height: 1440px) {
    .topSlogan {
        font-size: 2.2vw;
    }

    .contentTitle {
        font-size: 2.2vw;
    }

    .contentBody p {
        font-size: 1.5vw;
    }

    .navMiddle {
        width: 42vw;
        height: 26vw;
    }

    .block_01B .contentBody {
        display: block;
        grid-template-columns: 1fr 1fr;
        gap: 2vw;
    }
}

@media (min-width: 5120px) {
    .topLogo img {
        height: 2.5vw;
    }

    .container {
        max-width: 80%;
    }

    .row {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2vw;
    }

    .navMiddle {
        width: 35vw;
        height: 22vw;
    }

    .contentBody p {
        font-size: 1.4vw;
    }

    form {
        max-width: 30vw;
    }

    input.sendName,
    textarea.sendMsg {
        width: 100%;
    }

    .greenCube {
        width: 16vw;
        height: 16vw;
    }
}

@media (min-aspect-ratio: 2/1) and (max-height: 800px) {
    body {
        font-size: 13px;
    }

    .topBlockMiddle {
        height: auto;
        padding: 3vw 0;
    }

    .mainBlockS {
        height: 6vw;
        padding: 1.5vw 0 0 0;
    }

    .navMiddle {
        width: 35vw;
        height: 20vw;
    }

    .contentBody p {
        font-size: 1.2vw;
    }

    .block_01B .contentBody {
        padding: 0 0 5vw 0;
    }
}



@media (min-width: 2560px) and (max-height: 1440px) {

  #block_02 .contentBlockLeft {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
  }

}
}