/*** Global ***/
html {
  font-size: 15px; }

body {
  font-size: 1em;
  line-height: 1.3; }

.inline__block {
  display: inline-block; }

/* stylelint-disable rule */
/* stylelint-enable rule */
.product_list {
  position: relative;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 1280px;
  font-size: 0; }
  .product_list .product {
    display: inline-block;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: 20%;
    height: 350px;
    vertical-align: top; }
    .product_list .product .product-img {
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -128px;
      width: 256px;
      height: 350px; }
      .product_list .product .product-img .img {
        width: 256px;
        height: 350px; }
    .product_list .product .content-link {
      display: block;
      position: absolute;
      z-index: 9999;
      top: 0;
      left: 0;
      margin-top: 0;
      width: 100%;
      height: 100%;
      color: #fff;
      font-size: 1.1875rem; }
      .product_list .product .content-link .link-text {
        display: inline-block; }
    .product_list .product .product-mask {
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7); }
    .product_list .product .product-content {
      position: absolute;
      z-index: 9;
      top: 50%;
      width: 100%;
      text-align: center;
      transform: translateY(-50%); }
      .product_list .product .product-content .content-title {
        position: relative;
        padding: 0 30px;
        color: #fff;
        font-size: 1.75rem;
        letter-spacing: 0.1px;
        line-height: 1.2;
        text-shadow: 0 0 9px #000; }
      .product_list .product .product-content .content-hidden {
        position: relative;
        overflow: hidden;
        height: 100%; }
        .product_list .product .product-content .content-hidden .content-info {
          display: block;
          position: relative;
          margin-top: 19px;
          margin-right: auto;
          margin-left: auto;
          width: 90%;
          color: #fff;
          font-size: 1.25rem;
          line-height: 1.6; }
    .product_list .product .product-frame {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .product_list .product .product-frame > div {
        position: absolute; }
      .product_list .product .product-frame .frame-top {
        top: 0;
        left: 0;
        height: 2px;
        background: linear-gradient(to right, #f6f61c, #3ffb5e); }
      .product_list .product .product-frame .frame-right {
        top: 0;
        right: 0;
        width: 2px;
        background: linear-gradient(to bottom, #3ffb5e, #3627fe); }
      .product_list .product .product-frame .frame-bottom {
        right: 0;
        bottom: 0;
        height: 2px;
        background: linear-gradient(to left, #3627fe, #f40e2b); }
      .product_list .product .product-frame .frame-left {
        bottom: 0;
        left: 0;
        width: 2px;
        background: linear-gradient(to top, #f40e2b, #f6f61c); }

.product_list .product .product-mask {
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 400ms; }

.product_list .product .product-content .content-hidden {
  opacity: 0;
  max-height: 0; }

.product_list .product .product-frame .frame-top {
  width: 0%;
  transition: width 400ms 400ms; }

.product_list .product .product-frame .frame-right {
  height: 0%;
  transition: height 400ms; }

.product_list .product .product-frame .frame-bottom {
  width: 0%;
  transition: width 400ms 400ms; }

.product_list .product .product-frame .frame-left {
  height: 0%;
  transition: height 400ms; }

@keyframes hideToShow {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.product_list .product.hover .product-mask {
  z-index: 9;
  opacity: 1; }

.product_list .product.hover .product-content .content-title {
  transition: transform 0ms 200ms;
  animation: hideToShow 1s; }

.product_list .product.hover .product-content .content-hidden {
  opacity: 1;
  max-height: 1000px;
  transition: opacity 500ms linear 500ms, max-height 500ms linear 450ms; }

@media (min-width: 1280px) {
  .product_list .product:hover .product-frame {
    z-index: 12; }
    .product_list .product:hover .product-frame .frame-top {
      width: 100%;
      transition: width 400ms 400ms; }
    .product_list .product:hover .product-frame .frame-right {
      height: 100%;
      transition: height 400ms 800ms; }
    .product_list .product:hover .product-frame .frame-bottom {
      width: 100%;
      transition: width 400ms 400ms; }
    .product_list .product:hover .product-frame .frame-left {
      height: 100%;
      transition: height 400ms 800ms; }
  .product_list .product:hover .product-mask {
    z-index: 9;
    opacity: 1; }
  .product_list .product:hover .product-content .content-title {
    transition: transform 0ms 200ms;
    animation: hideToShow 1s; }
  .product_list .product:hover .product-content .content-hidden {
    opacity: 1;
    max-height: 1000px;
    transition: opacity 500ms linear 500ms, max-height 500ms linear 450ms; } }

@media all and (max-width: 1279.5px) and (min-width: 731px) {
  .product_list {
    text-align: center; }
    .product_list .product .product-content .content-title {
      margin-bottom: -10px;
      padding: 0 55px;
      font-size: 1.875rem; }
    .product_list .product {
      display: inline-block;
      padding: 1px;
      box-sizing: border-box;
      width: 365px;
      height: 250px; }
      .product_list .product .product-content .content-hidden .content-info {
        line-height: 1.3;
        margin-top: 26px; }
      .product_list .product .product-img {
        top: 50%;
        left: 50%;
        margin-left: unset;
        transform: translate(-50%, -50%); } }

@media all and (max-width: 730.5px) {
  .product_list {
    text-align: center; }
    .product_list .product {
      display: inline-block;
      padding: 1px;
      box-sizing: border-box;
      width: 100%;
      height: 300px; }
      .product_list .product .content-title {
        margin-bottom: -10px; }
      .product_list .product .product-content .content-hidden .content-info {
        line-height: 1.3;
        margin-top: 26px; }
      .product_list .product .product-img {
        top: 50%;
        left: 50%;
        margin-left: unset;
        width: 320px;
        height: 300px;
        transform: translate(-50%, -50%); }
        .product_list .product .product-img .img {
          width: 320px;
          height: 300px; } }

.chart-content .content-row .row-item .item-info .info-name {
  color: #b3b3b3; }

.chart-content .content-row .row-item .item-info.colorful .info-name {
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(92deg, #ede27c 31%, #e87d7e 57%, #d93377 75%); }

.chart-content .content-row .row-item .item-container {
  position: absolute;
  top: 0;
  left: 0; }
  .chart-content .content-row .row-item .item-container .container-data {
    position: absolute;
    width: 100px;
    font-size: 0;
    text-align: left; }
    .chart-content .content-row .row-item .item-container .container-data .data-value,
    .chart-content .content-row .row-item .item-container .container-data .data-unit {
      display: inline-block;
      vertical-align: bottom;
      color: #b3b3b3; }
    .chart-content .content-row .row-item .item-container .container-data .data-value {
      font-size: 1.625rem; }
    .chart-content .content-row .row-item .item-container .container-data .data-unit {
      position: relative;
      top: -4px;
      padding-left: 2px;
      font-size: 1rem; }
  .chart-content .content-row .row-item .item-container.colorful .container-data {
    text-align: right; }
    .chart-content .content-row .row-item .item-container.colorful .container-data .data-value,
    .chart-content .content-row .row-item .item-container.colorful .container-data .data-unit {
      color: #fdea88; }

.chart-content .content-row.content-row-y .row-item {
  position: absolute;
  width: 130px;
  text-align: left; }
  .chart-content .content-row.content-row-y .row-item .item-info .info-name {
    font-size: 1.5rem; }

.chart-content .content-row.content-row-x .row-item {
  position: absolute;
  left: 50%;
  width: 130px;
  text-align: center; }
  .chart-content .content-row.content-row-x .row-item .item-info .info-name {
    font-size: 1rem; }

.chart-content .content-row.content-value .row-item {
  position: absolute;
  width: 130px;
  text-align: center; }
  .chart-content .content-row.content-value .row-item .item-info .info-name {
    color: #fff;
    font-size: 1rem; }

.chart-disclaimer .disclaimer-text {
  display: inline-block;
  position: relative;
  color: #6d6d6d;
  font-size: 1rem;
  line-height: 1.4; }

@media all and (min-width: 731px) and (max-width: 1279.5px) {
  .chart-content .content-row .row-item .item-container .container-data .data-value {
    font-size: 1.5625rem; }
  .chart-content .content-row .row-item .item-container .container-data .data-unit {
    top: -4px;
    padding-left: 2px;
    font-size: 0.875rem; }
  .chart-content .content-row.content-row-y .row-item .item-info .info-name {
    font-size: 1.375rem; }
  .chart-content .content-row.content-row-x .row-item .item-info .info-name {
    font-size: 0.9375rem; }
  .chart-disclaimer .disclaimer-text {
    font-size: 0.9375rem; } }

@media all and (max-width: 730.5px) {
  .chart-content .content-row .row-item .item-container .container-data .data-value {
    font-size: 1rem; }
  .chart-content .content-row .row-item .item-container .container-data .data-unit {
    top: 0;
    padding-left: 1px;
    font-size: 0.875rem; }
  .chart-content .content-row.content-row-y .row-item .item-info .info-name {
    font-size: 1.0625rem; }
  .chart-content .content-row.content-row-x .row-item .item-info .info-name {
    font-size: 0.75rem; }
  .chart-disclaimer {
    margin-right: auto;
    margin-left: auto;
    max-width: 65%; }
    .chart-disclaimer .disclaimer-text {
      font-size: 0.75rem; } }

@media all and (max-width: 730.5px) {
  html #CMD .wd__section .wd__content .content__comment {
    width: 100%; }
  html #CMD .wd__section .wd__feature__list {
    width: 100%;
    margin-top: 48px; }
    html #CMD .wd__section .wd__feature__list .wd__feature {
      text-align: center;
      box-sizing: border-box;
      margin: 0 19px 29px; }
      html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data {
        margin-bottom: 0px; }
  html #CMD .wd__section .wd__link__arrow::after {
    padding-left: 5px; }
  html #CMD .wd__section .twentytwenty-left-arrow::before {
    top: -14px;
    left: 7.5px;
    width: 20px;
    height: 20px; }
  #CMD .section__oled_eyeCare .img__oled_eyeCare {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/oled/s5.jpg"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__oled_eyeCare .img__oled_eyeCare {
    background-image: url("https://dlcdnwebimgs.asus.com/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/oled/s5.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__oled_eyeCare .img__oled_eyeCare {
    background-image: url("https://dlcdnwebimgs.asus.com/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/oled/s5.jpg"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__oled_eyeCare .img__lcd {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/oled/animation/s5/img_lcd.png"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__oled_eyeCare .img__lcd {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/oled/animation/s5/img_lcd.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__oled_eyeCare .img__lcd {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/oled/animation/s5/img_lcd.png"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__oled_eyeCare .img__oled {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/oled/animation/s5/img_oled.png"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__oled_eyeCare .img__oled {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/oled/animation/s5/img_oled.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__oled_eyeCare .img__oled {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/oled/animation/s5/img_oled.png"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__oled_eyeCare .img__line {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/oled/animation/s5/img_line.png"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__oled_eyeCare .img__line {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/oled/animation/s5/img_line.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__oled_eyeCare .img__line {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/oled/animation/s5/img_line.png"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__oled_eyeCare .img__arrow {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/oled/animation/s5/img_arrow.png"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__oled_eyeCare .img__arrow {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/oled/animation/s5/img_arrow.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__oled_eyeCare .img__arrow {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/oled/animation/s5/img_arrow.png"); } }

@media all and (max-width: 730.5px) {
  html #CMD .section__oled_color {
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 17px; }
    html #CMD .section__oled_color .wd__content.bottom-content .content__info {
      margin-top: 53px; }
    html #CMD .section__oled_color .wd__feature__list {
      margin-right: auto;
      margin-left: auto;
      max-width: 540px; }
      html #CMD .section__oled_color .wd__feature__list.list-1 {
        margin-top: -6px; }
    html #CMD .section__oled_color .img__icon1 {
      width: 100px;
      height: 100px; }
    html #CMD .section__oled_color .compare__animation {
      margin: 46px auto 0;
      width: 100%;
      max-width: 414px;
      height: 364px; }
      html #CMD .section__oled_color .compare__animation .beer-slider {
        left: 0;
        margin-left: 0;
        box-sizing: unset;
        box-sizing: border-box;
        width: 100%;
        height: 364px; }
        html #CMD .section__oled_color .compare__animation .beer-slider .beer-handle::after {
          top: 20px;
          left: 20px;
          width: 20px;
          height: 20px; }
        html #CMD .section__oled_color .compare__animation .beer-slider .img {
          width: 100% !important;
          max-width: 414px;
          height: 364px; }
        #CMD .section__oled_color .img__before {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/oled/animation/s3/before.jpg"); } }
      @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
        .image-webp #CMD .section__oled_color .img__before {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/oled/animation/s3/before.webp"); } }
      @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
        .image-old #CMD .section__oled_color .img__before {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/oled/animation/s3/before.jpg"); } }

@media all and (max-width: 730.5px) {
        #CMD .section__oled_color .img__after {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/oled/animation/s3/after.jpg"); } }
      @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
        .image-webp #CMD .section__oled_color .img__after {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/oled/animation/s3/after.webp"); } }
      @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
        .image-old #CMD .section__oled_color .img__after {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/oled/animation/s3/after.jpg"); } }

@media all and (max-width: 730.5px) {
        html #CMD .section__oled_color .compare__animation .beer-slider .compare__text {
          position: relative;
          width: 100%; }
          html #CMD .section__oled_color .compare__animation .beer-slider .compare__text > span {
            font-size: 0.875rem; }
            html #CMD .section__oled_color .compare__animation .beer-slider .compare__text > span.textLeft1 {
              top: 10px;
              left: 13px;
              font-size: 1.625rem;
              text-shadow: black 0.1em 0.1em 0.3em; }
            html #CMD .section__oled_color .compare__animation .beer-slider .compare__text > span.textLeft2 {
              top: 42px;
              left: 14px;
              text-shadow: black 0.1em 0.1em 0.3em; }
            html #CMD .section__oled_color .compare__animation .beer-slider .compare__text > span.textRight1 {
              top: 10px;
              right: 15px;
              font-size: 1.625rem;
              text-shadow: black 0.1em 0.1em 0.3em; }
            html #CMD .section__oled_color .compare__animation .beer-slider .compare__text > span.textRight2 {
              top: 42px;
              right: 16px;
              text-shadow: black 0.1em 0.1em 0.3em; }
    html #CMD .section__oled_color .kv__table {
      position: relative;
      left: 0;
      margin-top: 66px;
      margin-right: auto;
      margin-left: auto;
      width: 100%;
      max-width: 600px;
      transform: none; }
      html #CMD .section__oled_color .kv__table .table-nav {
        display: block;
        position: relative;
        width: 100%;
        font-size: 0; }
        html #CMD .section__oled_color .kv__table .table-nav .nav-item {
          display: inline-block;
          position: relative;
          padding: 10px;
          box-sizing: border-box;
          width: 50%;
          vertical-align: bottom; }
          html #CMD .section__oled_color .kv__table .table-nav .nav-item span {
            font-size: 1.25rem; }
      html #CMD .section__oled_color .kv__table .table-container {
        margin-top: 30px;
        margin-left: 15px;
        padding-bottom: 20px;
        text-align: left; }
        html #CMD .section__oled_color .kv__table .table-container .table-item {
          padding: 38px 17px 25px; }
          html #CMD .section__oled_color .kv__table .table-container .table-item .item-title {
            display: none; }
          html #CMD .section__oled_color .kv__table .table-container .table-item .item-rows {
            margin-top: -14px; }
            html #CMD .section__oled_color .kv__table .table-container .table-item .item-rows .row-item {
              font-size: 1.0625rem;
              text-align: center; }
              html #CMD .section__oled_color .kv__table .table-container .table-item .item-rows .row-item .item-text {
                padding: 12px 0;
                width: 100%; }
              html #CMD .section__oled_color .kv__table .table-container .table-item .item-rows .row-item::after {
                height: 1px; }
              html #CMD .section__oled_color .kv__table .table-container .table-item .item-rows .row-item span {
                margin: 6px 0; }
          html #CMD .section__oled_color .kv__table .table-container .table-item.item-name {
            position: relative;
            left: 0;
            width: 90px;
            min-width: unset; }
            html #CMD .section__oled_color .kv__table .table-container .table-item.item-name .row-item .item-text {
              font-size: 0.9375rem;
              text-align: left; }
          html #CMD .section__oled_color .kv__table .table-container .table-item.item-main {
            position: absolute;
            margin-left: 0;
            width: calc(100% - 175px);
            min-width: unset; }
          html #CMD .section__oled_color .kv__table .table-container .table-item.item-sub {
            position: absolute;
            margin-left: 0;
            width: calc(100% - 175px);
            min-width: unset; }
            html #CMD .section__oled_color .kv__table .table-container .table-item.item-sub .item-rows .row-item {
              color: #fff; }
            html #CMD .section__oled_color .kv__table .table-container .table-item.item-sub::before {
              bottom: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background-color: #2c2c31; }
    html #CMD .section__oled_color .kv__table .table-nav .nav-item {
      transition: all 300ms; }
      html #CMD .section__oled_color .kv__table .table-nav .nav-item.nav-main {
        background: #555;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #aaa; }
      html #CMD .section__oled_color .kv__table .table-nav .nav-item.nav-sub {
        color: #aaa; }
      html #CMD .section__oled_color .kv__table .table-nav .nav-item.active.nav-main {
        background: #fff;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
      html #CMD .section__oled_color .kv__table .table-nav .nav-item.active.nav-sub {
        color: #fff; }
    html #CMD .section__oled_color .kv__table .table-container .table-item.item-main, html #CMD .section__oled_color .kv__table .table-container .table-item.item-sub {
      display: none;
      z-index: 0;
      opacity: 0;
      transition: all 300ms; }
    html #CMD .section__oled_color .kv__table .table-container .table-item.active {
      display: inline-block;
      z-index: 1;
      opacity: 1; } }

