@media only screen and (max-width: 500px) {
  /* For mobile phones: */
  .menu-icon {
    background: #fff; }
    .menu-icon:before, .menu-icon:after {
      background: #fff; }
  .v-title-lg {
    font-size: 24px;
    line-height: 100%; }
  .index-intro {
    display: block; }
  .index-intro-description {
    margin-right: 30px;
    margin-left: 30px;
    max-width: 100%; }
  .index-intro-img {
    margin: 50px 30px; }
    .index-intro-img img {
      width: 260px;
      height: 260px; }
    .index-intro-img:before, .index-intro-img:after {
      transform: scale(0.6);
      top: -70px; }
  .clients-display {
    margin-right: 30px;
    margin-left: 30px;
    display: block; }
    .clients-display span {
      display: block;
      font-weight: bold;
      margin-bottom: 30px; }
  .clients-display-list {
    display: block;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden; }
    .clients-display-list li {
      display: inline-block;
      overflow-y: hidden;
      overflow-x: scroll;
      overflow-scrolling: touch; }
  .index-creative-writer {
    grid-row-gap: 30px;
    margin: 50px 30px; }
    .index-creative-writer:before {
      width: 100vw;
      height: 390px;
      z-index: -1;
      left: 50%;
      top: -15px; }
    .index-creative-writer .index-creative-img {
      grid-row: 1/2;
      grid-column: 1/-1; }
    .index-creative-writer .index-creative-text {
      grid-column: 1/-1; }
  .our-works {
    display: block;
    margin-top: 70px;
    margin-left: 20px;
    margin-right: 20px; }
    .our-works img {
      margin: 50px auto 0; }
    .our-works:before {
      height: 205px;
      left: 14%;
      bottom: -10px; }
  .our-works-description {
    margin-right: 30px; }
  .ctrl-section-wrapper {
    margin-right: 30px;
    margin-top: 0; }
  .ideate {
    margin-top: 80px;
    display: block;
    margin-left: 30px; }
    .ideate h2 {
      margin-bottom: 40px; }
    .ideate .v-text {
      font-size: 18px;
      line-height: 22px; }
  .article {
    margin-bottom: 40px; }
  .objectives {
    grid-template-rows: auto;
    justify-content: flex-start;
    grid-template-columns: 100%;
    grid-gap: 0;
    margin-top: 150px; }
    .objectives:before {
      height: 550px;
      z-index: -1;
      left: 20%;
      top: -40px; }
  .objectives-img-1 {
    grid-row: 1/2;
    width: 100%; }
    .objectives-img-1 img {
      width: 100%; }
    .objectives-img-1 .v-margin-t-md {
      display: none; }
  .objectives-description p, .objectives-description ul {
    margin-top: 0;
    margin-bottom: 50px; }
  .objectives-description-top {
    margin: 70px 30px 0 30px;
    grid-row: 2/3; }
  .objectives-img-2 {
    max-width: 320px;
    grid-row: 3/4; }
    .objectives-img-2 img {
      width: 100%; }
  .objectives-description-bottom {
    margin: 40px 30px 0 30px;
    grid-row: 4/5; }
  .dark-grey-section {
    text-align: left;
    padding: 50px 30px;
    margin-top: 0;
    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;
      font-weight: bold; }
  .get-handled {
    margin: 80px 30px 0 30px;
    grid-template-columns: 100%; }
  .handled-tribal-top {
    grid-row: 1/2; }
    .handled-tribal-top:before {
      width: 96vw;
      height: 100vw; }
  .get-handled-description-top {
    grid-row: 2/3;
    margin-top: 150px;
    margin-bottom: 0; }
  .testimonial-wrapper {
    grid-row: 3/4;
    margin-top: 80px;
    margin-bottom: 50px; }
    .testimonial-wrapper img {
      display: block; }
  .v-inline-block {
    display: block;
    transform: translateY(0);
    margin: 20px;
    margin-left: 0;
    max-width: 250px; }
  .handled-tribal-bottom {
    grid-row: 4/5; }
    .handled-tribal-bottom:before {
      width: 96vw;
      height: 100vw; }
  .get-handled-description-bottom {
    grid-row: 5/6;
    margin-top: 150px;
    margin-bottom: 0; }
  .we-care-wrapper {
    display: block;
    margin: 80px 30px; }
    .we-care-wrapper h2 {
      font-size: 40px;
      line-height: 49px;
      margin-top: 50px; }
    .we-care-wrapper p {
      margin-top: 30px; }
  .avatar-list {
    margin-top: 0; }
  .bottom-menu {
    grid-template-columns: 100%; }
    .bottom-menu a {
      margin-top: 0; }
  #slider li div {
    grid-column: 1/-1; }
  #slider li img {
    grid-column: 1/-1;
    width: 100%; } }