@-webkit-keyframes opacity {
  0% {
    opacity: .3;
    margin-bottom: 1%; }
  100% {
    opacity: .5;
    margin-bottom: 0%; } }

@keyframes opacity {
  0% {
    opacity: .3;
    margin-bottom: 1%; }
  100% {
    opacity: .5;
    margin-bottom: 0%; } }

@-webkit-keyframes flicker {
  0%, 50% {
    opacity: 0; }
  51%, 100% {
    opacity: 1; } }

@keyframes flicker {
  0%, 50% {
    opacity: 0; }
  51%, 100% {
    opacity: 1; } }

@-webkit-keyframes cube-move-left {
  0% {
    top: -5px;
    left: -5px; }
  60% {
    top: -5px;
    left: calc( 100% - 5px); }
  100% {
    top: calc( 100% - 5px);
    left: calc( 100% - 5px); } }

@keyframes cube-move-left {
  0% {
    top: -5px;
    left: -5px; }
  60% {
    top: -5px;
    left: calc( 100% - 5px); }
  100% {
    top: calc( 100% - 5px);
    left: calc( 100% - 5px); } }

@-webkit-keyframes cube-move-left2 {
  0% {
    top: -5px;
    right: -5px; }
  60% {
    top: -5px;
    right: calc( 100% - 5px); }
  100% {
    top: calc( 100% - 5px);
    right: calc( 100% - 5px); } }

@keyframes cube-move-left2 {
  0% {
    top: -5px;
    right: -5px; }
  60% {
    top: -5px;
    right: calc( 100% - 5px); }
  100% {
    top: calc( 100% - 5px);
    right: calc( 100% - 5px); } }

@-webkit-keyframes cube-move-right {
  0% {
    right: -5px;
    bottom: -5px; }
  60% {
    right: calc( 100% - 5px);
    bottom: -5px; }
  100% {
    right: calc( 100% - 5px);
    bottom: calc( 100% - 5px); } }

@keyframes cube-move-right {
  0% {
    right: -5px;
    bottom: -5px; }
  60% {
    right: calc( 100% - 5px);
    bottom: -5px; }
  100% {
    right: calc( 100% - 5px);
    bottom: calc( 100% - 5px); } }

@-webkit-keyframes cube-move-right2 {
  0% {
    bottom: -5px;
    left: -5px; }
  60% {
    bottom: -5px;
    left: calc( 100% - 5px); }
  100% {
    bottom: calc( 100% - 5px);
    left: calc( 100% - 5px); } }

@keyframes cube-move-right2 {
  0% {
    bottom: -5px;
    left: -5px; }
  60% {
    bottom: -5px;
    left: calc( 100% - 5px); }
  100% {
    bottom: calc( 100% - 5px);
    left: calc( 100% - 5px); } }