@media all and (max-width: 730.5px) and (min-width: 640px) and (max-width: 730.5px) {
  html #CMD .section__oled_menu .product_list .product.s2-5 {
    width: 640px; }
    html #CMD .section__oled_menu .product_list .product.s2-5 .product-img {
      width: 640px; }
      html #CMD .section__oled_menu .product_list .product.s2-5 .product-img .img {
        width: 640px; } }

@media all and (max-width: 730.5px) and (min-width: 375px) and (max-width: 730.5px) {
  html #CMD .kv__table {
    width: 89.2%; }
    html #CMD .kv__table .table-container .table-item.item-main, html #CMD .kv__table .table-container .table-item.item-sub {
      width: calc(100% - 140px); } }

@media all and (max-width: 730.5px) and (min-width: 500px) and (max-width: 730.5px) {
  html #CMD .oled__video {
    padding-bottom: unset;
    width: 500px;
    height: 256px; }
    html #CMD .oled__video .img__oled-video {
      width: 500px;
      height: 256px; } }

@media all and (max-width: 730.5px) and (min-width: 414px) and (max-width: 730.5px) {
  html #CMD .section__oled_responseTime .compare_content .img__compare__left,
  html #CMD .section__oled_responseTime .compare_content .img__compare__right {
    margin: 0;
    padding-bottom: unset;
    width: 414px;
    height: 233px; }
  html #CMD .section__oled_pixels .compare_content .img__compare__left,
  html #CMD .section__oled_pixels .compare_content .img__compare__right {
    margin: 0;
    padding-bottom: unset;
    width: 414px;
    height: 233px; } }

