@media (max-width: 1225px){
    .List-Nav:first-child {
        padding-right: 20px;
    }
    li.List-Nav{
        padding-right: 24px;
        font-size: 14px;
    }
    
    .image-text-list {
        border-right: 1px solid #c5c5c5;
    }
    button.scroll-right {
        opacity: 1;
    }
    img.icon2-img{
        width: 59px;
        height: 59px;
    }
    span.tiny-text-D19-2 {
      right: 8%;
    }
}

@media (max-width: 1070px){
  
  li.List-Nav{
    padding-right: 20px;
    font-size: 13px;
  }
    span.image-text {
      font-size: 12px;
    }
    span.preview-text {
      font-size: 14px;
    }
    img.icon2-img{
      margin-top: 0.5em;
      width: 55px;
      height: 55px;
    }
    p.D4-text-p{
        font-size: 14px;
        padding-top: 5em;
      }
      p.next-price{
        font-size: 22px;
      }
      
      button.button-1 {
        font-size: 18px;
        min-width: 30px;
        padding: 9px 17px;
      }
      .button-1:hover{
        background: #2997ff;
      }
      a.Learn-link-D4{
          font-size: 22px;
      }
      img.img-D4{
        width: 62em;
        margin-left: 15em;
      }
      img.img-D5{
        width: 80em;
        margin-top: 2.1em;
      }
      p.next-price-D5{
        font-size: 22px;
        padding-bottom: 0.5em;
      }
      div.Div-6 {
        display: block;
      }
      div.Div-6-1{
        padding: 0;
        padding-top: 4em;
      }
      div.D6-img-contanier{
        width: 100%;
        background-color: #fbfbfd
      }
      img.D6-img{
        position: relative;
        left: 35%;
        width: 19.4em;
      }
      .Div7{
        width: 100%;
      }
      div.Div-7 {
        height: 628px; 
        background-position: center;
        background-size: 1048px 628px;
      }
      p.Tour-text{
        color: #fff;
        font-size: 25px;
        line-height: 1.1666666667;
        font-weight: 600;
        letter-spacing: -0.003em;
        font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
        margin-bottom: 20px;
    }
    p.Tour2-text{
        font-size: 49px;
        font-weight: 500;
    }
                                                /* Div 8 */
                                                
    h2.h2-div8-text{
        font-size: 40px;
    }
    div.Div-8-2{
        max-width: 740px;
        grid-template-columns: repeat(2,1fr);
        width: 100%;
    }
    img.Imgs-D8 {
        width: 12em;
        margin-bottom: 11px;
      }
    img.Imgs-D8-I2 {
        width: 11em;
        margin-bottom: 11px;
      }
    img.Imgs-D8-I3 {
        width: 11em;
        margin-bottom: 11px;
      }
    img.Imgs-D8-I4 {
        width: 9.3em;
        margin-bottom: 11px;
      }
    img.Imgs-D8-2 {
        width: 6.8em;
      }
    img.Imgs-D8-3 {
        width: 9.2em;
      }
    img.Imgs-D8-4 {
        width: 10.7em;
      }
    img.Imgs-D8-5 {
        width: 5em;
        position: relative;
      }
    p.color-p-D8{
      height: 4em;
    }
    p.Small-text-D8{
      font-size: 20px;
    }
    p.price-D8{
      font-size: 18px;
    }
    p.price-D8-2{
      font-size: 18px;
    }
    button.button-D8{
      font-size: 13px;
      padding: 5px 14px;
      border-radius: 950px;
    }
    a.Learn-link-D8{
      font-size: 17px;
    }
    p.div8-p-text{
      font-size: 17px;
    } 

    /* Div 9 */
    h2.h2-D9{
      font-size: 42px;
      font-weight: normal;
      text-shadow: -1.04px -1.04px #000;
    }
    div.Div-9{
      max-width: 1240px;
      margin-top: 68px;
      margin-bottom: 1.5em;
      display: grid;
      grid-template-columns: 1fr auto auto;
    }
    div.first-row-D9{
      width: 54.5em;
      height: 29em;
      grid-column: 1 / span 3;
      margin-bottom: 0.6em;
    }
    div.second-row-D9{
      width: 26.8em;
      margin-left: 5em;
    }
    div.third-row-D9{
      width: 26.8em;
      margin-right: 5.2em;
    }
    p.D9-text{
      font-size: 25px;
      padding: 3.6em 5.35em;
      padding-bottom: 10px;
    }
    img.D9-row1-img{
      margin-top: 0;
      width: 100%;
    }

                              /* Div 10 */
    
    div.Div-10 {
      background-size: 1180px 500px;
    }
    h1.D10-h1 {
      font-size: 36px;
    }
    p.D10-text  {
      font-size: 20px;
    }

                              /* Div 11 */

    div.D11-first-row{
      align-items: center;
      text-align: center;
      height: 32.5em;
    }
    div.D11-second-row{
      align-items: center;
      text-align: center;
      height: 32.5em;
    }
    h2.D11-h2 {
      font-size: 35px;
    }
    p.D11-text {
      font-size: 19px;
      padding-right: 1em;
    }
    a.Learn-link-2_2 {
      font-size: 20px;
    }
    img.D11-img {
      padding-top: 5.9em;
      width: 30em;
      margin-right: 2em;
    }

                                      /* Div 12 */

    h2.D12-h2 {
      font-size: 36px;
    }
    img.D12-img {
      width: 37em;
    }
                                      /* Div 13 */

    h3.D13-h2 {
      font-size: 38px;
    }
    div.Div-13-inside {
      width: 1063px;
      height: 470px;
      background-size: 700px 318px;
      background-position-y: 90%;
      background-position-x: 48%;
  }
              /* Div 14 */

    h3.D14-h3 {
      font-size: 21px;
    }
    p.D14-text {
      padding-right: 0;
      font-size: 20px;
    }
                    /* Div 15 */
    
    div.Div-15-inside {
      background-size: 1180px 500px;
    }
    h2.h2-D11 {
      font-size: 44px;
    }
                    /* Div 16 */

    h3.D16-h2 {
      font-size: 37px;
    }
    h3.D16-h2-2 {
      font-size: 37px;
    }
    a.arrow-button {
      font-size: 18px;
      padding: 9px 40px 9px 20px;
    }

                          /* Div 17 */

    div.first-row-D17{
      width: 32em;
      height: 30em;
    }
    div.second-row-D17{
      width: 20em;
      height: 20em;
    }
    img.Div-17-Img-1 {
      width: 26em;
      margin-top: 8em;
    }
    img.Div-17-Img-2 {
      width: 16em;
      margin-top: 2em;
    }
    p.D17-text {
      max-width: 400px;
      font-size: 24px;
      text-shadow: -0.3px -0.2px #000;
    }

                                                          /* Div 18 */

    div.first-row-D18,
    div.second-row-D18{
      width: 31em;
      height: 42em;
    }
    .D18-Img-logo{
      width: 2.1em;
    }
    p.D18-text {
      margin-bottom: 1em;
    }
    .D18-P1-Imgs{
      width: 15em;
    }
    h3.D18-h2_P2{
      margin-top: 1.5em;
      font-size: 35px;
    }
    img.Part-2-logo{
      width: 29px;
    } 
    span.tiny-text-D18S{
      top: -31px;
      right: 100%;
    }
    ul#marqueeContainer_P2 {
      display: flex;
      position: absolute;
      justify-content: center;
      align-items: center;
      width: 49em; 
      height: 45em;
      top: -11em;
      right: -8.5em;
    }

                                          /* Div 19 */

    div.first-row-D19{
      width: 20em;
      height: 32em;
    }
    div.second-row-D19{
      width: 20em;      
      height: 32em;
    }
    h3.D19-h2 {
      margin-top: 0.8em;
    }
    .D19-Img-logo{
      width: 3.3em;
    }
    p.D19-text {
      font-size: 19.4px;
    }
    span.tiny-text-D19-2 {
      right: 9.6%;
    } 
    div.D19-Img-1 {
      padding-top: 0;
    }
    .D19-smalImg {
      width: 27em;
      margin-top: 2.9em;
    }
    .D19-smalImg-2 {
      width: 31.1em;
      margin-top: 0;
    }
    .D19-smalImg-4 {
      width: 31.1em;
      margin-top: 0;
    }
    .D19-smalImg-3 {
      width: 27em;
      margin-top: 0;
    }
    div.D20-Img-4{
      padding-top: 1em;
    }

                                                    /* Div 21 */
    img.D21-img {
      padding-top: 2em;
      left: 57%;
      width: 24.5em;
    }
    h2.D21-h2 {
      font-size: 36px;
      margin-top: 3.8em;
    }
    p.D21-text {
      font-size: 21px;
      width: 14em;
      margin-top: 0.6em;
      margin-left: 4.3em;
      padding-right: 1em;
  }
  div.Div-22 {
    margin: 3em 0.5em 0 0.5em;
  }
  p.D22-Text {
    font-size: 14.3px;
  }
  span.bold {
    font-size: 14.4px;
  }
  a.a-22-link {
    font-size: 14.3px;
  }
  li.D22-li {
    font-size: 14.5px;
  }
  img.Img-23-2 {
    width: 17px;
    height: 17px;
  }
  div.Div-23-2{
    grid-column-gap: 1em; 
  }

}