#z590 {
  width: 100%;
  height: auto;
  font-family: "Sarpanch", sans-serif;
  font-size: 16px;
  position: relative;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  transition: .3s ease-in-out;
  background: url(https://storage-asset.msi.com/th/picture/promotion/2022%20Intel%20Gamer%20Days/MAIN-KV-BG2022.jpg) no-repeat;
  background-size: 100%;
  background-position: top center;
  background-color: black; 
}
  #z590 ::-moz-selection {
    background: #49e6c9; }
  #z590 ::selection {
    background: #49e6c9; }
  #z590 p {
    font-family: "Sarpanch", sans-serif;
    font-weight: normal; }
  #z590 a {
    text-decoration: none;
    transition: .3s ease-in-out; }
  #z590 img {
    width: 100%;
    height: 100%;
    max-width: 100%; }
  #z590 ul, #z590 li {
    font-weight: bold;
    list-style: none;
    margin: auto;
    padding: 0;
    font-weight: bold;
    box-sizing: border-box; }
  #z590 a.scrollup {
    width: 50px;
    height: 50px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    opacity: 1;
    overflow: hidden;
    background: url(https://storage-asset.msi.com/event/2021/cnd/mb-intel500-official/images/scrollup.png) no-repeat;
    background-position: 50% 0%;
    background-size: 100%; }
  #z590 nav {
    width: 100%;
    height: 50px;
    z-index: 99;
    text-align: center;
    position: fixed;
    top: 0; }
    #z590 nav ul {
      width: 100%;
      height: auto;
      max-width: 80%; }
      #z590 nav ul li {
        width: calc(100% / 5 - 10px);
        height: auto;
        display: inline-flex; }
        #z590 nav ul li a {
          width: 100%;
          height: auto;
          display: block;
          text-decoration: none;
          color: #ccc; }
          #z590 nav ul li a:hover {
            color: #fff; }
      #z590 nav ul .msi_logo img {
        width: 100px;
        height: auto;
        margin: auto; }
  #z590 .detail {
    width: 80%;
    height: auto;
    margin: auto;
    padding: 10rem 0; }
  #z590 .more {
    display: inline-block;
    position: relative;
    margin: 1rem auto; }
    #z590 .more:hover {
      -webkit-animation: 0.1s flicker;
              animation: 0.1s flicker;
      -webkit-animation-iteration-count: 1.5;
              animation-iteration-count: 1.5; }
      #z590 .more:hover::before {
        top: -5px;
        left: -5px;
        transition: .3s ease-in-out; }
      #z590 .more:hover::after {
        bottom: -5px;
        right: -5px;
        transition: .3s ease-in-out; }
      #z590 .more:hover span, #z590 .more:hover a {
        background-color: rgba(73, 230, 201, 0.2); }
        #z590 .more:hover span::before, #z590 .more:hover a::before {
          bottom: -5px;
          left: -5px;
          transition: .3s ease-in-out; }
        #z590 .more:hover span::after, #z590 .more:hover a::after {
          top: -5px;
          right: -5px;
          transition: .3s ease-in-out; }
    #z590 .more::before {
      width: 10px;
      height: 10px;
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      border-top: 1px solid #49e6c9;
      border-left: 1px solid #49e6c9;
      z-index: 1; }
    #z590 .more::after {
      width: 10px;
      height: 10px;
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      border-bottom: 1px solid #49e6c9;
      border-right: 1px solid #49e6c9; }
    #z590 .more a {
      width: 100%;
      height: auto;
      display: inline-block;
      padding: 1rem;
      color: #49e6c9;
      font-weight: bold; }
      #z590 .more a::before {
        width: 10px;
        height: 10px;
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        border-bottom: 1px solid #49e6c9;
        border-left: 1px solid #49e6c9; }
      #z590 .more a::after {
        width: 10px;
        height: 10px;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        border-top: 1px solid #49e6c9;
        border-right: 1px solid #49e6c9; }
  #z590 .coming {
    display: inline-block;
    position: relative;
    padding: 1rem;
    color: #49e6c9;
    font-weight: bold; }
  #z590 #kv {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    padding-top: 4%; 
  }
    #z590 #kv .mouse {
      width: 50px;
      height: 50px;
      z-index: 5;
      position: absolute;
      bottom: 20%;
      left: 50%;
      opacity: .5;
      transform: translateX(-50%);
      text-align: center;
      display: none;
      -webkit-animation: opacity 1s infinite ease-in-out;
              animation: opacity 1s infinite ease-in-out; }
    #z590 #kv .rocket_window {
      width: 100%;
      height: auto;
      display: block;
      top: 0;
      position: absolute; }
    #z590 #kv .models {
      width: 60%;
      height: auto;
      margin: auto;
      z-index: 5;
      /* transform: translate(0, -300%);  */
    }
    #z590 #kv .rocket {
      width: 33%;
      height: auto;
      position: absolute;
      bottom: 27%;
      left: 5%; 
    }
    #z590 #kv .slogan {
      width: 80%;
      height: auto;
      font-weight: bold;
      text-align: center;
      margin: auto;
      /* transform: translate(0, 100%); */
      text-transform: uppercase; }
      #z590 #kv .slogan img {
        width: 50%;
        height: 50%; }
      #z590 #kv .slogan h2, #z590 #kv .slogan ul {
        font-size: 4rem;
        color: white;
        text-align: center; }
      #z590 #kv .slogan ul {
        width: 60%;
        height: auto;
        display: inline-flex;
        flex-direction: row;
        text-align: center; }
        #z590 #kv .slogan ul li {
          width: 33%;
          height: auto;
          font-size: 1.5rem;
          font-family: "Sarpanch", sans-serif;
          position: relative; }
          #z590 #kv .slogan ul li::before {
            width: 1px;
            height: 50%;
            content: "";
            border-right: 1px solid white;
            position: absolute;
            display: inline-block;
            left: 0;
            top: 25%; }
          #z590 #kv .slogan ul li:first-child::before {
            content: none; }
  #z590 #video {
    width: 100%;
    height: auto; }
    #z590 #video .detail {
      position: relative;
      text-align: center; }
      #z590 #video .detail .video_detail {
        width: 60vw;
        height: calc((60vw / 16) * 9);
        display: inline-block;
        position: relative;
        /* margin-top: 15rem; */
        z-index: 1; }
        #z590 #video .detail .video_detail iframe {
          width: 60vw;
          height: calc((60vw / 16) * 9); }
        #z590 #video .detail .video_detail .border {
          width: 100%;
          height: 100%;
          border-width: 2px;
          border-style: solid;
          -o-border-image: linear-gradient(45deg, #159a82 0%, #49e6c9 50%, #159a82 100%);
             border-image: linear-gradient(45deg, #159a82 0%, #49e6c9 50%, #159a82 100%);
          border-image-slice: 1;
          position: absolute;
          top: 5%;
          right: -5%;
          z-index: -1; }
  #z590 #features {
    width: 100%;
    height: auto; }
    #z590 #features .detail {
      margin: auto;
      overflow: hidden; }
      #z590 #features .detail ul.features_nav {
        width: 100%;
        height: auto;
        text-align: center;
        display: inline-block;
        z-index: 5;
        margin: 30px auto; }
        #z590 #features .detail ul.features_nav .active::before {
          top: -5px;
          left: -5px;
          transition: all 0.35s cubic-bezier(0.75, 0, 0.25, 1); }
        #z590 #features .detail ul.features_nav .active::after {
          bottom: -5px;
          right: -5px;
          transition: .3s ease-in-out; }
        #z590 #features .detail ul.features_nav .active span {
          background-color: rgba(73, 230, 201, 0.2); }
          #z590 #features .detail ul.features_nav .active span::before {
            bottom: -5px;
            left: -5px;
            transition: .3s ease-in-out; }
          #z590 #features .detail ul.features_nav .active span::after {
            top: -5px;
            right: -5px;
            transition: .3s ease-in-out; }
        #z590 #features .detail ul.features_nav li {
          width: calc(100% / 4 - 35px);
          height: auto;
          display: inline-flex;
          position: relative;
          margin: auto 15px;
          cursor: pointer; }
          #z590 #features .detail ul.features_nav li:hover {
            -webkit-animation: 0.1s flicker;
                    animation: 0.1s flicker;
            -webkit-animation-iteration-count: 1.5;
                    animation-iteration-count: 1.5; }
            #z590 #features .detail ul.features_nav li:hover::before {
              top: -5px;
              left: -5px;
              transition: .3s ease-in-out; }
            #z590 #features .detail ul.features_nav li:hover::after {
              bottom: -5px;
              right: -5px;
              transition: .3s ease-in-out; }
            #z590 #features .detail ul.features_nav li:hover span, #z590 #features .detail ul.features_nav li:hover a {
              background-color: rgba(73, 230, 201, 0.2); }
              #z590 #features .detail ul.features_nav li:hover span::before, #z590 #features .detail ul.features_nav li:hover a::before {
                bottom: -5px;
                left: -5px;
                transition: .3s ease-in-out; }
              #z590 #features .detail ul.features_nav li:hover span::after, #z590 #features .detail ul.features_nav li:hover a::after {
                top: -5px;
                right: -5px;
                transition: .3s ease-in-out; }
          #z590 #features .detail ul.features_nav li::before {
            width: 10px;
            height: 10px;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            border-top: 1px solid #49e6c9;
            border-left: 1px solid #49e6c9;
            z-index: 1; }
          #z590 #features .detail ul.features_nav li::after {
            width: 10px;
            height: 10px;
            content: "";
            position: absolute;
            bottom: 0;
            right: 0;
            border-bottom: 1px solid #49e6c9;
            border-right: 1px solid #49e6c9; }
        #z590 #features .detail ul.features_nav span {
          width: 100%;
          height: auto;
          display: inline-block;
          color: #49e6c9;
          text-align: center;
          padding: 1rem 0;
          background-color: rgba(51, 51, 51, 0.5);
          position: relative;
          transition: .3s ease-in-out; }
          #z590 #features .detail ul.features_nav span::before {
            width: 10px;
            height: 10px;
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            border-bottom: 1px solid #49e6c9;
            border-left: 1px solid #49e6c9; }
          #z590 #features .detail ul.features_nav span::after {
            width: 10px;
            height: 10px;
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            border-top: 1px solid #49e6c9;
            border-right: 1px solid #49e6c9; }
      #z590 #features .detail .features_detail {
        width: 100%;
        height: 100%;
        position: relative;
        left: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 0;
        min-width: 0;
        transition: .3s ease-in-out;
        margin-top: 5%; }
        #z590 #features .detail .features_detail .feature {
          width: 100%;
          height: 100%;
          position: relative;
          display: inline-block;
          white-space: normal;
          font-size: 16px;
          vertical-align: top; }
        #z590 #features .detail .features_detail [class^="feature"] {
          display: inline-flex;
          flex-direction: row;
          position: relative;
          padding-bottom: 5rem; }
          #z590 #features .detail .features_detail [class^="feature"]:nth-child(even) {
            flex-direction: row-reverse; }
            #z590 #features .detail .features_detail [class^="feature"]:nth-child(even) .feature_img {
              left: 0; }
            #z590 #features .detail .features_detail [class^="feature"]:nth-child(even) .feature_text {
              margin-right: 10px;
              justify-content: flex-end; }
              #z590 #features .detail .features_detail [class^="feature"]:nth-child(even) .feature_text::before {
                width: 10px;
                height: 10px;
                content: "";
                position: absolute;
                background: #0c5749;
                border: 2px solid #49e6c9; }
              #z590 #features .detail .features_detail [class^="feature"]:nth-child(even) .feature_text::after {
                width: 10px;
                height: 10px;
                content: "";
                position: absolute;
                background: #0c5749;
                border: 2px solid #49e6c9; }
              #z590 #features .detail .features_detail [class^="feature"]:nth-child(even) .feature_text::before {
                top: -5px;
                right: -5px;
                left: auto;
                animation: 5s cube-move-left2 infinite ease-in-out alternate-reverse; }
              #z590 #features .detail .features_detail [class^="feature"]:nth-child(even) .feature_text::after {
                bottom: -5px;
                left: -5px;
                right: auto;
                animation: 5s cube-move-right2 infinite ease-in-out alternate-reverse; }
          #z590 #features .detail .features_detail [class^="feature"] .feature_img {
            width: 60%;
            height: auto;
            z-index: 2;
            position: absolute;
            right: 5px;
            display: inline-block; }
            #z590 #features .detail .features_detail [class^="feature"] .feature_img img {
              width: 100%;
              height: 100%;
              border-width: 2px;
              border-style: solid;
              -o-border-image: linear-gradient(45deg, #159a82 0%, #49e6c9 50%, #159a82 100%);
                 border-image: linear-gradient(45deg, #159a82 0%, #49e6c9 50%, #159a82 100%);
              border-image-slice: 1; }
            #z590 #features .detail .features_detail [class^="feature"] .feature_img iframe {
              width: 100%;
              height: 100%;
              border-width: 2px;
              border-style: solid;
              -o-border-image: linear-gradient(45deg, #159a82 0%, #49e6c9 50%, #159a82 100%);
                 border-image: linear-gradient(45deg, #159a82 0%, #49e6c9 50%, #159a82 100%);
              border-image-slice: 1;
              position: absolute;
              left: 0;
              top: 0; }
          #z590 #features .detail .features_detail [class^="feature"] .feature_text {
            width: 80%;
            height: auto;
            border-width: 2px;
            border-style: solid;
            -o-border-image: linear-gradient(45deg, #159a82 0%, #49e6c9 50%, #159a82 100%);
               border-image: linear-gradient(45deg, #159a82 0%, #49e6c9 50%, #159a82 100%);
            border-image-slice: 1;
            justify-content: start;
            top: 10%;
            margin-left: 10px;
            color: white;
            padding: 4rem 0;
            flex-direction: row;
            z-index: 0;
            background: rgba(51, 51, 51, 0.5); }
            #z590 #features .detail .features_detail [class^="feature"] .feature_text::before {
              width: 10px;
              height: 10px;
              content: "";
              position: absolute;
              background: #0c5749;
              border: 2px solid #49e6c9; }
            #z590 #features .detail .features_detail [class^="feature"] .feature_text::after {
              width: 10px;
              height: 10px;
              content: "";
              position: absolute;
              background: #0c5749;
              border: 2px solid #49e6c9; }
            #z590 #features .detail .features_detail [class^="feature"] .feature_text::before {
              top: -5px;
              left: -5px;
              animation: 5s cube-move-left infinite ease-in-out alternate-reverse; }
            #z590 #features .detail .features_detail [class^="feature"] .feature_text::after {
              bottom: -5px;
              right: -5px;
              animation: 5s cube-move-right infinite ease-in-out alternate-reverse; }
            #z590 #features .detail .features_detail [class^="feature"] .feature_text ul {
              width: 50%;
              height: auto;
              margin: 0;
              left: 0;
              padding: 0 30px; }
            #z590 #features .detail .features_detail [class^="feature"] .feature_text h3 {
              font-weight: bold;
              color: #49e6c9;
              font-size: 3rem; }
  #z590 #gaming_series, #z590 #pro_series {
    width: 100%;
    height: auto; }
    #z590 #gaming_series [class*="_story"], #z590 #pro_series [class*="_story"] {
      width: 100%;
      height: 100%;
      position: relative;
      display: inline-flex; }
      #z590 #gaming_series [class*="_story"] [class*="_img"], #z590 #pro_series [class*="_story"] [class*="_img"] {
        width: 80%;
        height: auto; }
      #z590 #gaming_series [class*="_story"] [class*="_text"], #z590 #pro_series [class*="_story"] [class*="_text"] {
        width: 30%;
        height: auto;
        color: white;
        background: rgba(73, 230, 201, 0.1);
        padding: 2rem;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
        #z590 #gaming_series [class*="_story"] [class*="_text"]::before, #z590 #pro_series [class*="_story"] [class*="_text"]::before {
          width: 100%;
          height: 100%;
          content: "";
          background: #49e6c9;
          position: absolute;
          left: 2.5%;
          top: 5%;
          opacity: .2;
          transition: .3s ease-in-out;
          box-shadow: 0 0 10px #49e6c9;
          z-index: -1; }
        #z590 #gaming_series [class*="_story"] [class*="_text"]:hover::before, #z590 #pro_series [class*="_story"] [class*="_text"]:hover::before {
          left: 0;
          top: 0; }
    #z590 #gaming_series .mpg_story, #z590 #gaming_series .pro_story, #z590 #pro_series .mpg_story, #z590 #pro_series .pro_story {
      justify-content: flex-end; }
      #z590 #gaming_series .mpg_story [class*="_text"], #z590 #gaming_series .pro_story [class*="_text"], #z590 #pro_series .mpg_story [class*="_text"], #z590 #pro_series .pro_story [class*="_text"] {
        left: 0; }
    #z590 #gaming_series [class*="models_group"], #z590 #pro_series [class*="models_group"] {
      position: relative; }
      #z590 #gaming_series [class*="models_group"] [class*="models_items"], #z590 #pro_series [class*="models_group"] [class*="models_items"] {
        width: 100%;
        height: auto;
        margin: 10rem auto;
        padding: 5% 0;
        color: white;
        left: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 0;
        min-width: 0;
        transition: .3s ease-in-out;
        position: relative; }
        #z590 #gaming_series [class*="models_group"] [class*="models_items"] .model_detail, #z590 #pro_series [class*="models_group"] [class*="models_items"] .model_detail {
          width: calc(100% / 4);
          height: auto;
          padding: 30px 15px;
          position: relative;
          z-index: 1;
          text-align: center;
          display: inline-flex;
          flex-direction: column;
          font-size: 16px;
          white-space: normal;
          vertical-align: top; }
          #z590 #gaming_series [class*="models_group"] [class*="models_items"] .model_detail .model_img, #z590 #pro_series [class*="models_group"] [class*="models_items"] .model_detail .model_img {
            width: 100%;
            height: auto;
            position: relative; }
            #z590 #gaming_series [class*="models_group"] [class*="models_items"] .model_detail .model_img img, #z590 #pro_series [class*="models_group"] [class*="models_items"] .model_detail .model_img img {
              width: 100%;
              height: auto;
              position: absolute;
              max-width: 280px;
              left: 50%;
              transform: translateX(-50%); }
          #z590 #gaming_series [class*="models_group"] [class*="models_items"] .model_detail .model_text, #z590 #pro_series [class*="models_group"] [class*="models_items"] .model_detail .model_text {
            width: 100%;
            height: auto;
            border-width: 2px;
            border-style: solid;
            -o-border-image: linear-gradient(45deg, #159a82 0%, #49e6c9 50%, #159a82 100%);
               border-image: linear-gradient(45deg, #159a82 0%, #49e6c9 50%, #159a82 100%);
            border-image-slice: 1;
            display: inline-flex;
            flex-direction: column;
            background: #333;
            padding: 200px 2rem 2rem;
            margin-top: 150px;
            box-shadow: 0 0 10px #0c5749; }
            #z590 #gaming_series [class*="models_group"] [class*="models_items"] .model_detail .model_text h3, #z590 #pro_series [class*="models_group"] [class*="models_items"] .model_detail .model_text h3 {
              font-weight: bold;
              color: #49e6c9; }
            #z590 #gaming_series [class*="models_group"] [class*="models_items"] .model_detail .model_text p, #z590 #pro_series [class*="models_group"] [class*="models_items"] .model_detail .model_text p {
              text-align: left;
              padding: 5px  0; }
            #z590 #gaming_series [class*="models_group"] [class*="models_items"] .model_detail .model_text .more, #z590 #pro_series [class*="models_group"] [class*="models_items"] .model_detail .model_text .more {
              width: 100%;
              height: auto; }
          #z590 #gaming_series [class*="models_group"] [class*="models_items"] .model_detail .coming, #z590 #pro_series [class*="models_group"] [class*="models_items"] .model_detail .coming {
            padding: 2rem; }
      #z590 #gaming_series [class*="models_group"] .models_arrow, #z590 #pro_series [class*="models_group"] .models_arrow {
        width: 100%;
        height: auto;
        display: inline-flex;
        justify-content: space-between;
        margin: auto;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        transform: translate(-50%, -50%); }
        #z590 #gaming_series [class*="models_group"] .models_arrow .arrow_prev, #z590 #gaming_series [class*="models_group"] .models_arrow .arrow_next, #z590 #pro_series [class*="models_group"] .models_arrow .arrow_prev, #z590 #pro_series [class*="models_group"] .models_arrow .arrow_next {
          width: 50px;
          height: 50px;
          font-size: 4rem;
          background: #333;
          border-radius: 50%;
          border: 1px solid #49e6c9;
          position: relative;
          cursor: pointer; }
        #z590 #gaming_series [class*="models_group"] .models_arrow .arrow_prev:before, #z590 #gaming_series [class*="models_group"] .models_arrow .arrow_next:after, #z590 #pro_series [class*="models_group"] .models_arrow .arrow_prev:before, #z590 #pro_series [class*="models_group"] .models_arrow .arrow_next:after {
          width: 1.5rem;
          height: 1.5rem;
          content: "";
          border-top: 2px solid #49e6c9;
          border-right: 2px solid #49e6c9;
          position: absolute;
          top: 1.7rem; }
        #z590 #gaming_series [class*="models_group"] .models_arrow .arrow_prev, #z590 #pro_series [class*="models_group"] .models_arrow .arrow_prev {
          margin-left: -5%; }
          #z590 #gaming_series [class*="models_group"] .models_arrow .arrow_prev::before, #z590 #pro_series [class*="models_group"] .models_arrow .arrow_prev::before {
            transform: rotate(225deg);
            right: 1.3rem; }
        #z590 #gaming_series [class*="models_group"] .models_arrow .arrow_next, #z590 #pro_series [class*="models_group"] .models_arrow .arrow_next {
          margin-right: -5%; }
          #z590 #gaming_series [class*="models_group"] .models_arrow .arrow_next::after, #z590 #pro_series [class*="models_group"] .models_arrow .arrow_next::after {
            transform: rotate(45deg);
            left: 1.3rem; }
  #z590 #pro_series .detail {
    padding-top: 0; }
  #z590 #gaming_series .detail {
    padding-bottom: 0; }

