@media only screen and (min-width: 500px) and (max-width: 768px) {
  /* For tablets: */
  .top-layout {
    margin: 110px 50px 0 50px;
    grid-template-columns: 100%; }
    .top-layout p {
      max-width: 250px;
      margin-top: 20px; }
    .top-layout .v-margin-b-xl {
      margin-bottom: 0; }
  .v-layout-1-2,
  .bottom-layout {
    margin: 50px;
    width: auto; }
  .bottom-layout {
    padding-left: 65px; }
    .bottom-layout img {
      margin-right: -150px; }
    .bottom-layout h2 {
      font-size: 28px;
      line-height: 100%; }
    .bottom-layout:after {
      right: 235px; } }