@media (max-width: 982px){
  p.D24-h3-text{
    padding-bottom: 1.8em;
  }
  .D24-wrapper{
    position: absolute;
    bottom: 2%;
  }
  span.tiny-text-D18S{
    top: -24px;
    right: 125%;
  }

}

@media (max-width: 900px){
  .List-Nav:first-child {
    padding-right: 0;
  }
  li.List-Nav{
      padding-right: 19px;
      font-size: 12px;
  }
  div.first-row-D9 {
    width: 50.5em;
    height: 26em;
  }
  div.Div-9 {
    place-content: center;
  }
  p.D9-text {
    font-size: 25px;
    padding: 2em 5.35em;
    padding-bottom: 10px;
  }
  div.second-row-D9 {
    width: 23.5em;
    margin-left: 7em;
  }
  div.third-row-D9 {
    width: 23.5em;
  }
  div.Div-10 {
    background-size: 1080px 470px;
  }
  p.D11-text {
    font-size: 18px;
    padding-right: 1.2em;
  }
  a.Learn-link-2_2 {
    font-size: 18px;
  }
  h3.D14-h3 {
    font-size: 19px;
  }
  p.D14-text {
    font-size: 17px;
  }
  h2.h2-D11 {
    font-size: 40px;
  }
  div.Div-15-inside {
    background-size: 1100px 460px;
  }
  div.first-row-D16 ,
  div.second-row-D16 {
    height: 26em;
    background-size: 400px 368px;
  }
  div.second-row-D16 {
    margin-top: 1.7em;
  }
  h3.D16-h2 {
    font-size: 30px;
  }
  h3.D16-h2-2 {
    font-size: 30px;
  }
  a.arrow-button {
    font-size: 14px;
    padding: 8px 38px 8px 18px;
  }
  img.D16-Img-2 {
    width: 375px;
    height: 192px;
  }
  div.first-row-D17 {
    width: 29em;
  }
  img.Div-17-Img-1 {
    width: 24em;
    margin-top: 8em;
  }

    /* Div 18 */

  div.first-row-D18,
  div.second-row-D18{
    width: 27em;
    height: 42em;
  }
  p.D18-text {
    font-size: 18px;
  }
  .D18-P1-Imgs{
    width: 15em;
  }
  h3.D18-h2_P2{
    margin-top: 1.5em;
    font-size: 28px;
  }
  img.Part-2-logo{
    width: 24px;
  } 
  span.tiny-text-D18S{
    top: -52px;
    right: 150%;
  }
  div.second-row-D18 .D18-text_P2 {
    font-size: 18px;
  }
  ul#marqueeContainer_P2 {
    top: -9em;
    right: -9.5em;
  }
  
  span.tiny-text-D19-2 {
    right: 11.6%;
  }
  p.D21-text {
    margin-left: 2.9em;
  }
  span.tiny-text-D9 {
    position: absolute;
    top: 31.5%;
    font-size: 1em;
    right: 5.3%;
  }
}