@media all and (max-width: 730.5px) and (min-width: 0) and (max-width: 414px) {
  html #CMD .section__oled_menu .product.s2-5 {
    width: 640px; }
    html #CMD .section__oled_menu .product.s2-5 .product-img {
      width: 640px; }
      html #CMD .section__oled_menu .product.s2-5 .product-img .img {
        width: 640px; }
  html #CMD .section__oled_color .compare__animation .twentytwenty,
  html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty,
  html #CMD .section__oled_contrast .compare__animation .twentytwenty {
    width: 100%; }
    html #CMD .section__oled_color .compare__animation .twentytwenty .img,
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty .img,
    html #CMD .section__oled_contrast .compare__animation .twentytwenty .img {
      width: 100%; }
    html #CMD .section__oled_color .compare__animation .twentytwenty .compare__text,
    html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty .compare__text,
    html #CMD .section__oled_contrast .compare__animation .twentytwenty .compare__text {
      width: 100%; }
  html #CMD .section__oled_color .compare__animation .twentytwenty,
  html #CMD .section__oled_3Dcolor-2 .compare__animation .twentytwenty,
  html #CMD .section__oled_contrast .compare__animation .twentytwenty {
    border-left: 0 !important;
    border-right: 0 !important; } }

@media all and (max-width: 730.5px) and (min-width: 414px) and (max-width: 730.5px) {
  html #CMD #section__oled__inner9__1 .compare_content .img__compare__left,
  html #CMD #section__oled__inner9__1 .compare_content .img__compare__right {
    margin: 0;
    padding-bottom: unset;
    width: 414px;
    height: 233px; } }

@media all and (max-width: 730.5px) {
  html #CMD .section__noise {
    padding-top: 45px;
    padding-bottom: 0; }
    html #CMD .section__noise .wd__content {
      width: 90%; }
      html #CMD .section__noise .wd__content .content__info {
        width: 100%;
        max-width: 1007px; }
    html #CMD .section__noise .sub__content {
      margin: 50px auto 0;
      width: 89.2%;
      text-align: left; }
      html #CMD .section__noise .sub__content .content__title {
        font-size: 23px; }
      html #CMD .section__noise .sub__content .content__info {
        font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important;
        font-weight: 200 !important;
        font-style: normal !important;
        margin-top: 11px;
        font-size: 17px;
        letter-spacing: 0.1px;
        line-height: 1.45; }
    html #CMD .section__noise .nav__noise {
      margin-top: 59px;
      flex-direction: column; }
      html #CMD .section__noise .nav__noise .nav__item {
        margin: 0 auto 13px;
        padding: 13px 15px;
        box-sizing: border-box;
        width: 89.2%;
        max-width: 400px;
        border-width: 1px; }
        html #CMD .section__noise .nav__noise .nav__item.js-selected {
          border-width: 1px; }
        html #CMD .section__noise .nav__noise .nav__item .nav__content {
          width: 100%; }
          html #CMD .section__noise .nav__noise .nav__item .nav__content .img__icon {
            display: inline-block;
            margin-right: 8px;
            width: 45px;
            height: 45px; }
          html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text {
            display: inline-block;
            width: calc(100% - 54px); }
            html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text .content__title {
              font-size: 23px; }
            html #CMD .section__noise .nav__noise .nav__item .nav__content .nav__text .content__info {
              font-family: "Myriad W01_n2", "Myriad W01", "Segoe UI", sans-serif !important;
              font-weight: 200 !important;
              font-style: normal !important;
              margin-top: 3px;
              font-size: 17px;
              letter-spacing: 0.1px;
              line-height: 1.45; }
    html #CMD .section__noise .noise__switcher {
      margin-top: 30px; }
      html #CMD .section__noise .noise__switcher span {
        font-size: 20px; }
      html #CMD .section__noise .noise__switcher .noise_desc {
        width: 80%;
        max-width: 414px; }
    html #CMD .section__noise .img__noise {
      margin-top: -78px;
      transform: scale(0.52); }
    html #CMD .section__noise .modal-button-container {
      margin-top: -87px; }
  html #CMD .wd__section .small_use {
    display: block; }
  html #CMD .wd__section .small_unuse {
    display: none; }
  html #CMD .wd__section .no__wrap {
    white-space: normal; }
  html #CMD .wd__section .sectionnNavPosition {
    top: -102px; }
  #CMD .cmd-sidenav .sidenav-container .container-items .item .item-dot.enter {
    background: #5c7a5a; }
  #CMD .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name {
    padding-left: 0;
    border-radius: 0;
    background: none; }
  html #CMD .wd__section .wd__content {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    width: 89.2%;
    text-align: left; }
    html #CMD .wd__section .wd__content .content__slogan {
      font-size: 1rem; }
    html #CMD .wd__section .wd__content .content__title {
      width: 100%;
      font-size: 2.5rem;
      margin-top: 40px; }
    html #CMD .wd__section .wd__content .content__info {
      margin-top: 30px;
      width: 100%;
      font-size: 1.125rem; }
    html #CMD .wd__section .wd__content .content__link {
      font-size: 1.125rem; }
    html #CMD .wd__section .wd__content .content__comment {
      width: 100%; }
  html #CMD .wd__section .wd__content .content__slogan {
    margin-bottom: -2px; }
    html #CMD .wd__section .wd__content .content__slogan::after {
      bottom: -12px;
      left: 0 !important;
      width: 234px; }
  html #CMD .wd__section .wd__feature__list {
    width: 100%; }
    html #CMD .wd__section .wd__feature__list .wd__feature {
      vertical-align: top;
      text-align: center;
      margin: 0 17px 40px;
      box-sizing: border-box; }
      html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data {
        margin-bottom: 0; }
      html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span {
        font-size: 1rem; }
      html #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__describe span {
        font-size: 1rem; }
  html #CMD .wd__section .wd__feature__list .wd__feature__data {
    font-size: 2.5rem; }
    html #CMD .wd__section .wd__feature__list .wd__feature__data *.no__wrap {
      font-size: 2.5rem; }
  html #CMD .wd__section .wd__link__arrow::after {
    padding-left: 5px; } }

@media all and (max-width: 730.5px) and (min-width: 320px) and (max-width: 401px) {
  html #CMD .section__mobility .wd__content {
    min-height: 1000px; }
  html #CMD .section__display.wd__section .wd__feature__list .wd__feature {
    margin-right: 14px;
    margin-left: 14px; } }

@media all and (max-width: 730.5px) and (min-width: 320px) and (max-width: 432px) {
  html #CMD .section__performance .feature-3 .wd__feature__describe__top {
    display: none; } }

@media all and (max-width: 730.5px) and (min-width: 320px) and (max-width: 482px) {
  html #CMD .section__performance2 .feature-3 .wd__feature__describe__top {
    display: none; } }

@media all and (max-width: 730.5px) and (min-width: 320px) and (max-width: 322px) {
  html #CMD .section__performance2 .feature-2 .wd__feature__describe__top {
    display: none; } }