@media all and (max-width: 1600px) {
  #z590 #kv {
    padding-top: 4%; 
  }
    #z590 #kv .mouse {
      bottom: 10%; }
    #z590 #kv .rocket_window {
      width: 120%;
      height: auto;
      left: -10%; }
    #z590 #kv .rocket {
      bottom: 27%; }
    #z590 #kv .slogan ul {
      width: 80%;
      height: auto; }
    #z590 #kv .models {
      /* transform: translate(0, -300%);  */
    }
  #z590 #features .detail .features_detail [class^="feature"] .feature_img {
    width: 55%;
    height: auto; }
  #z590 #features .detail .features_detail [class^="feature"] .feature_text {
    width: 90%;
    height: auto;
    top: 10%; }
    #z590 #features .detail .features_detail [class^="feature"] .feature_text h3 {
      font-size: 2.5rem; }
  #z590 #gaming_series [class*="models_group"] [class*="models_items"] .model_detail, #z590 #pro_series [class*="models_group"] [class*="models_items"] .model_detail {
    width: calc(100% / 3);
    height: auto; } }

@media all and (max-width: 1024px) {

  #z590 {
    background: url(https://storage-asset.msi.com/event/2023/TH/nb-intelGamerDays2023/images/kv-bg-xs.webp) no-repeat;
    background-size: 130%;
    background-position: top center;
    background-color: black; 
  }

  #z590 .detail {
    width: 90%;
    height: auto;
    padding: 15rem 0; }
  #z590 #kv {
    width: 100%;
    height: 100%;
    /* padding-top: 15%;  */
  }
    #z590 #kv .mouse {
      bottom: 20%; }
    #z590 #kv .rocket {
      width: 45%;
      height: auto;
      position: absolute;
      bottom: 5%;
      left: -10%; }
    #z590 #kv .rocket_window {
      width: 150%;
      height: auto;
      left: -25%; }
    #z590 #kv .models {
      width: 80%;
      height: auto;
      margin: auto;
      z-index: 5;
      /* transform: translate(0, -350%);  */
    }
    #z590 #kv .slogan {
      width: 100%;
      height: auto;
      font-weight: bold;
      text-align: center;
      margin: auto;
      /* transform: translate(0, 70%); */
      text-transform: uppercase; }
      #z590 #kv .slogan h2 {
        font-size: 2rem; }
      #z590 #kv .slogan ul {
        width: 100%;
        height: auto; }
  #z590 #features .detail .features_detail [class^="feature"] .feature_text {
    margin-top: 5rem; }
  #z590 #gaming_series [class*="_story"] [class*="_text"], #z590 #pro_series [class*="_story"] [class*="_text"] {
    width: 50%;
    height: auto;
    top: 80%; }
  #z590 #gaming_series [class*="models_group"] [class*="models_items"] .model_detail, #z590 #pro_series [class*="models_group"] [class*="models_items"] .model_detail {
    width: calc(100% / 2);
    height: auto; } }

