@media (min-width: 992px) {
    .scroll-item .item-inner picture>img {
      aspect-ratio: 4 / 3;
    }
    main.customize > .container > .row {
      height: calc(100dvh - 83px);
      overflow-y: hiddens;
    }
    .product-introduction-item:not(:last-child)::after {
      content: "";
      width: 1px;
      background: #bdbdbd;
      height: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
    }
    .item-icon img {
      width: 5.208333vw;
    }
    .img-zoom img {
      scale: 1.4;
    }
    .layout-1 .first-col {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
    .layout-1 .second-col {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
    .layout-2 .first-col {
      flex: 0 0 auto;
      width: 25%;
    }
    .layout-2 .second-col {
      flex: 0 0 auto;
      width: 50%;
    }
    .layout-2 .third-col {
        flex: 0 0 auto;
        width: 25%;
        display: flex;
        flex-direction: column;
    }
    .province-select {
      max-width: 300px;
    }
    .province-service-select {
      max-width: 300px;
    }
    .timeline-box {
      width: 65px;
      height: 65px;
      font-size: 18px;
    }
    .timeline-nav {
      left: 50%;
    }
     /* custom table */
     .custom-table tr:first-child td {
        line-height: 1.375;
        padding: 30px 0;
        font-size: 18px;
        font-weight: 600;
    }

    .custom-table tr td:first-child {
        position: sticky;
        -webkit-box-shadow: 20px 7px 20px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 20px 7px 20px 0px rgba(0, 0, 0, 0.35);
        z-index: 10;
        width: 360px;
        text-align: left;
        padding-left: 50px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        left: 0;
        background-color: #16181C;
        right: 0;
    }

    .custom-table td {
        padding: 20px 20px;
        border-bottom: 1px solid rgba(39, 39, 39, 0.9);
        line-height: 1.375;
        text-align: center;
        width: 360px;
        min-width: 360px;
    }
  }
  @media (max-width: 575.98px) {
    .sound-icon {
      bottom: 10px;
      right: 10px;
    }
  }
  @media (max-width: 991.98px) {
    .specs-list-content tr:first-child td {
      font-size: 4.444444vw;
      padding: 2.777778vw 0 !important;
    }
    .specs-list-content tr td:first-child {
      padding-left: 0;
      text-align: center;
    }
    .specs-list-content tr:first-child td {
      line-height: 1.375;
      padding: 30px 0;
      font-size: 18px;
      border-bottom: 0;
      font-weight: 600;
    }
    .specs-list-content td {
      padding: 3.472222vw 2vw !important;
      text-align: center;
      padding-left: 0;
      width: 43.055556vw !important;
      min-width: 43.055556vw !important;
    }
    /* custom table */
    .custom-table table {
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        width: 100%;
        table-layout: fixed;
    }

    .custom-table table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .custom-table table tr {
        display: block;
    }

    .custom-table table tr:not(:last-child) {
        margin-bottom: 16px;
    }

    .custom-table table td {
        border-bottom: 1px solid rgba(39, 39, 39, 0.9);
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: .8em;
        text-align: right;
        padding: 8px;
    }

    .custom-table table td::before {
        content: attr(data-label);
        max-width: 50%;
        font-weight: bold;
        text-transform: uppercase;
        text-align: left;
    }

    .custom-table table td:last-child {
        border-bottom: 0;
    }
  }