@media all and (max-width: 730.5px) and (min-width: 320px) and (max-width: 328px) {
  html #CMD .section__battery .feature-1 .wd__feature__describe__top,
  html #CMD .section__battery .feature-1 .wd__feature__describe {
    display: none; } }

@media all and (max-width: 730.5px) and (min-width: 320px) and (max-width: 535px) {
  html #CMD .section__battery .feature-3 .wd__feature__describe__top {
    display: none; } }

@media all and (max-width: 730.5px) and (min-width: 320px) and (max-width: 643px) {
  html #CMD .section__wifi .feature-1 .wd__feature__describe__top,
  html #CMD .section__wifi .feature-1 .wd__feature__describe {
    display: none; } }

@media all and (max-width: 730.5px) and (min-width: 320px) and (max-width: 478px) {
  html #CMD .section__oled .feature-3 .wd__feature__describe__top {
    display: none; } }

@media all and (max-width: 730.5px) and (min-width: 320px) and (max-width: 430px) {
  html #CMD .section__oled .feature-5 .wd__feature__describe__top,
  html #CMD .section__oled .feature-6 .wd__feature__describe__top {
    display: none; } }

@media all and (max-width: 730.5px) and (min-width: 599px) and (max-width: 730px) {
  html #CMD .section__charge .img__bg {
    margin-left: -257.5px; } }

@media all and (max-width: 730.5px) {
  html #CMD .section__kv .wd__content {
    margin-top: 30px; }
    html #CMD .section__kv .wd__content .content__slogan {
      font-size: 2rem;
      width: 100%; }
    html #CMD .section__kv .wd__content .content__title {
      font-size: 1.5625rem;
      margin-top: 5px;
      max-width: 300px; }
    html #CMD .section__kv .wd__content .content__info {
      font-size: 1.25rem; }
  html #CMD .section__kv .img__main {
    left: 50%;
    margin-top: -184px;
    margin-left: -365px;
    width: 730px;
    height: 760px;
    background-position-x: 50%; }
    #CMD .section__kv .img__main {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s1/kv_bg.jpg"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__kv .img__main {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s1/kv_bg.webp"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__kv .img__main {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s1/kv_bg.jpg"); } }

@media all and (max-width: 730.5px) {
    html #CMD .section__kv .img__main .img-model {
      left: 50%;
      margin-left: -145px;
      width: 290px;
      height: 217px;
      z-index: 2;
      top: 200px;
      background-size: contain; }
      #CMD .section__kv .img-model {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s1/kv_laptop.png"); } }
    @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
      .image-webp #CMD .section__kv .img-model {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s1/kv_laptop.webp"); } }
    @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
      .image-old #CMD .section__kv .img-model {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s1/kv_laptop.png"); } }

@media all and (max-width: 730.5px) {
  html #CMD .section__kv .bottom__content {
    margin-top: -80px; }
  html #CMD .section__kv .vr__screen {
    margin-top: -180px; }
  html #CMD .section__kv .bottom-content {
    margin-top: 50px; }
  html #CMD .section__ksp {
    padding-top: 75px;
    padding-bottom: 65px; }
  html #CMD .section__ksp .grid__layout .grid-item {
    padding-bottom: 16px; }
  html #CMD .section__ksp .grid__layout .grid-item-ie {
    border-radius: 8px; }
  html #CMD .section__ksp .grid__layout .grid-item-0.grid-item-wdContent .content__title span,
  html #CMD .section__ksp .grid__layout .grid-item-0.grid-item-wdContent .item_content .content__info {
    text-align: center; }
  html #CMD .section__ksp .grid__layout .grid-item-0 .wd__content {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 600px; }
  html #CMD .section__ksp .grid__layout .grid-item-0.grid-item-wdContent .item_content {
    width: 100%; }
  html #CMD .section__ksp .grid__layout .grid-item-0 .img__block {
    top: -107px;
    left: 50%;
    margin-left: -225px;
    width: 450px;
    background-size: contain; }
    #CMD .section__ksp .grid-item-0 .img__block {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/ksp/pd01.png"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__ksp .grid-item-0 .img__block {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/ksp/pd01.webp"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__ksp .grid-item-0 .img__block {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/ksp/pd01.png"); } }

@media all and (max-width: 730.5px) {
  html #CMD .section__ksp .grid__layout .grid-item-1 .grid-item-ie {
    background-size: cover; }
    #CMD .section__ksp .grid-item-1 .grid-item-ie {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/ksp/bg1.jpg"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__ksp .grid-item-1 .grid-item-ie {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/ksp/bg1.webp"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__ksp .grid-item-1 .grid-item-ie {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/ksp/bg1.jpg"); } }

@media all and (max-width: 730.5px) {
  html #CMD .section__ksp .grid__layout .grid-item-1.grid-item-wdFeature {
    min-height: 1px; }
    html #CMD .section__ksp .grid__layout .grid-item-1.grid-item-wdFeature .wd__feature__describe {
      display: none; }
  html #CMD .section__ksp .grid__layout .grid-item-8.grid-item-wdContent .img__block {
    left: 50%;
    margin-top: 86px;
    margin-left: -310px;
    width: 350px;
    height: 360px;
    background-size: contain; }
    #CMD .section__ksp .grid-item-8 .img__block {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/ksp/pd02.png"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__ksp .grid-item-8 .img__block {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/ksp/pd02.webp"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__ksp .grid-item-8 .img__block {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/ksp/pd02.png"); } }

@media all and (max-width: 730.5px) {
  html #CMD .section__ksp .grid__layout .grid-item-9.grid-item-wdContent {
    min-height: unset; }
    html #CMD .section__ksp .grid__layout .grid-item-9.grid-item-wdContent .item_image {
      bottom: 0;
      left: inherit;
      height: 100px;
      min-height: inherit; }
      html #CMD .section__ksp .grid__layout .grid-item-9.grid-item-wdContent .item_image .img__block {
        margin-top: -20px;
        width: 100%;
        height: 107px; }
        #CMD .section__ksp .grid-item-9 .img__block {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/ksp/pd03.png"); } }
      @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
        .image-webp #CMD .section__ksp .grid-item-9 .img__block {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/ksp/pd03.webp"); } }
      @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
        .image-old #CMD .section__ksp .grid-item-9 .img__block {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/ksp/pd03.png"); } }

@media all and (max-width: 730.5px) {
  html #CMD .section__ksp .grid__layout .grid-item-10.grid-item-wdContent .item_image {
    top: 5px; }
    #CMD .section__ksp .grid-item-10 .img__block {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/ksp/bg2.jpg"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__ksp .grid-item-10 .img__block {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/ksp/bg2.webp"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__ksp .grid-item-10 .img__block {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/ksp/bg2.jpg"); } }

@media all and (max-width: 730.5px) {
  html #CMD .section__ksp .grid__layout .grid-item-10.grid-item-wdContent .item_content {
    padding-top: 70px; }
  html #CMD .section__ksp .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top .img__icon {
    height: 72px !important; }
  html #CMD .section__video .video_control {
    position: absolute;
    z-index: 5;
    bottom: 23px;
    left: 5%; }
  html #CMD .section__video .youtube_btn {
    bottom: 20px;
    padding: 12px 50px 12px 22px;
    font-size: 0.875rem; }
    html #CMD .section__video .youtube_btn::after {
      top: calc(50% - 10px);
      width: 20px;
      height: 20px; }
  html #CMD .section__color {
    padding-top: 112px;
    background-color: transparent; }
    html #CMD .section__color .wd__content {
      width: 100%;
      max-width: 100%;
      margin-bottom: 60px; }
      html #CMD .section__color .wd__content .content__slogan {
        margin: 0 auto 0;
        padding: 0 25px; }
      html #CMD .section__color .wd__content .content__title {
        padding: 0 25px;
        max-width: 720px;
        margin: 40px auto 0; }
      html #CMD .section__color .wd__content .content__info {
        padding: 0 25px;
        max-width: 720px;
        margin: 30px auto 0; }
    html #CMD .section__color::after {
      position: absolute;
      z-index: -1;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 280px;
      background-color: #f2f2f2;
      content: ''; }
    html #CMD .section__color .nav-slick {
      position: relative;
      z-index: 3;
      margin: 30px auto;
      width: 90%; }
      html #CMD .section__color .nav-slick .nav {
        width: 40px;
        height: 40px; }
    html #CMD .section__color .wd__content .content__slogan::after {
      left: 25px !important; }
    html #CMD .section__color .img__color {
      left: 0;
      margin-left: 0;
      width: 100%;
      height: 860px; }
      html #CMD .section__color .img__color .slick-content {
        width: 100%;
        height: 860px; }
        html #CMD .section__color .img__color .slick-content figure {
          width: 100%;
          height: 860px;
          background-size: auto 680px;
          background-position-y: 100%; }
          html #CMD .section__color .img__color .slick-content figure .laptop__containter::after {
            position: absolute;
            z-index: -1;
            bottom: 549px;
            left: 0;
            width: 1536px;
            height: 450px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: auto 550px;
            transform: scale(1.9);
            content: ''; }
          #CMD .section__color .img-slick1 .laptop__containter::after {
            background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s2/s2_pd1_bg.jpg"); } }
        @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
          .image-webp #CMD .section__color .img-slick1 .laptop__containter::after {
            background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s2/s2_pd1_bg.webp"); } }
        @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
          .image-old #CMD .section__color .img-slick1 .laptop__containter::after {
            background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s2/s2_pd1_bg.jpg"); } }