@media (max-width: 830px) {
  .navBar-list {
    justify-content: space-between;
  }
  ul.navBar-list {
    margin-top: 5px;
  }
  li#menu-icon{
    display: block;
  }

  .D1-text {
    display: none; /*:not(:first-child):not(:last-child) => Hide all li elements except the first and last */
  }

  li.List-Nav:nth-child(1) img{
    display: flex;
    position: absolute;
    left: -2%;
    top: -13px;
  }
  li.List-Nav:nth-child(13){
    display: flex;
    position: absolute;
    right: 14%;
  }
  li.List-Nav:nth-child(14){
    display: flex;
    position: absolute;
    right: 7%;
  }
  li.List-Nav:nth-child(15){
    display: flex;
    position: absolute;
    right: 0;
  }
  div.Div-3 p {
    font-size: 19px;
  }
  button.button-1 {
    font-size: 16px;
    padding: 8px 17px;
  }
  a.Learn-link-D4 {
    font-size: 20px;
  }
  img.img-D4 {
    width: 60em;
    margin-left: 9em;
  }
  h2.D5-H2 {
    font-size: 45px;
  }
  p.next-price-D5 {
    font-size: 21px;
  }
  div.Div-7-1 {
    padding-left: 4.5em;
  }
  h1.D10-h1 {
    font-size: 32px;
  }
  p.D10-text {
    font-size: 17px;
  }
  a.Learn-link-2_0 {
    font-size: 19px;
  }
  a.D10-Learn-link-2_0 {
    font-size: 19px;
  }
  div.D11-first-row {
    height: 26.9em;
  }
  div.D11-second-row {
    height: 26.9em;
  }
  h2.D11-h2 {
    font-size: 32px;
  }
  p.D11-text {
    font-size: 17px;
    padding-right: 0.2em;
    margin-left: 3em;
    margin-right: 3em;
  }
  img.D11-img {
    padding-top: 8.2em;
    margin-right: 2.5em;
    width: 25.4em;
  }
  img.D12-img {
    width: 30.2em;
  }
  h3.D13-h2 {
    font-size: 32px;
  }
  h3.D13-h2 {
    font-size: 32px;
  }
  a.D14-Learn-link {
    font-size: 21px;
  }
  h2.h2-D11 {
    font-size: 37px;
  }
  div.Div-15-inside {
    padding-bottom: 392px;
  }
  div.Div-15-inside {
    background-size: 1048px 421px;
  }
  h3.D15-h2 {
    font-size: 32px;
  }
  p.D15-text {
    font-size: 19px;
  }
  img.Div-17-Img-2 {
    width: 12em;
    margin-top: 2em;
  }
  p.D17-text {
    max-width: 297px;
    font-size: 21px;
    margin-right: 1.5em;
  }
  img.MusicListImg{
    width: 16em;
    height: 21em;
  }
  ul div.carousel{
    perspective: 25em; 
  }
  div.first-row-D18,
  div.second-row-D18{
    width: 26em;
    height: 40em;
  }
  ul#marqueeContainer {
    animation: marqueeAnimationChange 120s linear infinite;
    margin-top: 7em; 
  }
  ul#marqueeContainer2 {
    animation: marqueeAnimationChange 100s linear infinite;
    margin-top: 16em;
  }
  @keyframes marqueeAnimationChange {
      0% {
        transform: translate3d(0px, 0px, 0px);
      }
      100% {
        transform: translate3d(-3792px, 0px, 0px);
      }
    }  
  ul#marqueeContainer_P2 {
    top: -9em;
    right: -10.5em;
  }
  .D18-P1-Imgs{
    width: 13em;
  }
  p.PauseButton {
    margin-top: 2em;
  }
  img.D19-Img-logo {
    width: 3em;
  }

  a.Learn-link{
    font-size: 18px;
  }
  a.Learn-link-D18_P2,
  a.Learn-link-D18_P2_2{
    font-size: 18px;
  }
  img.arrow-18-2{
    margin-left: 2px;
    width: 17px;
  }
  img.arrow-3-P2{
    padding-left: 0;
    width: 11px;
  }

  p.D19-text {
    font-size: 17.4px;
  }
  a.Learn-link-D18_P2_2 {
    font-size: 19px;
  }
  span.tiny-text-D18New {
    font-size: 9px;
  }
  span.tiny-text-D18S{
    top: -39px;
    right: 125%;
  }
  img.D19-smalImg-2 {
    width: 26.1em;
    margin-top: 2em;
  }
  img.D19-smalImg-4 {
    width: 26.1em;
    margin-top: 2em;
  }
  img.D21-img {
    left: 51%;
  }
  p.D22-Text {
    font-size: 13.3px;
  }
  span.bold {
    font-size: 13.4px;
  }
  a.a-22-link {
    font-size: 13.3px;
  }

                                /* the down Nav */

  h2.h2-div23-text {
    padding-bottom: 1.4em;
    padding-top: 1.4em;
    border-top: 1px solid #b9b9bd;
    border-bottom: 1px solid #b9b9bd;
  }
  hr.bottom-D23 {
    border: none;
  }
  img.Img-23-2 {
    width: 15px;
    height: 15px;
  }
  div.the-4-div23{
    margin-bottom: 0;
  }
  div.Div-23-2 {
    display: block;
  }
  h4.h4-D23 {
    font-size: 13.5px;
    font-weight: 400;   
    text-shadow: -0.2px -0.2px #f5f3f3;
    color: #302f2f;
  }
  li.theDownDispear1,
  li.theDownDispear2,
  li.theDownDispear3,
  li.theDownDispear4,
  li.theDownDispear5,
  li.theDownDispear6,
  li.theDownDispear7,
  li.theDownDispear8,
  li.theDownDispear9,
  li.theDownDispear10,
  li.theDownDispear11
  {
    display: none;
    padding-left: 1em;
  }
  ul.ul-D23 li a {
    font-size: 14px;
  }
  ul.ul-D23 li:nth-child(2)  {
    font-size: 14px;
    padding-top: 0.5em;
  }
  ul .ul-D23 li {
    margin-top: -8.5em;
  }
  ul .ul-D23 li {
    margin-top: -8.5em;
  }
  ul.ul-D23{
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0.3em 0 0.8em 0.2em;
    border: none;
    border-bottom: 1px solid #b9b9bd;
  }
  span.theFirstPlus{
    padding-top: 0.7em;
  }
  h4.h4-D23 span{
    display: flex;
    position: absolute;
    top: -10%;
    right: 1%;
    font-size: 17px;
  }
  footer{
    margin-top: 1.5em;
  }
  hr.bottom-D24 {
    border: none;
  }
  p.D24-h3-text {
    padding-top: 2.5em;
    padding-bottom: 2em;
  }
  ul.ul-D24 .last-li-2 {
    position: absolute;
    left: -85.5%;
    border: none;
  }
  h3.D24-h3 {
    margin-bottom: 1.2em;
  }
}

