#innerContent {
  padding: 0 20px;
}
#innerContent p.align-left, #innerContent h1.align-left, #innerContent h2.align-left, #innerContent h3.align-left, #innerContent h4.align-left, #innerContent h5.align-left, #innerContent h6.align-left, #innerContent td.align-left, #innerContent th.align-left, #innerContent div.align-left, #innerContent ul.align-left, #innerContent ol.align-left, #innerContent li.align-left, #innerContent table.align-left, #innerContent audio.align-left, #innerContent video.align-left { text-align: left; }
#innerContent p.align-right, #innerContent h1.align-right, #innerContent h2.align-right, #innerContent h3.align-right, #innerContent h4.align-right, #innerContent h5.align-right, #innerContent h6.align-right, #innerContent td.align-right, #innerContent th.align-right, #innerContent div.align-right, #innerContent ul.align-right, #innerContent ol.align-right, #innerContent li.align-right, #innerContent table.align-right, #innerContent audio.align-right, #innerContent video.align-right { text-align: right; }
#innerContent p.align-center, #innerContent h1.align-center, #innerContent h2.align-center, #innerContent h3.align-center, #innerContent h4.align-center, #innerContent h5.align-center, #innerContent h6.align-center, #innerContent td.align-center, #innerContent th.align-center, #innerContent div.align-center, #innerContent ul.align-center, #innerContent ol.align-center, #innerContent li.align-center, #innerContent table.align-center, #innerContent audio.align-center, #innerContent video.align-center { text-align: center; }
#innerContent img.align-left {float: left; margin: 0 20px 20px 0; max-width: 70%}
#innerContent img.align-right {float: right; margin: 0 0 20px 20px; max-width: 70%}
#innerContent img.align-center {display: block; margin-left: auto; margin-right: auto;}
#innerContent ul {
  list-style-position: inside;
}
#innerContent ul {
  padding-left: 0;
}

ul.list-indent-fix {
  list-style-position: outside !important;
}

ul.list-indent-fix > li {
  margin-left: 1em;
}

.image-size-fix {
  width: 286px;
}

table.tableYourhavenCounselling {
  width: 60%;
}

table.tableYourhavenCounselling tbody tr td:first-child {
  width: 56%;
}
/* --------------------------- Begin: tweaks for gold variants --------------------------- */
@media only screen and (max-width: 960px) {
  #innerContent > .super {
    position: relative;
    margin-left: -40px;
    width: unset;
    margin-right: -40px;
  }
}
/* --------------------------- End: tweaks for gold variants --------------------------- */

/* ---------- Mobile (Note: Design for a width less than 541px) ---------- */
@media only screen and (max-width: 540px) { 
  .align-left, .align-right {
    margin: 0px auto;
    display: block;
    float: none;
    width: 100% !important;
  }

  .imgInitial {
    width: initial !important;
  }

/*  #innerContent img.align-left, img.align-right {float: none; margin: 0 0 20px 0; max-width: 100% !important}*/
  #innerContent img.align-left, #innerContent img.align-right {float: none; margin: 0 auto 20px; max-width: 80%}


  .imgrh, .imglh {
    float: none;
  }

  .image-size-fix {
    width: unset;
  }  

table.tableYourhavenCounselling {
  width: 100%;
}
}

/* --------------------------- BEGIN: breakpoints for generic css updates --------------------------- */

  @media (min-width: 992px){
    iframe.responsive-iframe {
      border: none thin orange;
      margin: 0 auto;
      width: 630px;
      height: 470px;
    }
  }

  @media (min-width: 768px) and (max-width: 991px) {
    iframe.responsive-iframe {
      align:center;
      border: none thin yellow;
      margin: 0 auto;
      width: 500px;
      height: 350px;
    }
  }

  @media (min-width: 640px) and (max-width: 767px) {
    iframe.responsive-iframe {
      border: none thin green;
      margin: 0 auto;
      width: 600px;
      height: 450px;
    }
  }

  @media (min-width: 575px) and (max-width: 639px) {
    iframe.responsive-iframe {
      border: none thin blue;
      margin: 0 auto;
      width: 400px;
      height: 300px;
    }
  }

  @media (min-width: 400px) and  (max-width: 574px) {
    iframe.responsive-iframe {
      border: none thin red;
      margin: 0 auto;
      width:380px;
      height:280px;
    }
  }

  @media (max-width: 400px) {
    iframe.responsive-iframe {
      border: none thin red;
      margin: 0 auto;
      width:100%;
      height:100%;
    }
  }
/* --------------------------- END: breakpoints for generic css updates --------------------------- */