@media all and (max-width: 730.5px) {
          #CMD .section__color .img-slick2 .laptop__containter::after {
            background-image: url("https://dlcdnwebimgs.asus.com/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s2/s2_pd2_bg.jpg"); } }
        @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
          .image-webp #CMD .section__color .img-slick2 .laptop__containter::after {
            background-image: url("https://dlcdnwebimgs.asus.com/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s2/s2_pd2_bg.webp"); } }
        @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
          .image-old #CMD .section__color .img-slick2 .laptop__containter::after {
            background-image: url("https://dlcdnwebimgs.asus.com/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s2/s2_pd2_bg.jpg"); } }

@media all and (max-width: 730.5px) {
  html #CMD .laptop__containter {
    top: -400px;
    margin-left: -626px;
    transform: scale(0.43); }
  #CMD .section__color .black.laptop__item-0 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue0.jpg"); }
  #CMD .section__color .black.laptop__item-0 .pic {
    mask: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue0_mask.png");
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue0_mask.png");
    -webkit-mask-position: center;
    -webkit-mask-size: contain; } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__color .black.laptop__item-0 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s3/blue0.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__color .black.laptop__item-0 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s3/blue0.jpg"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__color .black.laptop__item-1 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue1.jpg"); }
  #CMD .section__color .black.laptop__item-1 .pic {
    mask: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue1_mask.png");
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue1_mask.png");
    -webkit-mask-position: center;
    -webkit-mask-size: contain; } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__color .black.laptop__item-1 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s3/blue1.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__color .black.laptop__item-1 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s3/blue1.jpg"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__color .black.laptop__item-2 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue2.jpg"); }
  #CMD .section__color .black.laptop__item-2 .pic {
    mask: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue2_mask.png");
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue2_mask.png");
    -webkit-mask-position: center;
    -webkit-mask-size: contain; } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__color .black.laptop__item-2 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s3/blue2.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__color .black.laptop__item-2 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s3/blue2.jpg"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__color .black.laptop__item-3 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue3.jpg"); }
  #CMD .section__color .black.laptop__item-3 .pic {
    mask: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue3_mask.png");
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue3_mask.png");
    -webkit-mask-position: center;
    -webkit-mask-size: contain; } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__color .black.laptop__item-3 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s3/blue3.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__color .black.laptop__item-3 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s3/blue3.jpg"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__color .black.laptop__item-4 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue4.jpg"); }
  #CMD .section__color .black.laptop__item-4 .pic {
    mask: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue4_mask.png");
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue4_mask.png");
    -webkit-mask-position: center;
    -webkit-mask-size: contain; } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__color .black.laptop__item-4 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s3/blue4.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__color .black.laptop__item-4 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s3/blue4.jpg"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__color .black.laptop__item-5 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue5.jpg"); }
  #CMD .section__color .black.laptop__item-5 .pic {
    mask: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue5_mask.png");
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue5_mask.png");
    -webkit-mask-position: center;
    -webkit-mask-size: contain; } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__color .black.laptop__item-5 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s3/blue5.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__color .black.laptop__item-5 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s3/blue5.jpg"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__color .black.laptop__item-6 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue6.jpg"); }
  #CMD .section__color .black.laptop__item-6 .pic {
    mask: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue6_mask.png");
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue6_mask.png");
    -webkit-mask-position: center;
    -webkit-mask-size: contain; } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__color .black.laptop__item-6 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s3/blue6.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__color .black.laptop__item-6 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s3/blue6.jpg"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__color .black.laptop__item-7 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue7.jpg"); }
  #CMD .section__color .black.laptop__item-7 .pic {
    mask: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue7_mask.png");
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s3/blue7_mask.png");
    -webkit-mask-position: center;
    -webkit-mask-size: contain; } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__color .black.laptop__item-7 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s3/blue7.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__color .black.laptop__item-7 .pic {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s3/blue7.jpg"); } }

@media all and (max-width: 730.5px) {
  html #CMD .section__mobility .wd__content {
    width: 90%;
    max-width: 720px;
    min-height: 800px; }
  html #CMD .section__mobility .wd__feature__list .feature-1 .wd__feature__describe__top,
  html #CMD .section__mobility .wd__feature__list .feature-2 .wd__feature__describe__top {
    display: none; }
  html #CMD .section__mobility .img__pd {
    left: 50%;
    margin-left: -365.5px;
    width: 731px;
    height: 592px;
    margin-top: -337px;
    margin-left: -364px; }
    #CMD .section__mobility .img__pd {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s4_pd.jpg"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__mobility .img__pd {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s4_pd.webp"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__mobility .img__pd {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s4_pd.jpg"); } }

@media all and (max-width: 730.5px) {
  html #CMD .section__battery {
    padding-top: 70px; }
    html #CMD .section__battery .wd__content {
      width: 90%;
      max-width: 720px; }
    html #CMD .section__battery .feature-1 {
      margin-bottom: 20px; }
    html #CMD .section__battery .feature-1 .wd__feature__describe__top,
    html #CMD .section__battery .feature-1 .wd__feature__describe {
      display: none; }
    html #CMD .section__battery .feature-2 .wd__feature__describe__top {
      display: none; }
    html #CMD .section__battery .img__containter {
      margin-top: 20px; }
    html #CMD .section__battery .img__main__desktop {
      display: none; }
    html #CMD .section__battery .img__main1 {
      left: 50%;
      margin-left: -365.5px;
      width: 731px;
      height: 225px;
      display: block;
      margin-bottom: 18px; }
      #CMD .section__battery .img__main1 {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s5_main.jpg"); } }
    @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
      .image-webp #CMD .section__battery .img__main1 {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s5_main.webp"); } }
    @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
      .image-old #CMD .section__battery .img__main1 {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s5_main.jpg"); } }

@media all and (max-width: 730.5px) {
    html #CMD .section__battery .img__main2 {
      left: 50%;
      margin-left: -365.5px;
      width: 731px;
      height: 225px;
      display: block; }
      #CMD .section__battery .img__main2 {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s5_main_2.jpg"); } }
    @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
      .image-webp #CMD .section__battery .img__main2 {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s5_main_2.webp"); } }
    @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
      .image-old #CMD .section__battery .img__main2 {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s5_main_2.jpg"); } }

@media all and (max-width: 730.5px) {
    html #CMD .section__battery .img__icon {
      width: 150px;
      height: 60px; }
  html #CMD .section__performance {
    padding-top: 100px; }
    html #CMD .section__performance .wd__content {
      width: 90%;
      max-width: 720px; }
    html #CMD .section__performance .wd__feature__list {
      margin: 48px auto 0;
      max-width: 500px; }
    html #CMD .section__performance .feature-1 .wd__feature__describe__top,
    html #CMD .section__performance .feature-1 .wd__feature__describe {
      display: none; }
    html #CMD .section__performance .img__pd {
      left: 50%;
      margin-left: -365px;
      width: 730px;
      height: 550px;
      margin-top: -70px;
      margin-left: -320px;
      transform: scale(0.8); }
      #CMD .section__performance .img__pd {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s6_pd.jpg"); } }
    @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
      .image-webp #CMD .section__performance .img__pd {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s6_pd.webp"); } }
    @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
      .image-old #CMD .section__performance .img__pd {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s6_pd.jpg"); } }