@media (max-width: 799px){
  div.Div-10 {
    background-size: 951px 439px;
  }
  p.D11-text {
    margin-left: 1em;
    margin-right: 1em;
  }
  div.Div-13-inside {
    background-size: 647px 299px;
  }
  div.Div-15-inside {
    background-size: 960px 378px;
  }
  div.first-row-D17 {
    width: 27em;
  }
  img.Div-17-Img-1 {
    width: 22em;
    margin-left: 4em;
  }
  a.Learn-link-D17 {
    margin-left: 0.2em;
  }
  div.first-row-D18,
  div.second-row-D18{
    width: 24em;
    height: 37em;
  }
  img.MusicListImg{
    width: 15em;
    height: 19em;
  }
  ul#marqueeContainer_P2 {
    top: -10em;
    right: -11.8em;
  }
  .D18-P1-Imgs{
    width: 12em;
  }
  p.PauseButton {
    margin-top: 1em;
  }
  a.Learn-link{
    font-size: 18px;
  }
  a.Learn-link-D18_P2,
  a.Learn-link-D18_P2_2{
    font-size: 18px;
  }
  img.arrow-18-2{
    margin-left: 2px;
    width: 17px;
  }
  img.arrow-3-P2{
    padding-left: 0;
    width: 11px;
  }
  ul div.carousel{
    perspective: 20em; 
  }
  ul#marqueeContainer {
    animation: marqueeAnimationChange 120s linear infinite;
    margin-top: 5em; 
  }
  ul#marqueeContainer2 {
    animation: marqueeAnimationChange 100s linear infinite;
    margin-top: 13em;
  }
  @keyframes marqueeAnimationChange {
      0% {
        transform: translate3d(0px, 0px, 0px);
      }
      100% {
        transform: translate3d(-3572px, 0px, 0px);
      }
    }   
  span.tiny-text-D18S{
    top: -27px;
    right: 125%;
    font-size: 9px;
  } 
  img.D21-img {
    padding-top: 4.5em;
    left: 52%;
    width: 22.5em;
  }
  div.D21-first-row {
    height: 26.5em;
  }
  h2.D21-h2 {
    font-size: 34px;
    margin-top: 4.8em;
  }
  p.D21-text {
    margin-left: 1.7em;
  }
  span.tiny-text-D19 {
    top: -8px;
    right: 2%;
    font-size: 9px;
  }
  span.tiny-text-D19-2 {
    right: 12.6%;
    font-size: 10px;
  }
  .D19-smalImg-3 {
    width: 25em;
  }
  img.D19-smalImg-2 {
    width: 23.1em;
  }
  img.D19-smalImg-4 {
    width: 23.1em;
  }
}