@media all and (max-width: 640px) {
  #z590 nav ul {
    max-width: 100%; }
  #z590 .detail {
    width: 100%;
    height: auto;
    padding: 2rem 10px; }
  #z590 #kv {
    width: 100%;
    /* height: 100vh; */
    margin-top: 0;
    /* padding-top: 170%; */
    /* background: url(https://storage-asset.msi.com/th/picture/promotion/Intel%20Gamer%20Day%20Gaming/MAIN-KV-BG.jpg) no-repeat; */
    /* background-size: cover; */
    /* background-position: top center;  */
  }
    #z590 #kv .mouse {
      bottom: 25%; }
    #z590 #kv .rocket {
      width: 60%;
      height: auto;
      position: absolute;
      bottom: 30%;
      left: -15%; }
    #z590 #kv .rocket_window {
      width: 130%;
      height: auto;
      left: -20%;
      margin-top: 0; }
    #z590 #kv .models {
      width: 100%;
      height: auto;
      /* transform: translate(0, -400%);  */
    }
    #z590 #kv .slogan {
      width: 100%;
      height: auto; }
      #z590 #kv .slogan ul {
        flex-direction: column; }
        #z590 #kv .slogan ul li {
          width: 100%;
          height: auto;
          padding: 5px 0; }
          #z590 #kv .slogan ul li::before {
            content: none; }
      #z590 #kv .slogan img {
        width: 80%;
        height: 80%; }
      #z590 #kv .slogan h2 {
        font-size: 2rem;
        margin: 0; }
      #z590 #kv .slogan p {
        font-size: 1rem; }
  #z590 #video .detail .video_detail {
    width: 90vw;
    height: calc((90vw / 16) * 9);
    /* margin-top: 5rem;  */
  }
    #z590 #video .detail .video_detail iframe {
      width: 90vw;
      height: calc((90vw / 16) * 9); }
  #z590 #features .detail {
    overflow: visible; }
    #z590 #features .detail ul.features_nav {
      padding-top: 10%; }
      #z590 #features .detail ul.features_nav li {
        width: 100%;
        height: auto;
        margin: 1rem auto; }
    #z590 #features .detail .features_detail [class^="feature"] {
      display: inline-flex;
      flex-direction: column;
      padding: 0 15px; }
      #z590 #features .detail .features_detail [class^="feature"]:nth-child(n) {
        display: inline-flex;
        flex-direction: column; }
        #z590 #features .detail .features_detail [class^="feature"]:nth-child(n) .feature_text {
          margin-left: 0;
          margin-right: 0; }
      #z590 #features .detail .features_detail [class^="feature"] .feature_img, #z590 #features .detail .features_detail [class^="feature"] .feature_text {
        width: 100%;
        height: auto;
        position: relative;
        padding: 0; }
        #z590 #features .detail .features_detail [class^="feature"] .feature_img ul, #z590 #features .detail .features_detail [class^="feature"] .feature_text ul {
          width: 100%;
          height: auto; }
      #z590 #features .detail .features_detail [class^="feature"] .feature_img {
        right: 0; }
      #z590 #features .detail .features_detail [class^="feature"] .feature_text {
        top: -10%;
        padding: 10px 0; }
  #z590 #gaming_series, #z590 #pro_series {
    margin-top: 2rem; }
    #z590 #gaming_series [class*="story"], #z590 #pro_series [class*="story"] {
      flex-direction: column;
      overflow: hidden; }
      #z590 #gaming_series [class*="story"] [class*="img"], #z590 #pro_series [class*="story"] [class*="img"] {
        width: 100%;
        height: auto; }
      #z590 #gaming_series [class*="story"] [class*="text"], #z590 #pro_series [class*="story"] [class*="text"] {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        transform: none; }
    #z590 #gaming_series [class*="models_group"] [class*="models_items"] .model_detail, #z590 #pro_series [class*="models_group"] [class*="models_items"] .model_detail {
      width: 100%;
      height: auto; }
      #z590 #gaming_series [class*="models_group"] [class*="models_items"] .model_detail .model_img img, #z590 #pro_series [class*="models_group"] [class*="models_items"] .model_detail .model_img img {
        top: 0; }
    #z590 #gaming_series [class*="models_group"] .models_arrow .arrow_prev, #z590 #gaming_series [class*="models_group"] .models_arrow .arrow_next, #z590 #pro_series [class*="models_group"] .models_arrow .arrow_prev, #z590 #pro_series [class*="models_group"] .models_arrow .arrow_next {
      margin: 0; } }