@media all and (max-width: 730.5px) {
      html #CMD .section__performance .img__pd .chip {
        margin-top: 180px;
        margin-left: -360px;
        transform: scale(0.5); }
  html #CMD .section__performance2 {
    padding-top: 30px;
    padding-bottom: 80px; }
    html #CMD .section__performance2 .wd__content {
      width: 90%;
      max-width: 720px; }
    html #CMD .section__performance2 .wd__feature__list {
      align-items: flex-start;
      flex-wrap: wrap; }
      html #CMD .section__performance2 .wd__feature__list .feature-2 {
        transform: translateY(1px); }
        html #CMD .section__performance2 .wd__feature__list .feature-2 .feature-icon {
          transform: translateY(-13px); }
        html #CMD .section__performance2 .wd__feature__list .feature-2 .wd__feature__describe {
          margin-top: 0; }
      html #CMD .section__performance2 .wd__feature__list .feature-3 {
        transform: translateY(1px); }
        html #CMD .section__performance2 .wd__feature__list .feature-3 .feature-icon {
          transform: translateY(-13px); }
        html #CMD .section__performance2 .wd__feature__list .feature-3 .wd__feature__describe {
          margin-top: 0; }
    html #CMD .section__performance2 .chart_containter {
      align-items: center;
      margin-top: 10px;
      width: 90%;
      flex-direction: column-reverse; }
      html #CMD .section__performance2 .chart_containter .chart_img {
        width: 320px;
        height: 320px;
        background-position: center; }
        html #CMD .section__performance2 .chart_containter .chart_img .chart_img__title {
          font-size: 0.75rem; }
        html #CMD .section__performance2 .chart_containter .chart_img .chart_img__title.text0 {
          top: 33px; }
        html #CMD .section__performance2 .chart_containter .chart_img .chart_img__title.text1 {
          top: 125px;
          right: 0;
          width: 50px;
          min-width: auto; }
        html #CMD .section__performance2 .chart_containter .chart_img .chart_img__title.text2 {
          right: 50px;
          bottom: 36px;
          width: 50px;
          min-width: auto; }
        html #CMD .section__performance2 .chart_containter .chart_img .chart_img__title.text3 {
          bottom: 36px;
          left: 50px;
          width: 50px;
          min-width: auto; }
        html #CMD .section__performance2 .chart_containter .chart_img .chart_img__title.text4 {
          top: 125px;
          left: -6px;
          width: 60px;
          min-width: auto; }
      html #CMD .section__performance2 .chart_containter .chart_content {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        padding-top: 0;
        width: 100%;
        flex-direction: column; }
        html #CMD .section__performance2 .chart_containter .chart_content .chart__item {
          display: flex;
          margin-bottom: 24px;
          padding: 0 20px;
          width: 100%;
          text-align: left; }
          html #CMD .section__performance2 .chart_containter .chart_content .chart__item-box {
            padding-left: 15px;
            width: calc(100% - 84px); }
          html #CMD .section__performance2 .chart_containter .chart_content .chart__item .title {
            margin-top: 0;
            font-size: 1.25rem; }
          html #CMD .section__performance2 .chart_containter .chart_content .chart__item .content {
            margin-top: 4px;
            font-size: 1rem; }
          html #CMD .section__performance2 .chart_containter .chart_content .chart__item .icon {
            display: block;
            width: 80px;
            height: 84px; }
    html #CMD .section__performance2 .chart__item_1 .icon {
      margin-top: -15px; }
  html #CMD .section__wifi {
    padding-top: 70px; }
    html #CMD .section__wifi .wd__content {
      max-width: 720px;
      margin: 0 auto; }
    html #CMD .section__wifi .wd__feature__list .feature-1 .wd__feature__describe__top,
    html #CMD .section__wifi .wd__feature__list .feature-2 .wd__feature__describe__top {
      display: none; }
    html #CMD .section__wifi .wifi__bg {
      left: 50%;
      margin-left: -365px;
      width: 730px;
      height: 385px;
      margin-top: -70px; }
      #CMD .section__wifi .wifi__bg {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s8_bg.jpg"); } }
    @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
      .image-webp #CMD .section__wifi .wifi__bg {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s8_bg.webp"); } }
    @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
      .image-old #CMD .section__wifi .wifi__bg {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s8_bg.jpg"); } }

@media all and (max-width: 730.5px) {
  html #CMD .section__display {
    overflow: hidden;
    margin-bottom: -150px;
    padding-top: 112px;
    padding-bottom: 387px; }
    html #CMD .section__display .wd__content {
      width: 90%;
      max-width: 720px; }
    html #CMD .section__display .wd__feature__list.list-0 {
      margin: 47px auto -21px;
      max-width: 460px; }
    html #CMD .section__display .wd__feature__list.list-1 {
      margin: 0 auto;
      margin-top: 36px;
      max-width: 460px; }
      html #CMD .section__display .wd__feature__list.list-1 .wd__feature {
        margin-bottom: 45px; }
      html #CMD .section__display .wd__feature__list.list-1 .img__icon1 {
        width: 100px;
        height: 100px; }
      html #CMD .section__display .wd__feature__list.list-1 .img__icon2 {
        width: 50px;
        height: 70px; }
      html #CMD .section__display .wd__feature__list.list-1 .img__icon3 {
        width: 130px;
        height: 70px; }
      html #CMD .section__display .wd__feature__list.list-1 .img__icon4 {
        width: 50px;
        height: 70px; }
      html #CMD .section__display .wd__feature__list.list-1 .img__icon5 {
        width: 108px;
        height: 70px; }
    html #CMD .section__display .img__main {
      left: 50%;
      margin-left: -372px;
      width: 744px;
      height: 940px;
      bottom: -320px; }
      #CMD .section__display .img__main {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s9/s9_main.jpg"); } }
    @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
      .image-webp #CMD .section__display .img__main {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s9/s9_main.webp"); } }
    @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
      .image-old #CMD .section__display .img__main {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s9/s9_main.jpg"); } }

@media all and (max-width: 730.5px) {
      html #CMD .section__display .img__main .img__nb-bottom {
        bottom: 129px;
        margin-left: -604px;
        width: 1192px;
        background-size: 99.5% auto; }
        #CMD .section__display .img__nb-bottom {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/1x/animation/s9/nb_bottom.png"); } }
      @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
        .image-webp #CMD .section__display .img__nb-bottom {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s9/nb_bottom.webp"); } }
      @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
        .image-old #CMD .section__display .img__nb-bottom {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/scale/50p/2x/animation/s9/nb_bottom.png"); } }

@media all and (max-width: 730.5px) {
      html #CMD .section__display .img__main .box {
        position: absolute;
        bottom: -240px;
        width: 100%;
        height: 600px;
        transform: scale(0.309); }
      html #CMD .section__display .img__main svg {
        top: -331px;
        margin-left: -656.5px;
        transform: none; }
      html #CMD .section__display .img__main .ratio_text.ratio_text-1 {
        top: 120px; }
      html #CMD .section__display .img__main .ratio_text.ratio_text-2 {
        top: 174px; }
  html #CMD .section__audio {
    margin-top: 0;
    padding-top: 52px;
    padding-bottom: 70px; }
    html #CMD .section__audio .clip_content .content__title {
      font-size: 2.1875rem; }
    html #CMD .section__audio .img__icon3 {
      transform: scale(0.9) translateY(-5px); }
    html #CMD .section__audio .slick-tab-content {
      margin: 27px auto 0; }
      html #CMD .section__audio .slick-tab-content .slick-title {
        margin-top: 27px; }
        html #CMD .section__audio .slick-tab-content .slick-title .title-line {
          display: none; }
        html #CMD .section__audio .slick-tab-content .slick-title .title-nav {
          padding: 15px 0 0; }
          html #CMD .section__audio .slick-tab-content .slick-title .title-nav .slick-nav-btn {
            padding: 0 20px 18px;
            width: auto;
            font-size: 1.375rem; }
      html #CMD .section__audio .slick-tab-content .slick-info-item .slick-info {
        width: 90%;
        max-width: 320px; }
        html #CMD .section__audio .slick-tab-content .slick-info-item .slick-info .slick-info-text {
          line-height: 1.5; }
      html #CMD .section__audio .slick-tab-content .slick-info-item .slick-TopContent .slick-info-content.wd__content {
        position: relative;
        top: 0;
        left: 0;
        margin-top: 32px;
        margin-right: auto;
        margin-left: auto;
        width: 89.2%; }
      html #CMD .section__audio .slick-tab-content .slick-info-item .slick-TopContent .slick-info-content .content__slogan {
        font-size: 18px; }
      html #CMD .section__audio .slick-tab-content .slick-info-item .slick-TopContent .slick-info-content .content__title {
        font-size: 22px; }
      html #CMD .section__audio .slick-tab-content .slick-info-item .slick-TopContent .slick-info-content .content__info {
        font-size: 17px; }
      html #CMD .section__audio .slick-tab-content .slick-info-item .slick-TopContent .slick-image {
        position: relative;
        margin: 0 auto; }
        #CMD .section__audio .img-slick-1 {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s__audio/table_01_main.jpg"); } }
      @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
        .image-webp #CMD .section__audio .img-slick-1 {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__audio/table_01_main.webp"); } }
      @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
        .image-old #CMD .section__audio .img-slick-1 {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__audio/table_01_main.jpg"); } }

