@media (max-width: 1366.98px) {
    .common-nav-wrapper-items ul li a {
      font-size: 14px;
    }
    .hero-text h1 {
      font-size: 76px;
    }
    .details-btn small {
      font-size: 15px;
    }
    .details-btn h2 {
      font-size: 31px;
    }
    .details-btn p {
      font-size: 15px;
    }
    .details-content-what {
      min-height: 526px;
    }
    .details-content-what h3 {
      font-size: 17px;
    }
    .details-content-what p {
      font-size: 14px;
    }
    .details-content-what ul li {
      font-size: 15px;
    }
    .details-content-what-btn a {
      font-size: 15px;
    }
    .details-content-why {
      min-height: 526px;
    }
    .details-content-why h3 {
      font-size: 17px;
    }
    .details-content-why P {
      font-size: 14px;
    }
    .details-content-why ul li a {
      font-size: 14px;
    }
    .details-content-why-btn h1 {
      font-size: 45px;
    }
    .details-content-why-btn a {
      font-size: 15px;
    }
    .porsche-wrapper h2 {
      font-size: 49px;
      max-width: 800px;
    }
    .porsche-wrapper p {
      font-size: 14px;
      max-width: 700px;
    }
    .porsche-wrapper-items-item h4 {
      font-size: 17px;
    }
    .porsche-wrapper-items-item ul li {
      font-size: 14px;
    }
    .blog-title h2 {
      font-size: 49px;
    }
    .blog-title p {
      font-size: 14px;
    }
    .blog-items {
      gap: 50px;
    }
    .blog-items-item h3 {
      font-size: 27px;
    }
    .blog-items-item p {
      font-size: 14px;
    }
    .auto-content h2 {
      font-size: 49px;
    }
    .auto-content ul li {
      font-size: 15px;
    }
    .auto-content h3 {
      font-size: 31px;
    }
    .auto-content a {
      font-size: 15px;
    }
    .popup-content {
      margin: 55px auto 0 auto;
      padding: 20px;
      max-width: 600px;
    }
    .video-title h2 {
      font-size: 49px;
    }
    .video-title p {
      font-size: 14px;
      max-width: 500px;
    }
    .entertainment h2 {
      font-size: 49px;
    }
    .entertainment ul {
      gap: 15px;
    }
    .entertainment ul li {
      font-size: 16px;
    }
    .entertainment p {
      font-size: 16px;
    }
    .entertainment a {
      font-size: 14px;
    }
    .touch-title h2 {
      font-size: 49px;
    }
    .touch-title p {
      font-size: 16px;
    }
  }
  @media (max-width: 1080.98px) {
    .hero-text {
      padding: 150px 0 355px 0;
    }
    .hero-text h1 {
      font-size: 76px;
    }
    .details-content-why ul li a {
      padding: 14px 34px;
    }
    .cover-full {
      height: 420px;
    }
    .blog-items-item img {
      height: 420px;
    }
    .auto .wrapper .wrapper-images {
      flex-direction: column;
      gap: 10px;
    }
    .auto .wrapper .c-hight {
      height: 500px;
    }
  }
  @media (max-width: 990.98px) {
    .common-nav-wrapper-logo img {
      max-width: 150px;
    }
    .hero-text {
      padding: 200px 0 300px 0;
    }
    .details-content-what {
      padding: 15px;
    }
    .details-content-why {
      padding: 15px 0;
    }
    .details-content-why h3 {
      padding: 0 15px;
    }
    .details-content-why P {
      padding: 0 15px;
    }
    .details-content-why ul li a {
      padding: 14px 34px;
    }
    .blog-items-item img {
      height: 320px;
    }
  }
  @media (max-width: 767.98px) {
    .common-nav {
      position: relative;
    }
    .common-nav-wrapper {
      height: 80px;
    }
    .common-nav-wrapper-logo {
      z-index: 2;
    }
    .common-nav-wrapper-logo img {
      max-width: 150px;
    }
    .common-nav-wrapper-items {
      position: absolute;
      top: 0;
      left: -100%;
      background-color: #333;
      height: 100vh;
      width: 100vw;
      z-index: 1;
      transition: left 300ms !important;
    }
    .common-nav-wrapper-items.active {
      left: 0;
    }
    .common-nav-wrapper-items > ul {
      flex-direction: column;
      margin-top: 111px;
      gap: 10px;
    }
    .common-nav-wrapper-items-mega {
      position: unset;
      background-color: #FFFFFF;
      width: 100%;
      margin-top: 15px;
    }
    .common-nav-wrapper-togoller {
      display: block;
      z-index: 2;
    }
    .common-nav-wrapper-togoller.active .common-nav-wrapper-togoller-bar:nth-child(1) {
      transform: translateY(8px) rotate(45deg);
    }
    .common-nav-wrapper-togoller.active .common-nav-wrapper-togoller-bar:nth-child(2) {
      opacity: 0;
    }
    .common-nav-wrapper-togoller.active .common-nav-wrapper-togoller-bar:nth-child(3) {
      transform: translateY(-8px) rotate(-45deg);
    }
    .hero-text {
      padding: 136px 0 200px 0;
    }
    .hero-text h1 {
      font-size: 50px;
    }
    .details {
      margin: -150px 0 55px 0;
    }
    .details-btn small {
      font-size: 12px;
    }
    .details-btn h2 {
      font-size: 26px;
    }
    .details-btn p {
      font-size: 12px;
    }
    .details-content {
      flex-direction: column;
    }
    .porsche {
      padding: 50px 0;
    }
    .porsche-wrapper h2 {
      text-align: center;
      font-size: 36px;
      text-align: center;
    }
    .porsche-wrapper-items {
      flex-direction: column;
      gap: 36px;
    }
    .cover {
      margin: 50px 0;
    }
    .cover-full {
      height: 225px;
    }
    .blog {
      padding: 50px 0;
    }
    .blog-title h2 {
      font-size: 36px;
    }
    .blog-items {
      grid-template-columns: repeat(1, 1fr);
      gap: 36px;
    }
    .blog-items-item h3 {
      margin-top: 20px;
    }
    .auto {
      padding: 50px 0;
    }
    .auto .wrapper-images {
      width: 70px;
    }
    .auto .wrapper .c-hight {
      height: 375px;
    }
    .auto-content h2 {
      font-size: 36px;
    }
    .video {
      padding: 50px 0;
    }
    .video-title h2 {
      font-size: 36px;
      max-width: 300px;
      margin: 0 auto;
    }
    .entertainment {
      padding: 50px 0;
    }
    .entertainment h2 {
      font-size: 36px;
      text-align: center;
    }
    .touch {
      padding: 36px 0;
    }
    .touch-title h2 {
      font-size: 36px;
      max-width: 300px;
      margin: 0 auto;
    }
    .touch-form-duble {
      flex-direction: column;
    }
  }