/* Mobile responsive navigation */
  @media (max-width: 575px) {
      .navbar-toggler {
          padding: 0 !important;
      }

      .content-description h2 {
          margin-top: 40px;
          margin-bottom: 20px;
      }

      .navbar {
          position: fixed;
          left: 10px;
          right: 10px;
          z-index: 2000;
      }

      .descImages,
      .header-section .container div {
          width: 100%;
      }

      .content-description,
      .introDesc {
          height: auto;
      }

      .introDesc .row .col-md-5 {
          height: 350px;
          padding: 0;
      }

      .descImages img:nth-child(2) {
          right: -54px;
      }

      .content-description {
          padding: 0;
      }

      .image-left-tools,
      .vantages-container .col-12 {
          padding: 10px 0;
      }


      #udressapp,
      #promptchan,
      #soulgen,
      #candyai {
          padding: 10px;
      }

      .row>* {
          padding-right: 0 !important;
          padding-left: 0 !important;
      }

      .video-container video {
          transform: translate(-39%, -66%);
      }

      .header-section h1 {
          font-size: 33px;
      }

      .header-section {
          height: auto;
      }

      .header-section .container div {
          margin-top: 130px;
      }

      .blocImagFaq {
          height: 300px;

      }

      .blocImagFaq div {
          padding: 10px 10px 30px 10px;
      }

      .list-table {
          width: 100%;
      }

      .list-table>li {
          flex-direction: column;
          height: auto;
          position: relative;
          padding: 20px;
      }

      .list-table li h6 {
          position: absolute;
          top: 20px;
          left: 10px;
      }

      .list-table li div:nth-child(2) {
          position: absolute;
          top: 10px;
          right: 10px;
          padding: 0;
      }

      .round-note:nth-child(1) {
          height: 100px;
          width: 100px;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 100%;
          font-size: 18px;
          margin: 20px 0;
          background: var(--primary);
          color: var(--secondary);
      }

      .roundeLink {
          display: none;
      }

      .list-table {
          margin: 0px;
      }

      h2 {
          font-size: 24px !important;
      }

      .navbar-text {
          display: none;
      }

      .navbar-nav {
          padding: 0;
      }

      .listnav {
          display: block;
      }

      .navilist {
          display: block;
          width: 100%;
          padding: 20px 0;
      }

  }

  @media (min-width: 768px) and (max-width: 991px) {
      .header-section .container {
          display: block;
          padding-top: 140px;
      }

      .video-container {
          height: 100vh;
      }

      .video-container video {
          top: 500px;
      }

      .descImages {
          width: 100%;
      }

      .descImages img:nth-child(1) {
          transform: scale(1);
          top: 10px;
          left: 0px;
      }

      .descImages img:nth-child(2) {
          bottom: 8px;
          right: -88px;
          transform: scale(0.6);
      }

      .descImages img:nth-child(2) {
          bottom: 8px;
          right: -88px;
          transform: scale(0.6);
      }

      .content-description h2 {
          font-size: 30px;
      }

      .introDesc {
          height: 491px;
      }

      .list-table {
          width: 100%;
          padding: 0;
      }

      .list-table>li {
          height: 99px;
      }

      .faq-container .row,
      .vantages-container .row,
      .img-list {
          flex-direction: column;
      }


      .faq-container .row .col-12,
      .vantages-container .row .col-md-6,
      .img-list .col-md-6 {
          width: 100%;
          margin: 10px 0;
      }

      .blocImagFaq {
          width: 100%;
          height: 500px;
          padding: 20px;
      }

      .faq-container .row>div:nth-child(2) {
          padding: 0;
      }

      .navbar-text {
          display: none;
      }

      .navilist {
          justify-content: unset;
      }

      .listnav {
          display: block;
      }

      .nav-item {
          padding: 10px 5px;
      }

      .navbar {
          position: fixed;
          left: 10px;
          right: 10px;
          z-index: 2000;
      }
  }

  @media (min-width: 992px) {
      .navbar-nav {
          width: auto;
      }
      
  }

  @media (min-width: 1200px) {}