@media (max-width: 730px){
  div#theDispear {
    display: block;
    overflow: hidden;
  }
  div.Div-3 p {
    font-size: 14px;
    padding: 15px;
  }
  span.tiny-text {
    top: -7px;
    font-size: 8px;
  }
  a.shop-link::after {
    font-size: 15px;
  }
  a.shop-link {
    display: block;
    padding-top: 3px;
  }
  img.iPhone-img3 {
    width: 9em;
  }
  img.iPhone-img3-2 {
    width: 17em;
  }
  p.D4-text-p {
    padding-top: 2em;
  }
  p.next-price {
    font-size: 18px;
  }
  span.tiny-text-D4 {
    top: -7px;
    right: 0.6%;
    font-size: 9px;
  }
  button.button-1 {
    font-size: 13px;
  }
  a.Learn-link-D4 {
    font-size: 18px;
    position: relative;
    padding-right: 0.9em;
  }
  img.arrow-3 {
    position: absolute;
    right: 4px;
    top: 5px;
  }
  img.img-D4 {
    width: 9.5em;
    margin-left: 1em;
    margin-bottom: -1.2em;
  }
  img.iPhone-img3-3 {
    width: 6em;
  }
  h2.D5-H2 {
    font-size: 37px;
  }
  p.next-price-D5 {
    font-size: 18px;
  }
  span.tiny-text-D5 {
    top: -6px;
    font-size: 9px;;
  }
  a.Learn-link-2_0 {
    font-size: 18px;
  }
  a.arrow-D6 {
    padding-bottom: 0;
    padding-left: 3px;
  }
  img.img-D5 {
    width: 50em;
  }
  div.Div-6 {
    margin-bottom: 12em;
  }
  img.iPhone-img3 {
    width: 6em;
  }
  p.Love-Power-text {
    font-size: 37px;
  }
  .Div7-container{
    width: 100%;
    height: 34em;
    position: relative;
  }
  div.Div-7-1 {
    padding-left: 0;
    position: absolute;
    top: -32%;
  }
  div.Div-7 {
    height: 0;
    background: none;
    background-position: center;
    margin-top: 13em;
  }
  p.Tour-text {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 12px;
  }
  p.Tour2-text {
    font-size: 41px;
    font-weight: 500;
    color: #000;
    line-height: 1.063493;
  }
  div.Div-7 > div {
    flex: none;
  }
  div.theCenterD7{
    display: flex;
    text-align: center;
    justify-content: center;
    width: 100%;
  }
  button.Tour-button {
    margin: 0;
    color: #06c;
    margin-top: 14px;
    font-size: 18px;
    position: relative;
    padding-right: 2em;
  }
  button.Tour-button:hover {
    background: none;
  }
  .D7-ButtonImg{
    position: absolute;
    top: 22%;
    padding-left: 4px;
  }
  .D7-DownImg{
    top: -10em;
    width: 50em;
    margin-left: 0.2em;
    margin-top: 4em;
  }
  h2.h2-div8-text {
    font-size: 32px;
  }
  h2.h2-D9 {
    font-size: 33px;
    padding-top: 2em;
  }
  div.Div-9-11 {
    padding: 0;
    padding-bottom: 1em;
  }
  div.Div-9 {
    display: block;
  }
  div.second-row-D9 {
    width: 100%;
    margin: 2em 0;
  }
  div.third-row-D9 {
    width: 100%;
    margin: 0;
  }
  p.D9-text {
    font-size: 24px;
    padding-bottom: 14px;
    max-width: 523px;
  }
  div.first-row-D9 {
    width: 100%;
    height: 29em;
  }
  img.D9-row1-img {
    width: 100%;
    margin-top: 2em;
  }
  .D9-R2-p{
    display: flex;
    justify-content: center;
  }
  p.D9-text2 {
    font-size: 24px;
    max-width: 316px;
  }
  span.tiny-text-D9 {
    right: 29.5%;
  }
  img.D9-row3-img {
    margin-top: 3.1em;
  }
  div.Div-10 {
    margin-top: 0em;
    margin-left: 0;
    height: 675px;
    position: relative;
    background: #fff;
    display: flex;
    flex-direction: column;
}
  .D10-upImg{
    width: 100%;
    margin-top: -39px;
  }
  .D10-downImg{
    width: 100%;
    margin-top: auto;
  }
  .D10InsideText{
    position: absolute;
    width: 100%;
    top: 18%;
  }
  h1.D10-h1 {
    font-size: 28px;
    width: 10em;
    position: absolute;
  }
  p.D10-text {
    font-size: 17px;
    width: 13em;
    position: absolute;
    top: 10em;
  }
  a.D10-Learn-link-2_0{
    position: absolute;
    top: 20em;
    margin-left: 0;
  }
  h2.h2-D11 {
    font-size: 32px;
    width: 10em;
  }
  div.Div-11 {
    display: block;
  }
  h2.D11-h2 {
    font-size: 32px;
    margin-top: 1.5em;
  }
  p.D11-text {
    margin-left: 0;
    margin-right: 0;
    width: 15em;
  }
  a.Learn-link-2_2 {
    font-size: 17px;
  }
  div.D11-first-row {
    height: 14.5em;
  }
  div.D11-second-row {
    height: 13.4em;
    width: 100%;
  }
  img.D11-img {
    margin-right: 0;
    padding: 0;
    width: 18.4em;
  }
  h2.D12-h2 {
    font-size: 36px;
  }
  .the-Div-11-Inside{
    position: relative;
    top: -182%;
  }
  div.D11-second-row-2{
    height: 23.6em;
    position: relative;
  }
  img.D12-img {
    width: 52em;
    position: absolute;
    bottom: -21em;
    right: 1em;
  }
  div.Div-13-inside {
    background-size: 501px 236px;
  }
  h3.D13-h2 {
    font-size: 31px;
  }
  div.Div-14 {
    position: relative;
  }
  div.first-row-D14, div.second-row-D14{
    margin-bottom: 18em;
  }
  div.third-row-D14 {
    position: absolute;
    bottom: -5%;
    right: 29%;
  }
  div.Div-15-inside {
    height: 44em;
    background-position: center;
    background-size: 736px 620px;
  }
  div.Div-16 {
    display: block;
    overflow: hidden;
  }
  div.first-row-D16, div.second-row-D16 {
    width: 100%;
    margin: 0;
    height: 33em;
    position: relative;
  }
  h3.D16-h2 {
    margin-top: 0.7em;
    padding-top: 1.5em;
  }
  img.D16-Img-3 {
    width: 24em;
  }
  img.D16-Img-2 {
    width: 53em;
    height: 19em;
    position: absolute;
    bottom: 0;
  }
  div.Div-17 {
    display: block;
    position: relative;
  }
  div.first-row-D17 {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 14em;
  }
  img.Div-17-Img-1 {
    margin-left: 0;
    position: absolute;
    bottom: 14%;
  }
  .D17-top-R2{
    position: absolute;
    top: 1em;
    width: 92%;
  }
  img.Div-17-Img-2 {
    width: 7em;
    margin-top: 1.6em;
  }
  p.D17-text {
    max-width: 349px;
    font-size: 20px;
    margin: 14px 0.5em 10px 0;
  }
  a.Learn-link-D17 {
    margin-left: 1.2em;
  }
  img.arrow-2 {
    padding-bottom: 0;
  }
  img.arrow-D6 {
    padding-bottom: 0;
  }

  /* Div 18 */
  div.Div-18 {
    display: block;
    width: 100%;
    margin: 0;
  }
  div.first-row-D18,
  div.second-row-D18{
    width: 100%;
    height: 37em;
    margin-top: 1em;
  }
  ul#marqueeContainer_P2 {
    /* top: -10em; */
    width: 100%;
    right: 0.5em;
  }
  a.arrow-button-D18 p.D18-vedio-button {
    margin-left: 6em;
  }
  a.arrow-button-D18_P2 p.D18-vedio-button {
    margin-left: 7.5em;
  }
  ul div.carousel{
    perspective: 56em; 
  }
  span.tiny-text-D18S{
    right: -2.5em;
  }

  div.Div-19 {
    display: block;
  }
  div.first-row-D19,
  div.second-row-D19  {
    width: 100%;
    height: 36.3em;
    margin: 1.5em 0;
  }
  div.D19-Img-1 {
    position: relative;
  }
  img.D19-smalImg {
        width: auto;
    /* height: 20em; */
    margin-top: 4.2em;
  }
  span.tiny-text-D19 {
    right: 1%;
  }
  img.D19-smalImg-2 {
    width: 100%;
    margin-top: 4em;
  } 
  span.tiny-text-D19-2 {
    right: 5.5%;
  }
  img.D19-smalImg-3 {
    width: 33em;
  }
  img.D19-smalImg-4 {
    width: 100%;
    margin-top: 3em;
  }
  div.Div-21 {
    display: block;
  }
  div.D21-first-row {
    height: 7em;
    width: 100%;
  }
  h2.D21-h2 {
    font-size: 30px;
    margin-top: 1.8em;
  }
  p.D21-text {
    margin-left: 10em;
}
  p.D21-text {
    margin-left: 1em;
    font-size: 19px;
  }
  .D21-center-text{
    display: flex;
    width: 100%;
    justify-content: center;
  }
  div.D21-second-row {
    align-items: center;
    text-align: center;
    width: 100%;
    height: 25.5em;
    display: flex;
    justify-content: center;
  }
  img.D21-img {
    padding-top: 0;
    left: auto;
    width: auto;
    position: absolute;
    bottom: 0;
  }
  div.Div-22 {
    margin: 3em 1.5em 0 2em;
  }
  ul.ul-D24 li a {
    margin-right: 10px;
  } 
  .D8-link-center{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  a.shop-link-D8 {
    margin-right: 0;
  }
  .D10InsideText-2{
    display: flex;
    justify-content: center;
  }
  .D9-11-theCenters{
    display: flex;
    justify-content: center;
  }

}

