.back-to-account {
  width: 100%;
  background-color: mr-blue;
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .example-component .v-center {
    top: 25%;
    padding: 0 8.3%;
  }
}
@media only screen and (min-width: 560px) and (max-width: 759px) {
  .example-component .v-center {
    top: 22%;
    padding: 0 26.5%;
  }
}
@media only screen and (min-width: 760px) and (max-width: 959px) {
  .example-component .v-center {
    top: 22%;
    padding: 0 30%;
  }
}
@media only screen and (min-width: 960px) {
  .example-component .v-center {
    padding: 0 23.5%;
  }
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .imgx-example-two .text-center {
    padding: 15% 0%;
  }
  .imgx-example-two .text-center p {
    padding: 5%;
  }
}
@media only screen and (min-width: 560px) {
  .imgx-example-two .text-center {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 2;
  }
  .imgx-example-two .text-center p {
    padding: 1%;
  }
  .imgx-example-two .text-center .mr-btn {
    margin-bottom: 35%;
  }
}
@media only screen and (min-width: 960px) {
  .imgx-example-two .text-center .mr-btn {
    margin-bottom: 30%;
  }
}
@media only screen and (min-width: 0px) and (max-width: 559px) {
  .imgx-example-three .sm-8 {
    padding-left: 2%;
  }
  .imgx-example-three .sm-8 h1 {
    margin-top: 25%;
  }
}
@media mq-tablet, mq-desktop-md {
  .imgx-example-three {
    padding: 10% 0%;
  }
  .imgx-example-three h1 {
    margin-top: 10%;
  }
}
@media only screen and (min-width: 960px) {
  .imgx-example-three h1 {
    margin-top: 10%;
  }
}