/*----------------------------------------------------*/
/*=================== Header =================*/
.navbar__office__info {
  line-height: 1.1em; }

@media all and (max-width: 1200px) {
  .header_area .top_menu .container {
    width: 100%;
    padding: 0; }
    .header_area .top_menu .container .dn_btn {
      margin-right: 16px; }
    .header_area .top_menu .container i {
      margin-right: 4px; } }

@media all and (max-width: 991px) {
  .header_area .top_menu .container .dn_btn {
    margin-right: 8px;
    font-size: 11px; } }

/*============== home-page css ===============*/
.frontpage .notice-area {
  background: #f7f7f7;
  padding: 3rem 0 2rem; }
  .frontpage .notice-area h2 {
    color: #33363e;
    font-family: "Playfair Display", serif;
    font-weight: bold; }
  .frontpage .notice-area ul {
    list-style: disc;
    padding-left: 15px; }

.frontpage .about-area {
  background: url(../img/banner/home-banner-flipped.jpg);
  background-size: cover;
  margin-top: -90px;
  padding-top: 180px; }
  .frontpage .about-area:after {
    background: none;
    display: none;
    visibility: hidden; }
  @media all and (max-width: 1377px) {
    .frontpage .about-area {
      background-position-x: 25%; } }
  @media all and (max-width: 1199px) {
    .frontpage .about-area {
      background-position-x: 50%; } }
  @media all and (max-width: 980px) {
    .frontpage .about-area {
      background-position-x: 45%; } }
  @media all and (max-width: 767px) {
    .frontpage .about-area {
      background-position-x: right; } }

.frontpage .banner-area {
  background: #f7f7f7;
  background-image: url(../img/background/bg_1.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 70px 0; }
  .frontpage .banner-area .row:after {
    content: '';
    margin-left: 50px;
    margin-top: 200px;
    width: 600px;
    height: 444px;
    background: url(../img/window-view680.jpg);
    background-size: cover; }
    @media all and (max-width: 1199px) {
      .frontpage .banner-area .row:after {
        width: 400px;
        height: 293px;
        background-size: contain;
        background-repeat: no-repeat; } }
    @media all and (max-width: 991px) {
      .frontpage .banner-area .row:after {
        width: 300px;
        height: 222px;
        margin-left: 50px;
        background-size: contain;
        background-repeat: no-repeat; } }
    @media all and (max-width: 767px) {
      .frontpage .banner-area .row:after {
        width: 600px;
        height: 75vw;
        max-width: 100%;
        margin-top: 0;
        margin-left: 15px;
        margin-right: 15px;
        background-size: contain;
        background-repeat: no-repeat; } }

.frontpage .webform-submission-appointment-form .js-form-type-radio input.form-radio {
  height: 14px;
  width: auto;
  display: inline-block; }

.frontpage .webform-submission-appointment-form .js-form-type-radio label {
  display: inline-block; }

/*================== Forms ===================*/
.webform-submission-appointment-form .form-item {
  margin-bottom: 1rem; }
  .webform-submission-appointment-form .form-item label {
    width: 100%; }
  .webform-submission-appointment-form .form-item input {
    max-width: 360px; }

.webform-submission-appointment-form fieldset legend span {
  font-size: 14px; }

.webform-submission-appointment-form .form-item-existing-or-new-patient label {
  max-width: 150px; }

.path-form-appointment {
  max-width: 100vw;
  overflow-x: hidden; }

/*---------------------------------------------------- */