@media only screen and (max-width: 500px) {
  /* For mobile phones: */
  .v-margin-b-xl {
    margin-bottom: 20px; }
  .v-margin-b-xxl {
    margin-bottom: 30px; }
  .v-margin-b-xxxl {
    margin-bottom: 60px; }
  .v-margin-t-xl {
    margin-top: 40px; }
  .v-margin-t-xxl {
    margin-top: 50px; }
  .v-margin-t-xxxl {
    margin-top: 80px; }
  .v-layout-1-2,
  .v-layout-2-3,
  .v-layout-1-3 {
    grid-template-columns: 100%; }
  .profit-able-intro {
    margin: 100px 30px 50px;
    width: auto; }
    .profit-able-intro:before {
      height: 440px; }
    .profit-able-intro h1 {
      margin-top: 0; }
    .profit-able-intro h3 {
      font-size: 12px;
      line-height: 15px;
      font-weight: bold;
      opacity: 0.3;
      margin-top: 20px; }
  .subtext-wrapper {
    margin-top: 20px; }
  .profit-able-video {
    display: block;
    margin-top: 0; }
    .profit-able-video:before {
      height: 400px;
      left: 30px;
      top: 30px; }
    .profit-able-video .v-text {
      margin-top: 20px; }
    .profit-able-video img {
      display: block;
      width: 100%; }
  .profit-able-description {
    margin-left: 30px;
    margin-right: 30px;
    width: auto; }
  .profit-lvl-img-wrapper {
    margin: 0 auto; }
    .profit-lvl-img-wrapper:after,
    .profit-lvl-img-wrapper .profit-lvl-img {
      transform: scale(0.8); }
    .profit-lvl-img-wrapper:after {
      left: 221px;
      top: 42px; }
  .profit-lvl-text,
  .profit-able-grow {
    margin-left: 30px;
    margin-right: 30px;
    width: auto; }
  .profit-able-grow {
    padding-top: 40px; }
    .profit-able-grow ul {
      margin: 40px auto 60px; }
  .profit-able-quiz .content {
    padding: 320px 50px 50px; }
  .profit-able-quiz:after,
  .profit-able-quiz .quiz-container-left {
    transform: scale(0.8);
    left: 0;
    top: -60px; }
  .quiz-container-right {
    grid-column: 1/-1; }
    .quiz-container-right h4 {
      font-size: 20px;
      line-height: 100%; }
  .profit-able-clients h2 {
    margin-left: 30px; }
  .profit-able-clients img {
    width: 100px;
    height: 100px; }
  .profit-able-clients .clients-list {
    display: block;
    white-space: nowrap;
    overflow-x: auto;
    margin-left: 15px;
    margin-right: 15px; }
    .profit-able-clients .clients-list li {
      display: inline-block;
      overflow-y: hidden;
      overflow-x: scroll;
      overflow-scrolling: touch; }
    .profit-able-clients .clients-list li:not(:last-child) {
      margin-right: 20px; }
  .profit-able-clients .clients-list-controls {
    display: none; }
  .profit-able-creative {
    margin-left: 20px;
    margin-right: 40px; }
  .profit-creative-img {
    grid-row: 1/2;
    margin-bottom: 50px; }
    .profit-creative-img:before {
      height: 400px;
      left: 30%;
      top: -27px; }
    .profit-creative-img img {
      width: 80%; }
  .profit-able-must-grow {
    padding-top: 0; }
    .profit-able-must-grow .must-grow-text,
    .profit-able-must-grow h4 {
      margin-left: 30px;
      margin-right: 30px;
      width: auto; }
  .must-grow-graphic {
    grid-row: 1/2;
    margin-bottom: 40px;
    width: 100%;
    margin-left: 0; }
  .profit-able-promo-black {
    padding: 30px 0; }
    .profit-able-promo-black .promo-black-avatar {
      display: block; }
      .profit-able-promo-black .promo-black-avatar a {
        margin-left: 30px; }
      .profit-able-promo-black .promo-black-avatar .v-margin-r-md {
        margin: 40px auto 20px; }
  .profit-able-forbes svg {
    grid-row: 1/2;
    transform: scale(0.7);
    margin-left: -90px; }
  .profit-able-forbes-text-wrapper,
  .profit-able-forbes-text {
    margin-left: 30px;
    margin-right: 30px;
    width: auto; }
    .profit-able-forbes-text-wrapper h2,
    .profit-able-forbes-text h2 {
      font-size: 24px;
      line-height: 29px; }
  .profit-able-forbes-list .forbes-list-bubble {
    padding-top: 30%;
    width: 380px;
    justify-self: center; }
  .profit-able-forbes-fear {
    margin-left: 30px;
    margin-right: 30px;
    width: auto; }
    .profit-able-forbes-fear h2 {
      margin-bottom: 40px; }
  .profit-able-plans {
    padding: 0 30px;
    margin-top: 80px; }
    .profit-able-plans .v-margin-l-xxl {
      margin-left: 0; }
    .profit-able-plans h2 {
      margin-top: 50px;
      padding-top: 50px; }
      .profit-able-plans h2:before {
        width: 210px;
        height: 210px;
        left: 50%;
        transform: translate(20%, 35%); }
    .profit-able-plans .profit-plans-list {
      display: block;
      margin-top: 100px; }
      .profit-able-plans .profit-plans-list li {
        width: 100%;
        margin-bottom: 50px; }
      .profit-able-plans .profit-plans-list .profit-plans-list-card:nth-child(2) {
        transform: none; }
  .footer.content {
    width: 100%; } }