/* Responsive Style Sheet */

/* click5 Interactive */


@media screen and (max-width: 1630px) {
  body {
    padding-top: calc((100vw - 1600px) / 2);
  }

  #pcheader {
    top: calc((100vw - 1600px) / 2);
  }
}

@media screen and (max-width: 1600px) {
  body {
    padding-top: 0;
  }

  #pcheader {
    top: 0;
  }

  #sidebar .content {
      flex: 0 0 76.6667%;/*66.6667%*/
      max-width: 76.6667%;/*66.6667%*/
  }
  #main-content .content {
    flex: 0 0 85%;/*75%*/
      max-width: 85%;/*75%*/
  }
}

@media screen and (max-width: 1400px) {
  #sidebar .content {
      flex: 0 0 90%;/*66.6667%*/
      max-width: 90%;/*66.6667%*/
  }
  #main-content .content {
    flex: 0 0 90%;/*75%*/
      max-width: 90%;/*75%*/
  }
}

@media screen and (max-width: 1300px) {
  #pcheader .btn {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  #hero .content h1 {
    font-size: 4.35vw;
  }

  #hero .content span {
    font-size: 3vw;
  }

  #contact {
    padding-top: 2em;
    padding-bottom: 2em;
    background-position: 15%;
  }

  #contact > .wrapper {
    position: static;
  }

  #pcheader .navigation-container .nav-item a.parent:after {
    font-size: 1.75em;
    bottom: calc(1em / 1.75);
  }

  #hero.subpage .content h1 {
    font-size: 4.35vw;
  }

  #hero.subpage .content span {
    font-size: 3vw;
  }
}

@media screen and (max-width: 1200px) {
  #meet-dr img.drMoriwaki {
    max-height: 85%;
  }

  #sidebar .content {
      flex: 0 0 95%;/*66.6667%*/
      max-width: 95%;/*66.6667%*/
  }
  #main-content .content {
    flex: 0 0 95%;/*75%*/
      max-width: 95%;/*75%*/
  }
}

.show991 {
  display: none!important;
}

.show991flex {
  display: none!important;
}
@media screen and (max-width: 991px) {
  #bottomNav {
    display: flex;
  }

  #hero.contact {
    background-position: 87%;
  }

  #footer-padding {
    min-height: calc(8vh + 15px);
  }

  #footer-last > div > div.col-lg-6.content.left > span {
    text-align: center;
  }

  #hero {
    padding-top: 0;
    min-height: 400px;
    height: 100vw;
    max-height: 700px;
  }

  #hero .content .buttons-wrapper > .btn {
    flex: 1 0 calc(50% - .5em);
    padding-left: 5px;
    padding-right: 5px;
  }

  #hero .content h1 {
    font-size: 5.35vw!important;
  }

  #hero .content span {
    font-size: 4vw!important;
  }

  .show991 {
    display: initial!important;
  }

  .show991flex {
    display: flex!important;
  }

  .hide991 {
    display: none!important;
  }

  #pcheader a.logo {
    font-size: 2em;
  }

  #meet-dr img.drMoriwaki {
    display: none;
  }

  .testimonial-item blockquote.review {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial-item blockquote.review:before {
    left: 3%;
  }

  #contact .content.contact-form-wrapper {
    padding-left: 15px!important;
    padding-right: 15px!important;
  }

  .contact-form-wrapper form .double.left {
    padding-right: 15px!important;
  }

  .contact-form-wrapper form .double.right {
    padding-left: 15px!important;
  }

  #contact .content.text {
    padding-bottom: 5em;
  }

  #pcheader .wrap > .static:after {
    display: none;
  }

  #footer-last .content {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #footer-last .content:first-child {
    padding-bottom: 0;
  }

  #footer-last .content:last-child {
    padding-top: 0;
  }


  #footer-last .content + .content {
    padding-top: 1em;
  }

  #contact-subpage {
    flex-direction: column;
  }

  #contact-subpage .column.left .row {
    padding-left: 8%;
    padding-right: 8%;
  }

  #contact-subpage .column.right > .row {
    padding-right: 8%;
    padding-left: 8%;
    padding-bottom: 4%;
  }

   .grecaptcha-badge {
    display: none!important;
    opacity: 0!important;
  }



}

@media screen and (max-width: 850px) {
  #subpage {
    flex-direction: column;
  }

  #subpage #main-content .row {
    padding-right: 0;
  }

  #sidebar .content {
    padding-left: 15px;
  }

  #subpage #sidebar {
    padding-top: 3.5em;
  }

  #sidebar .content {
      padding-left: 0!important;
      padding-right: 0!important;
  }
  #main-content .content {
      padding-left: 0!important;
      padding-right: 0!important;
  }

  #subpage #main-content .row {
    justify-content: center;
  }
  #subpage #sidebar .row {
    justify-content: center;
  }
}

@media screen and (max-width: 500px) {
  #main-content .entry ul {
    padding-left: .5em;
  }

  .contact-form-wrapper > .form-wrap {
    padding: 3em 1em;
  }

  #after-hero p.heading {
    padding: 1.5em 0;
  }

  #after-hero * > p + p {
    margin-top: 1.5em;
  }

  #after-hero p.spacer {
    padding: 2em 0;
    margin-bottom: 1em;
  }

  #other-services p.c5heading {
    padding: 1em 0;
  }

  #other-services {
    padding-bottom: 2em;
  }

  #lets-chat {
    padding: 2.25em 0;
  }

  #meet-dr .container {
    padding: 1.5em 0 2em;
  }

  #testimonials .heading h1 {
    padding-top: 1em;
  }

  .testimonial-item blockquote.review {
    font-size: 1em;
    margin-bottom: 1.25em;
  }

  .testimonial-item {
    padding-bottom: 1.5em;
  }

  #testimonials {
    padding-bottom: 2em;
  }

  #contact .text .heading {
    padding-bottom: 1em;
  }

  table.contact > tbody > tr.last:not(:last-child) > td {
    padding-bottom: 1.5em;
  }

  #contact .content.text {
    padding-bottom: 3em;
  }

  .contact-form-wrapper > .form-wrap {
    padding: 1em;
  }

  #footer-first .socials > a {
    margin-top: 0;
    margin-bottom: 0;
  }

  #after-hero p {
    font-size: .95em;
  }

  #meet-dr .content .paragraphs > p {
    font-size: .95em;
  }

  #main-content .content h1.page-title, #contact-subpage .content h1.page-title {
    font-size: 1.75em;
    padding: calc(.5em + 10px) 0 calc(.5em + 10px);
  }

  #main-content .entry {
    padding-top: 15px;
    font-size: .9em;
  }

  #main-content .entry > * + * {
    margin-top: 15px;
  }

  #main-content .entry > ul + h3 {
    margin-top: 25px;
  }

  #main-content .entry > h3 + ul {
    margin-top: 25px;
  }

  #subpage #main-content {
    padding-bottom: 25px;
  }

  #subpage #sidebar {
    padding-top: 20px;
  }

  #sidebar #cta {
    margin-top: 1em;
    margin-bottom: 25px;
  }

  #subpage {
    padding-bottom: 0;
  }

  #contact-subpage {
    margin-top: 0;
  }

  #contact-subpage table.contact {
    margin-bottom: 2em;
    margin-top: 1.5em;
  }

  #map {
    margin-top: 0;
  }

  #contact-subpage {
    padding-bottom: 2em;
  }
}