@media (max-width: 700px){
  ul.ul-D24 .last-li-2 {
    left: -83.5%;
  }
  span.tiny-text-D9 {
    right: 27.5%;
  }
}

@media (max-width: 663px){
  span.tiny-text-D18S{
    right: -1.8em;
  }
  span.tiny-text-D19-2 {
    right: 6%;
  }
  ul.ul-D24 .last-li-2 {
    left: -82.7%;
  }
}

@media (max-width: 645px){
  span.tiny-text-D9 {
    right: 25.5%;
  }
}

@media (max-width: 600px){
  ul.ul-D24 .last-li-2 {
    left: -81%;
  }
  p.D9-text {
    font-size: 25px;
    padding: 2em 2.8em;
    padding-bottom: 10px;
  }
  span.tiny-text-D9 {
    right: 23.5%;
  }
}

@media (max-width: 577px){
  div.Div-14 {
    display: block;
  }
  div.first-row-D14 {
    margin-bottom: 0;
    width: 100%;
  }
  div.second-row-D14 {
    margin-bottom: 0;
    margin-top: 1em;
    width: 100%;
  }
  div.third-row-D14 {
    position: relative;
    width: 100%;
    right: 0;
  }
  p.D14-text {
    font-size: 17px;
    width: 15em;
  }
  span.tiny-text-D18S{
    right: -0.8em;
  }
  span.tiny-text-D19-2 {
    right: 7.2%;
  }
  h3.D24-h3 {
    text-align: left;
    display: block;
  }
  ul.ul-D24 .last-li-2 {
    left: 0;
    top: 0;
  }
  ul.ul-D24 {
    flex-wrap: wrap;
  }
  li.D1-close-img {
    left: 88%;
  }
}

