/* for images of tinymce upload: */
img {
    max-width: 100%;
    height: auto;
}
p img {
    min-width: 100%;
}
/* end for images of tinymce upload. */
.how-overlay1::before {
    opacity: 1;
    background: -webkit-linear-gradient(bottom, #000, rgb(0 0 0 / 0%));
}
@media (min-width: 767px) {
  /*.height-top-bar {*/
   /*.to search box - delete this param {*/
.top-text {
      padding-bottom: 15%;
  }
  /* -end------------------------------ */
.height-top-bar {
    height: 570px;
  }
  .f1-l-5 {
    font-size: 80px;
  }
  h2 {
    font-family: Roboto-Regular;
    font-size: 2.26rem;
    color: #4f2e6f;
  }
}
@media (max-width: 767px) {
  h2 {
      font-family: Roboto-Regular;
      font-size: 1.26rem;
      color: #4f2e6f;
  }
  .top-text {
      font-size: 35px;
      /*.to search box - delete this param {*/
      padding-bottom: 25%;
      /* -end------------------------------ */
  }
  /*.to search box - delete this param {*/
.height-top-bar {
    height: 360px;
  }
  /* -end------------------------------- */
}

.paditop_sidebar {
  margin-top: -38px
}