@media only screen and (max-width: 500px) {
  .v-margin-b-xxl {
    margin-bottom: 60px; }
  .v-margin-t-xxl {
    margin-top: 60px; }
  .work-demo-intro {
    padding: 0 30px; }
    .work-demo-intro .v-layout-1-2 {
      grid-template-columns: 1fr; }
    .work-demo-intro .intro-services {
      margin-right: 0;
      justify-self: auto;
      margin-top: 20px;
      margin-bottom: 0; }
    .work-demo-intro img {
      width: 100vw;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw; }
  .work-demo-description {
    grid-template-columns: 100%;
    padding: 0 30px; }
    .work-demo-description img {
      grid-row: 1;
      margin-bottom: 30px; }
  .only-mob {
    margin: 0 auto 80px;
    width: 90%; }
  .work-demo-video {
    padding: 0 10px; }
    .work-demo-video:before {
      left: 40px;
      height: 360px; }
    .work-demo-video img {
      width: 100%; }
    .work-demo-video .v-text {
      margin-left: 0; }
  .work-demo-stats {
    flex-wrap: wrap;
    margin: 80px auto 60px;
    padding: 0 40px; }
    .work-demo-stats > div:first-child {
      margin-bottom: 50px; }
  .work-demo-slider {
    padding: 0 10px;
    height: 300px; }
    .work-demo-slider img:first-child {
      width: 100vw;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw; }
    .work-demo-slider span {
      margin-left: 20px; }
    .work-demo-slider img.v-margin-t-xxl {
      margin: 80px 0; }
  .work-demo-articles {
    grid-template-columns: 100%;
    margin: 0 auto;
    padding: 0 30px; }
    .work-demo-articles img {
      width: 100%;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw; }
    .work-demo-articles .swap-mob {
      grid-row: 3; }
  .work-demo-finale {
    grid-template-columns: 1fr;
    height: auto;
    padding-bottom: 40px; }
    .work-demo-finale img {
      grid-row: 1;
      margin: 40px; }
  .work-demo-next {
    width: 100%; }
  .nation .work-demo-articles,
  .seras .work-demo-articles {
    display: block; }
    .nation .work-demo-articles img,
    .seras .work-demo-articles img {
      width: 100%;
      left: 0;
      right: 0;
      margin-left: 0;
      margin-top: 10px;
      margin-bottom: 10px; }
    .nation .work-demo-articles h3,
    .seras .work-demo-articles h3 {
      margin-top: 30px; }
  .retail .work-demo-articles {
    grid-template-columns: 100%; }
    .retail .work-demo-articles img {
      width: 100%;
      left: 0;
      right: 0;
      margin-left: 0;
      margin-top: 10px;
      margin-bottom: 10px; }
    .retail .work-demo-articles h3 {
      margin-top: 0; }
    .retail .work-demo-articles .v-margin-t-mob {
      margin-top: 50px; }
    .retail .work-demo-articles .v-margin-b-mob {
      margin-bottom: 50px; }
  .a-series .work-demo-description {
    margin-bottom: 0;
    margin-top: 80px; }
    .a-series .work-demo-description p {
      margin-top: 30px; }
  .a-series .v-margin-t-mob {
    margin-top: 120px; }
  .a-series .work-demo-articles img {
    margin-left: 0;
    left: auto;
    right: auto; }
  .a-series .work-demo-phrase h3 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 0; }
  .a-series .work-demo-phrase.work-demo-phrase-2 {
    background: url("../images/work-demo-phrase-bg.png") center no-repeat; } }