@media all and (max-width: 730.5px) {
        #CMD .section__audio .img-slick-2 {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s__audio/table_02_main.jpg"); } }
      @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
        .image-webp #CMD .section__audio .img-slick-2 {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__audio/table_02_main.webp"); } }
      @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
        .image-old #CMD .section__audio .img-slick-2 {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__audio/table_02_main.jpg"); } }

@media all and (max-width: 730.5px) {
        #CMD .section__audio .img-slick-3 {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s__audio/table_03_main.jpg"); } }
      @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
        .image-webp #CMD .section__audio .img-slick-3 {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__audio/table_03_main.webp"); } }
      @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
        .image-old #CMD .section__audio .img-slick-3 {
          background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__audio/table_03_main.jpg"); } }

@media all and (max-width: 730.5px) {
      html #CMD .section__audio .slick-tab-content .slick-info-item .slick-image {
        margin-top: 45px; }
      html #CMD .section__audio .slick-tab-content .slick-info-item .slick-image,
      html #CMD .section__audio .slick-tab-content .slick-info-item .img-slick {
        width: 320.5px; }
        html #CMD .section__audio .slick-tab-content .slick-info-item .slick-image .img-slick-1,
        html #CMD .section__audio .slick-tab-content .slick-info-item .img-slick .img-slick-1 {
          height: 258px; }
        html #CMD .section__audio .slick-tab-content .slick-info-item .slick-image .img-slick-2,
        html #CMD .section__audio .slick-tab-content .slick-info-item .img-slick .img-slick-2 {
          height: 396px; }
        html #CMD .section__audio .slick-tab-content .slick-info-item .slick-image .img-slick-3,
        html #CMD .section__audio .slick-tab-content .slick-info-item .img-slick .img-slick-3 {
          height: 439px; }
      html #CMD .section__audio .slick-tab-content .slick-info-item .slick-seriesBox {
        top: 0;
        left: 0;
        margin: 25px auto 0;
        padding: 0;
        width: 100%;
        max-width: 731px; }
        html #CMD .section__audio .slick-tab-content .slick-info-item .slick-seriesBox .seriesBox-title {
          padding-bottom: 27px;
          width: 89.2%;
          font-size: 36px; }
        html #CMD .section__audio .slick-tab-content .slick-info-item .slick-seriesBox .seriesBoxFeature {
          margin-top: 35px; }
          html #CMD .section__audio .slick-tab-content .slick-info-item .slick-seriesBox .seriesBoxFeature .seriesBoxFeature-title {
            font-size: 16px; }
  html #CMD .section__audio .img__main {
    left: 50%;
    margin-left: -365.5px;
    width: 731px;
    height: 300px;
    margin-top: -7px; }
    #CMD .section__audio .img__main {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s__audio/pd.jpg"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__audio .img__main {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__audio/pd.webp"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__audio .img__main {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__audio/pd.jpg"); } }

@media all and (max-width: 730.5px) {
  html #CMD .section__audio .img__pd2 {
    left: 50%;
    margin-left: -365.5px;
    width: 731px;
    height: 185px;
    margin-top: 40px; }
    #CMD .section__audio .img__pd2 {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s__audio/chip.jpg"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__audio .img__pd2 {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__audio/chip.webp"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__audio .img__pd2 {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__audio/chip.jpg"); } }

@media all and (max-width: 730.5px) {
  html #CMD .section__audio .wd__feature__list .feature-2 .feature-icon {
    margin-bottom: 10px; }
  html #CMD .section__keyboard {
    padding-top: 70px; }
    html #CMD .section__keyboard .wd__content {
      width: 89%;
      max-width: 720px; }
    html #CMD .section__keyboard .img__main {
      left: 50%;
      margin-left: -365.5px;
      width: 731px;
      height: 340px;
      margin-top: 57px; }
      #CMD .section__keyboard .img__main {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s__keyboard/main.jpg"); } }
    @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
      .image-webp #CMD .section__keyboard .img__main {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__keyboard/main.webp"); } }
    @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
      .image-old #CMD .section__keyboard .img__main {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__keyboard/main.jpg"); } }

@media all and (max-width: 730.5px) {
    html #CMD .section__keyboard .modal-button-container {
      margin-top: 10px; }
      html #CMD .section__keyboard .modal-button-container .modal-inner-text {
        font-size: 1.25rem; }
  #CMD .section__keyboard .card__item_1 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s__keyboard/card1_small.jpg"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__keyboard .card__item_1 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__keyboard/card1_small.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__keyboard .card__item_1 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__keyboard/card1_small.jpg"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__keyboard .card__item_2 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s__keyboard/card2_small.jpg"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__keyboard .card__item_2 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__keyboard/card2_small.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__keyboard .card__item_2 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__keyboard/card2_small.jpg"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__keyboard .card__item_3 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s__keyboard/card3_small.jpg"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__keyboard .card__item_3 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__keyboard/card3_small.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__keyboard .card__item_3 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__keyboard/card3_small.jpg"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__keyboard .card__item_4 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s__keyboard/card4_small.jpg"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__keyboard .card__item_4 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__keyboard/card4_small.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__keyboard .card__item_4 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__keyboard/card4_small.jpg"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__keyboard .card__item_5 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s__keyboard/card5_small.jpg"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__keyboard .card__item_5 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__keyboard/card5_small.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__keyboard .card__item_5 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s__keyboard/card5_small.jpg"); } }

@media all and (max-width: 730.5px) {
  html #CMD .section__ue {
    padding-top: 87px;
    padding-bottom: 70px; }
    html #CMD .section__ue .wd__content {
      width: 90%;
      max-width: 720px; }
    html #CMD .section__ue .card__containter {
      margin-top: 35px; }
  #CMD .section__ue .card__item_1 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s14/card1_small.jpg"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__ue .card__item_1 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s14/card1_small.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__ue .card__item_1 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s14/card1_small.jpg"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__ue .card__item_2 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s14/card2_small.jpg"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__ue .card__item_2 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s14/card2_small.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__ue .card__item_2 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s14/card2_small.jpg"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__ue .card__item_3 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s14/card3_small.jpg"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__ue .card__item_3 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s14/card3_small.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__ue .card__item_3 .card__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s14/card3_small.jpg"); } }

@media all and (max-width: 730.5px) {
  html #CMD .section__webcam {
    padding-top: 70px;
    padding-bottom: 90px; }
    html #CMD .section__webcam .wd__content {
      width: 90%;
      max-width: 720px; }
    html #CMD .section__webcam .campare__containter {
      align-items: center;
      justify-content: start;
      margin-top: 30px;
      max-width: 414px;
      flex-direction: column; }
      html #CMD .section__webcam .campare__containter .campare__item {
        padding: 15px 32px;
        width: 100%; }
        html #CMD .section__webcam .campare__containter .campare__item .campare__title {
          margin-bottom: 10px;
          font-size: 1.25rem; }
        html #CMD .section__webcam .campare__containter .campare__item .campare__img {
          margin: 0 auto;
          width: 100%;
          height: 287px; }
  #CMD .section__webcam .campare__item_1 .campare__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/large/1x/s15/compare01.jpg"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__webcam .campare__item_1 .campare__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/large/2x/s15/compare01.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__webcam .campare__item_1 .campare__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/large/2x/s15/compare01.jpg"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__webcam .campare__item_2 .campare__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/large/1x/s15/compare02.jpg"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__webcam .campare__item_2 .campare__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/large/2x/s15/compare02.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__webcam .campare__item_2 .campare__img {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/large/2x/s15/compare02.jpg"); } }

@media all and (max-width: 730.5px) {
  html #CMD #section__noise {
    margin-bottom: -10px;
    padding-top: 0; }
    html #CMD #section__noise .nav__noise {
      margin-top: 43px; }
    html #CMD #section__noise .noise__switcher {
      margin-top: 0; }
      html #CMD #section__noise .noise__switcher.js-showed {
        padding-top: 25px; }
    html #CMD #section__noise #noiseContainter {
      margin-top: 0; }
  html #CMD .section__connectivity .wd__content {
    width: 90%;
    max-width: 720px; }
  html #CMD .section__connectivity .sectionnNavPosition {
    top: -290px; }
  html #CMD .section__connectivity .image__container {
    padding-bottom: 58px; }
  html #CMD .section__connectivity .descline__container {
    top: 261px; }
    html #CMD .section__connectivity .descline__container .desc__text span.text__item {
      font-size: 0.625rem; }
    html #CMD .section__connectivity .descline__container .desc__item-0 {
      top: -10px;
      margin-left: 4px; }
      html #CMD .section__connectivity .descline__container .desc__item-0 span.text__item {
        left: -160px;
        width: 40px;
        text-align: left;
        transform: none; }
    html #CMD .section__connectivity .descline__container .desc__item-1 {
      top: -10px;
      margin-left: 14px; }
      html #CMD .section__connectivity .descline__container .desc__item-1 span.text__item {
        left: -110px;
        width: 70px;
        transform: none; }
    html #CMD .section__connectivity .descline__container .desc__item-2 {
      top: -10px;
      margin-left: 12px; }
      html #CMD .section__connectivity .descline__container .desc__item-2 span.text__item {
        left: 2px;
        width: 60px; }
    html #CMD .section__connectivity .descline__container .desc__item-3 {
      top: -10px;
      margin-left: -41px; }
      html #CMD .section__connectivity .descline__container .desc__item-3 span.text__item {
        left: 88px;
        width: 70px;
        transform: none; }
    html #CMD .section__connectivity .descline__container .desc__item-4 {
      top: -10px;
      margin-left: 150px; }
      html #CMD .section__connectivity .descline__container .desc__item-4 span.text__item {
        left: -55px;
        width: 60px;
        text-align: right;
        transform: none; }
  html #CMD .section__connectivity {
    padding-bottom: 22px; }
    html #CMD .section__connectivity .img__bg {
      left: 50%;
      margin-left: -365.5px;
      width: 731px;
      height: 290px;
      top: 0;
      margin-top: 0; }
      #CMD .section__connectivity .img__bg {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s17_pd.jpg"); } }
    @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
      .image-webp #CMD .section__connectivity .img__bg {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s17_pd.webp"); } }
    @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
      .image-old #CMD .section__connectivity .img__bg {
        background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s17_pd.jpg"); } }

