@media only screen and (min-width: 500px) and (max-width: 768px) {
  /* For tablets: */
  .index-intro,
  .clients-display,
  .index-creative-writer,
  .our-works {
    margin-left: 50px;
    margin-right: 50px; }
  .index-intro {
    margin-top: 150px;
    grid-column-gap: 60px; }
    .index-intro h1 {
      font-size: 28px;
      line-height: 100%; }
  .index-intro-img img {
    width: 300px;
    height: 300px;
    margin-right: 50px; }
  .index-intro-img:before {
    transform: scale(0.7);
    right: -50px;
    top: -50px;
    position: absolute; }
  .clients-display {
    border-top: 1px solid #262626;
    padding-top: 30px;
    margin-top: 100px;
    display: block; }
    .clients-display span {
      display: block;
      margin-right: 80px;
      margin-bottom: 20px; }
  .clients-display-list {
    display: flex;
    justify-content: space-between;
    flex-grow: 1; }
    .clients-display-list img {
      width: 100px;
      height: 100px; }
    .clients-display-list li:not(:last-child) {
      margin-right: 10px; }
  .index-creative-writer {
    grid-column-gap: 60px; }
    .index-creative-writer:before {
      height: 410px;
      top: 0;
      left: 70%; }
  .index-creative-text {
    grid-column: 1/4; }
  .index-creative-img {
    grid-column: 4/6;
    margin-top: 40px; }
  .our-works {
    margin-top: 150px; }
    .our-works:before {
      height: 260px;
      top: -25px; }
    .our-works img {
      width: 360px; }
  .ideate {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 40px; }
    .ideate h2 {
      font-size: 36px;
      line-height: 44px;
      margin-bottom: 0; }
    .ideate img {
      width: 100%; }
    .ideate .ctrl-section-wrapper {
      justify-content: flex-end; }
    .ideate .slider-ctrl {
      display: none; }
  .objectives {
    grid-column-gap: 40px; }
    .objectives .v-text-pink {
      margin-top: 0;
      font-size: 24px;
      line-height: 29px; }
    .objectives .bullet-list {
      margin-bottom: 40px; }
    .objectives .objectives-img-1 {
      width: 320px;
      margin-top: 30px; }
    .objectives .objectives-img-2 {
      width: 265px;
      margin-top: 100px; }
    .objectives:before {
      height: 475px;
      left: 60%;
      top: 10px; }
  .dark-grey-section {
    text-align: left;
    padding: 50px 90px;
    margin-top: 50px;
    margin-bottom: 0; }
    .dark-grey-section svg {
      transform: scale(0.4);
      display: block;
      margin: 0 auto; }
    .dark-grey-section .v-title-sm {
      font-size: 14px;
      line-height: 17px; }
  .get-handled {
    margin-left: 0;
    grid-column-gap: 180px;
    grid-row-gap: 0; }
    .get-handled h2 {
      font-size: 24px;
      line-height: 29px;
      max-width: 200px; }
  .handled-tribal-top,
  .handled-tribal-bottom {
    margin-top: 100px;
    transform: scale(0.75);
    justify-self: flex-start; }
  .testimonial-wrapper {
    margin: 100px 0 30px; }
  .we-care-wrapper {
    margin-left: 0;
    margin-top: 150px;
    grid-column-gap: 70px; }
    .we-care-wrapper h2 {
      font-size: 40px;
      line-height: 49px; }
    .we-care-wrapper .v-margin-t-xl {
      margin-top: 30px; }
  .avatar-list {
    margin-top: 0;
    align-content: baseline; } }