body {
    overflow-x: hidden;
    width: 100vw;
  }

  .heading-banner {
    font-style: normal !important;
  }

  #panorama {
    height: 500px;
    width: 100%;
  }

  .pnlm-about-msg {
    display: none !important;
  }

  @keyframes glow {
    from {
      -webkit-filter: drop-shadow(0px 0px 0px black);
    }

    to {
      -webkit-filter: drop-shadow(0px 0px 12px black);
    }
  }

  .glow-car {
    animation-duration: 1s;
    animation-name: glow;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }

  .find-out-more-banner-axia {
    margin-left: 20px;
    width: 320px !important;
  }

  .red-button-big.view-details:hover {
    filter: drop-shadow(0 0 0.75rem #fff);
  }

  /* .floating-link {
    cursor: pointer;
    position: absolute;
    z-index: 99;
  } */

  .axia-psda-link {
    width: 19%;
    height: 5%;
    top: 76%;
    left: 42%;
    background: transparent;
  }

  .axia-user-guide-eng {
    width: 17%;
    height: 5%;
    top: 76%;
    left: 61%;
    background: transparent;
  }

  .axia-user-guide-bm {
    width: 17%;
    height: 5%;
    top: 76%;
    left: 78%;
    background: transparent;
  }

  .seoContainer {
    top: 0%;
    width: 100%;
    color: #ffffff;
  }

  .seo-div {
    display: flex;
    flex-direction: row;
  }

  .safety-seo-div1 {
    margin: 4% 5% 0 20%;
  }

  .safety-seo-div1 .safety-seo-col {
    padding: 4% 1% 0 4%;
  }

  .safety-seo-div1 .safety-seo-col1 {
    width: 28%;
  }

  .safety-seo-div1 .safety-seo-col2 {
    width: 27.5%;
    padding-left: 2%;
  }

  .safety-seo-div1 .safety-seo-col3 {
    width: 25%;
    padding-left: 1%;
  }

  .safety-seo-div1 .safety-seo-col4 {
    width: 19.5%;
    padding-left: 2%;
  }

  .safety-seo-div2 {
    margin: 30% 6% 0 6%;
  }

  .safety-seo-div2 .safety-seo-col {
    display: flex;
    flex-direction: row;
    text-align: center;
    margin: 0;
    padding-top: 4%;
  }

  .safety-seo-div2 .safety-seo-col1 {
    width: 59.5%;
  }

  .safety-seo-div2 .safety-seo-col2 {
    width: 40.5%;
  }

  .axia-ps-features {
    font-size: 80%;
    line-height: 100%;
    padding: 0 2%;
  }

  .axia-ps-features-1 {
    width: 23%;
    margin-top: -1%;
  }

  .axia-ps-features-2 {
    width: 23.5%;
  }

  .axia-ps-features-3 {
    width: 23.5%;
  }

  .axia-ps-features-4 {
    width: 30%;
  }

  .axia-ps-features-5 {
    width: 34%;
  }

  .axia-ps-features-6 {
    width: 32%;
  }

  .axia-ps-features-7 {
    width: 34%;
  }

  .seo-section-title {
    font-size: 70%;
    line-height: 100%;
  }

  .seo-section-content {
    font-size: 65%;
    line-height: 190%;
    margin-bottom: 0;
  }

  .axia-safety-disclaimer {
    position: absolute;
    margin-left: auto;
    right: 6%;
    font-size: 45%;
  }

  @media screen and (max-width:430px) {
    .column-25 {
      height: 280px
    }
  }

  @media screen and (max-width:330px) {
    .column-25 {
      height: 240px
    }
  }

  @media screen and (max-width:991px) {
    .find-out-more-banner-axia {
      margin-left: 0;
    }

    .page-banner-copy-com {
      padding-left: 0;
      margin-left: 50px;
    }
  }

  @media screen and (min-width:992px) {
    .spritespin {
      margin-left: 100px !important;
    }
  }

  @media screen and (max-width:766px) {

    .page-banner-copy-com {
      margin-left: 0;
    }

  }

  @media screen and (min-width:751px) {
    .axia-other-img1 {
      width: 660px;
      height: 440px
    }
  }

  .axia-color1 {
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    font-weight: 700;
    color: #000;
    margin-top: -48px;
    padding-right: 20px
  }

  .axia-color2 {
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    font-weight: 400;
    color: #000;
    padding-right: 20px
  }

  @media screen and (max-width:651px) {
    .axia-color1 {
      margin-top: -10px;
      padding-right: 0
    }

    .axia-color2 {
      padding-right: 0
    }
  }

  @media screen and (max-width:430px) {
    .axia-color1 {
      margin-top: -10px;
      padding-right: 0
    }

    .axia-color2 {
      padding-right: 0
    }

    .banner-btn-margin-bottom {
      margin-bottom: 10px;
    }
  }

  @media screen and (min-width:1000px) {
    .axia-interior-axiaS {
      height: 440px;
      width: 1200px;
      border-radius: 7px
    }
  }

  .desktop-img {
    display: block;
  }

  .mobile-img {
    display: none;
  }

  .image-125 {
    height: auto;
  }

  .p-axia {
    margin-bottom: 0 !important
  }

  .axia-exterior {
    margin-top: 0px;
  }

  .axia-exterior .slide-nav-15 {
    padding-top: 25px;
  }

  @media (max-width: 479px) {
    #panorama {
      height: 150px;
      width: 100%;
    }

    .desktop-img {
      display: none;
    }

    .mobile-img {
      display: block;
    }

    .slider-15 {
      height: auto !important;
      min-height: auto !important;
      padding-bottom: 15px;
    }

    .div-block-243 {
      padding-left: 8px;
    }

    .axia-psda-link {
      width: 30%;
      height: 3%;
      top: 66%;
      left: 7%;
    }

    .axia-user-guide-eng {
      width: 27%;
      height: 3%;
      top: 66%;
      left: 39%;
    }

    .axia-user-guide-bm {
      width: 28%;
      height: 3%;
      top: 66%;
      left: 67%;
    }

    .safety-seo-div {
      flex-wrap: wrap;
    }

    .safety-seo-div1 {
      margin: 16% 4.5% 0 27%;
    }

    .safety-seo-div1 .safety-seo-col {
      padding: 5% 1% 0 3%;
      font-size: 3.6vw !important;
    }

    .safety-seo-div1 .safety-seo-col1,
    .safety-seo-div1 .safety-seo-col3 {
      width: 49%;
    }

    .safety-seo-div1 .safety-seo-col2,
    .safety-seo-div1 .safety-seo-col4 {
      padding-left: 5%;
      width: 51%;
    }

    .safety-seo-div1 .safety-seo-col3,
    .safety-seo-div1 .safety-seo-col4 {
      padding-top: 10%;
    }

    .safety-seo-div1 .seo-section-title {
      font-size: 45%;
    }

    .safety-seo-div1 .seo-section-content {
      font-size: 40%;
    }

    .safety-seo-div2 {
      margin: 40% 2% 0 8%;
    }

    .safety-seo-div2 .safety-seo-col {
      padding-top: 9%;
      font-size: 3.6vw !important;
    }

    .safety-seo-div2 .safety-seo-col1 {
      width: 100%;
    }

    .safety-seo-div2 .safety-seo-col2 {
      width: 85%;
      padding-left: 15%;
      padding-top: 11%;
    }

    .axia-safety-disclaimer {
      font-size: 30%;
    }

    .axia-ps-features {
      font-size: 55%;
    }

    .technology-seo-div {
      flex-direction: column;
      padding-top: 36.5%;
    }

    .technology-seo-col {
      width: 92%;
      font-size: 3.6vw !important;
    }

    .technology-seo-col1 {
      padding-bottom: 5%;
      padding-top: 0%;
      border-right: none;
      border-bottom: 1px solid white;
    }

    .seoP {
      font-size: 70%;
      line-height: 180%;
    }

    .seoBold {
      font-size: 90%;
      line-height: 140%;
    }

    .technology-seo-col1 .seoP2 .seoP {
      font-size: 80%;
    }

    .technology-seo-col2 {
      margin-top: 10%;
      padding-top: 0;
      padding-left: 0;
    }

    .drivability-seo-col {
      font-size: 15%;
      line-height: 200%;
    }
  }

  .text-block-19 {
    text-transform: capitalize !important;
  }

  .div-block-43 {
    width: 100%;
  }

  .gearup-video {
    padding: 50px 50px 0px 50px;
  }

  .spin-color-container.disabled a {
    cursor: default;
  }

  @media (max-width:480px) {
    .car-model {
      height: 225px;
    }

    .spin-colorbox {
      margin-left: 0 !important
    }

    .gearup-video {
      padding: 30px 0px 0px 0px;
    }
  }

  .spin-arrow-left {
    left: 5%;
  }

  .spin-arrow-right {
    right: 5%;
  }

  ._5-image-slider-carousel {
    background-color: unset !important;
  }

  .text-block-19.gearup {
    color: black !important;
  }

  @media (min-width:851px) {
    .spin-colorbox {
      margin-top: 15px !important;
    }

    .spin-color-container {
      width: 10%
    }

    ._5-image-slider-carousel {
      margin-top: 20px;
    }

    .axia-exterior .car-gallery-grid {
      -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
  }

  @media screen and (max-width:850px) {
    .spin-colorbox {
      margin-left: 42px !important;
      margin-top: -35px !important;
    }

    .spin-colorbox {
      margin-left: 0 !important
    }

    .spin-color-container {
      width: 15%;
      margin-left: 0;
      text-align: center;
      font-size: 11px;
    }

    .spin-arrow-left {
      left: 10%;
    }

    #panorama {
      overflow: hidden;
      width: 90%
    }

    canvas {
      height: 300px;
      width: 90%
    }

    ._5-image-slider-carousel {
      /* margin-top: 85px; */
    }
  }

  @media screen and (max-width:850px) and (min-width:750px) {
    .spin-color-container-title {
      margin-left: 30px;
      font-size: 25px;
      position: static;
      line-height: 30px;
      float: unset;
      padding-top: 0;
      text-align: left;
      padding-left: 13px
    }

    .spritespin {
      margin-top: -60px !important
    }

    ._5-image-slider-carousel {
      margin-top: 85px
    }
  }

  .loadersprite img {
    height: 50px;
    margin: 200px auto;
  }

  @media screen and (max-width: 479px) {
    .spin-arrow-left {
      left: 2%;
    }

    .spin-color-container-title {
      padding-left: 6% !important;
    }

    .spin-color-container.first {
      margin-left: 21% !important;
    }

    .loadersprite img {
      height: 50px;
      margin: 50px auto;
    }
  }

  .price-comparison {
    margin-top: 100px;
  }

  .canvas-context {
    display: none;
    position: absolute;
    list-style: none;
    background-color: #fff;
    width: 100px;
    padding: 0;
  }

  .canvas-context li {
    padding: 10px;
    cursor: pointer;
  }

  .canvas-context li a {
    padding: 0;
    text-decoration: none;
    color: #333;
  }

  .canvas-context li a:hover,
  .canvas-context li:hover a {
    text-decoration: none;
    color: #fff;
  }

  .canvas-context li:hover {
    background-color: #333;
    color: #fff;
  }

  @media screen and (max-width: 479px) {

    .safety-seo-div1 .safety-seo-col3,
    .safety-seo-div1 .safety-seo-col4 {
      padding-top: 5px !important;
    }
  }