@media all and (max-width: 730.5px) {
  html #CMD .section__charge {
    padding-top: 76px;
    padding-bottom: 50px; }
    html #CMD .section__charge .wd__content {
      width: 90%;
      max-width: 720px; }
    html #CMD .section__charge .col.pd {
      position: relative; }
  html #CMD .section__charge .img__bg {
    left: 50%;
    margin-left: -365.5px;
    width: 731px;
    height: 350px;
    margin-top: 30px; }
    #CMD .section__charge .img__bg {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s18_pd.jpg"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__charge .img__bg {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s18_pd.webp"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__charge .img__bg {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s18_pd.jpg"); } }

@media all and (max-width: 730.5px) {
  html #CMD .section__myasus {
    padding-top: 70px;
    padding-bottom: 70px; }
    html #CMD .section__myasus .wd__content {
      max-width: 720px;
      width: 90%; }
  html #CMD .section__grade {
    padding-top: 60px;
    padding-bottom: 10px; }
    html #CMD .section__grade .wd__content {
      margin: 0 auto; }
      html #CMD .section__grade .wd__content .content__title {
        max-width: 720px; }
      html #CMD .section__grade .wd__content .content__info {
        max-width: 720px; }
  html #CMD .section__grade .wd__feature__list {
    max-width: 900px; }
    html #CMD .section__grade .wd__feature__list .wd__feature {
      margin-right: 10px;
      margin-left: 10px;
      width: 40%; }
      html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__data {
        margin-top: 13px;
        font-size: 1rem; }
      html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe {
        margin-top: 5px;
        font-size: 1rem; }
        html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe,
        html #CMD .section__grade .wd__feature__list .wd__feature .wd__feature__describe * {
          line-height: 1.2 !important; }
  html #CMD .section__grade .image__container {
    margin-top: 150px;
    margin-bottom: -130px;
    height: 515px; }
  html #CMD .section__grade .img__bg {
    left: 50%;
    margin-left: -365.5px;
    width: 731px;
    height: 515px; }
    #CMD .section__grade .img__bg {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/s20_pd.jpg"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-webp #CMD .section__grade .img__bg {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s20_pd.webp"); } }
  @media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
    .image-old #CMD .section__grade .img__bg {
      background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/s20_pd.jpg"); } }

@media all and (max-width: 730.5px) {
  html #CMD .section__grade .img__grade_icon {
    top: -110px;
    left: 50%;
    margin-left: -65px;
    width: 120px;
    height: 150px; }
  html #CMD .section__comment {
    margin-top: 0;
    padding-top: 6px;
    padding-bottom: 20px; }
  html #CMD .section__keyboard_inner1 {
    padding: 45px 0 100px; }
    html #CMD .section__keyboard_inner1 .wd__content {
      max-width: 731px;
      margin: 0 auto; }
    html #CMD .section__keyboard_inner1 .touch__containter {
      margin-top: 30px;
      padding: 15px 32px;
      width: 100%;
      max-width: 414px; }
      html #CMD .section__keyboard_inner1 .touch__containter .touch__item {
        display: flex;
        align-items: center;
        flex-direction: column; }
        html #CMD .section__keyboard_inner1 .touch__containter .touch__item_content {
          padding-top: 40px;
          flex: auto; }
          html #CMD .section__keyboard_inner1 .touch__containter .touch__item_content .title {
            margin-bottom: 20px;
            font-size: 2.1875rem;
            line-height: 1.1; }
          html #CMD .section__keyboard_inner1 .touch__containter .touch__item_content .info {
            font-size: 1.125rem; }
          html #CMD .section__keyboard_inner1 .touch__containter .touch__item_content .list__item {
            margin-bottom: 20px; }
            html #CMD .section__keyboard_inner1 .touch__containter .touch__item_content .list__item:last-child {
              margin-bottom: 10px; }
            html #CMD .section__keyboard_inner1 .touch__containter .touch__item_content .list__item_title {
              margin-bottom: 7px;
              font-size: 1.5rem;
              line-height: 1.2; }
            html #CMD .section__keyboard_inner1 .touch__containter .touch__item_content .list__item_info {
              font-size: 1.125rem; }
        html #CMD .section__keyboard_inner1 .touch__containter .touch__item .img__bg {
          width: 256px;
          height: 275px; }
    html #CMD .section__keyboard_inner1 .touch__item_1 {
      flex-direction: row-reverse; }
      html #CMD .section__keyboard_inner1 .touch__item_1 .touch__item_content {
        margin-bottom: 8px;
        padding-right: 26px;
        padding-left: 26px; }
    html #CMD .section__keyboard_inner1 .touch__item_2 .touch__item_content {
      margin-bottom: 14px;
      padding-right: 26px;
      padding-left: 26px; }
  #CMD .section__keyboard_inner1 .touch__item_1 .img__bg {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/inner/s__keyboard/img01.jpg"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__keyboard_inner1 .touch__item_1 .img__bg {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/inner/s__keyboard/img01.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__keyboard_inner1 .touch__item_1 .img__bg {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/inner/s__keyboard/img01.jpg"); } }

@media all and (max-width: 730.5px) {
  #CMD .section__keyboard_inner1 .touch__item_2 .img__bg {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/1x/inner/s__keyboard/img02.jpg"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-webp #CMD .section__keyboard_inner1 .touch__item_2 .img__bg {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/inner/s__keyboard/img02.webp"); } }

@media all and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 730.5px) and (min-resolution: 144dpi) {
  .image-old #CMD .section__keyboard_inner1 .touch__item_2 .img__bg {
    background-image: url("/files/media/24a8d5c8-0755-45ce-8792-9048d289b1e1/v2/features/images/small/2x/inner/s__keyboard/img02.jpg"); } }

@media all and (min-width: 320px) and (max-width: 401px) {
  html #CMD .section__mobility .wd__content {
    min-height: 1000px; }
  html #CMD .section__display.wd__section .wd__feature__list .wd__feature {
    margin-right: 14px;
    margin-left: 14px; } }

@media all and (min-width: 320px) and (max-width: 432px) {
  html #CMD .section__performance .feature-3 .wd__feature__describe__top {
    display: none; } }

@media all and (min-width: 320px) and (max-width: 482px) {
  html #CMD .section__performance2 .feature-3 .wd__feature__describe__top {
    display: none; } }

@media all and (min-width: 320px) and (max-width: 322px) {
  html #CMD .section__performance2 .feature-2 .wd__feature__describe__top {
    display: none; } }

@media all and (min-width: 320px) and (max-width: 328px) {
  html #CMD .section__battery .feature-1 .wd__feature__describe__top,
  html #CMD .section__battery .feature-1 .wd__feature__describe {
    display: none; } }

@media all and (min-width: 320px) and (max-width: 535px) {
  html #CMD .section__battery .feature-3 .wd__feature__describe__top {
    display: none; } }

@media all and (min-width: 320px) and (max-width: 643px) {
  html #CMD .section__wifi .feature-1 .wd__feature__describe__top,
  html #CMD .section__wifi .feature-1 .wd__feature__describe {
    display: none; } }

@media all and (min-width: 320px) and (max-width: 478px) {
  html #CMD .section__oled .feature-3 .wd__feature__describe__top {
    display: none; } }

@media all and (min-width: 320px) and (max-width: 430px) {
  html #CMD .section__oled .feature-5 .wd__feature__describe__top,
  html #CMD .section__oled .feature-6 .wd__feature__describe__top {
    display: none; } }

@media all and (min-width: 599px) and (max-width: 730px) {
  html #CMD .section__charge .img__bg {
    margin-left: -257.5px; } }