@media (max-width: 549px){
  span.tiny-text-D9 {
    right: 21%;
 }
}

@media (max-width: 498px){
  ul.ul-D24 {
    margin-top: 2em;
  }
  li.List-Nav:nth-child(13) {
    right: 23%;
  }
  li.List-Nav:nth-child(14) {
    right: 11%;
  }
}

@media (max-width: 475px){
  span.tiny-text-D18S{
    right: -0.2em;
  }
}

@media (max-width: 465px){
  span.tiny-text-D19-2 {
    right: 9%;
  } 
  img.D19-smalImg-3 {
    width: 29em;
  }
}

@media (max-width: 420px){
  span.tiny-text-D19-2 {
    right: 10.4%;
  }
  img.D19-smalImg-3 {
    width: 29em;
  }
  span.tiny-text-D18S{
    right: 0.2em;
  }

}
@media (max-width: 400px){
  
  body{  
    min-width: 390px;
  }
  p.D9-text {
    padding: 2em 1.8em;
  }
  img.D6-img {
    left: 22%;
  }
  img.D9-row1-img {
    width: 118%;
    padding-right: 3em;
    margin-top: 4em;
  }
  span.tiny-text-D9 {
    right: 11.5%;
  }
  
}
@media (max-width: 375px){
  body{  
    min-width: 282px;
  }
  div.Div-8-2 {
    grid-template-columns: auto;
  }
  span.tiny-text-D18S{
    right: 0.9em;
  }
  span.tiny-text-D19-2 {
    right: 11.3%;
  }
  img.D19-smalImg-3 {
    width: 23em;
  }
}
@media (max-width: 301px){
  img.D19-smalImg {
    width: 21em;
    /* height: 20em; */
    margin-top: 5.2em;
}
  span.tiny-text-D18S{
    right: 1.7em;
  }
  span.tiny-text-D19-2 {
    right: 14.3%;
  }
  img.D19-smalImg-3 {
    width: 23em;
  }
  ul.ul-D24 {
    margin-top: 3em;
  }
  .arrow-button-D18 p.D18-vedio-button {
    position: absolute;
    top: 50%;
    margin-left: 4.5em;
  }
}