@media only screen and (min-width: 500px) and (max-width: 768px) {
  /* For tablets: */
  .v-layout-1-2 {
    margin: 110px 50px 0 50px;
    width: auto; }
    .v-layout-1-2 .v-margin-b-xxl {
      margin-bottom: 0; }
    .v-layout-1-2 h1,
    .v-layout-1-2 .main-description {
      grid-column: 1/-1; }
  .main-description {
    max-width: 400px;
    margin-bottom: 40px; }
  .service-card {
    padding: 140px 30px 70px; }
  .service-card-description {
    max-width: 100%; }
  .middle-layout,
  .bottom-layout {
    margin-left: 50px;
    margin-right: 50px;
    width: auto; }
  .middle-layout {
    grid-template-columns: repeat(2, 2fr); }
    .middle-layout .v-text-bold {
      grid-column: 1/-1;
      margin-top: 0; }
  .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; } }