@media (max-width: 992px)
{
    .nav-menu {
        height: calc( 100vh - 30px );
        overflow-y: scroll;
        overflow-x: hidden;
        padding-top: 70px !important;
    }
    .nav-menu .menu-item > .sub-menu > .menu-item {
        margin-left: 0 !important;
    }
    .nav-menu .menu-item > .sub-menu > .menu-item a {
        font-size: 22px;
        padding-top: 0;
        opacity: .8;
    }
    #sNav[style="width: 100%;"] .nav-menu > ul > .menu-item:first-child { -webkit-transition-delay: .45s; transition-delay: .45s; }
    #sNav[style="width: 100%;"] .nav-menu > ul > .menu-item:nth-child(2) { -webkit-transition-delay: .55s; transition-delay: .55s; }
    #sNav[style="width: 100%;"] .nav-menu > ul > .menu-item:nth-child(3) { -webkit-transition-delay: .65s; transition-delay: .65s; }
    #sNav[style="width: 100%;"] .nav-menu > ul > .menu-item:nth-child(4) { -webkit-transition-delay: .75s; transition-delay: .75s; }
    #sNav[style="width: 100%;"] .nav-menu > ul > .menu-item:nth-child(5) { -webkit-transition-delay: .85s; transition-delay: .85s; }
    #sNav[style="width: 100%;"] .nav-menu > ul > .menu-item:nth-child(6) { -webkit-transition-delay: .95s; transition-delay: .95s; }
    #sNav[style="width: 100%;"] .nav-menu > ul > .menu-item:nth-child(7) { -webkit-transition-delay: 1.05s; transition-delay: 1.05s; }
    #sNav[style="width: 100%;"] .nav-menu > ul > .menu-item:nth-child(8) { -webkit-transition-delay: 1.15s; transition-delay: 1.15s; }
    #sNav[style="width: 100%;"] .nav-menu > ul > .menu-item:nth-child(9) { -webkit-transition-delay: 1.25s; transition-delay: 1.25s; }
    #sNav[style="width: 100%;"] .nav-menu > ul > .menu-item:nth-child(10) { -webkit-transition-delay: 1.35s; transition-delay: 1.35s; }
    #sNav[style="width: 100%;"] .nav-menu > ul > .menu-item:nth-child(11) { -webkit-transition-delay: 1.45s; transition-delay: 1.45s; }
    #sNav[style="width: 100%;"] .nav-menu > ul > .menu-item:nth-child(12) { -webkit-transition-delay: 1.55s; transition-delay: 1.55s; }
    #sNav[style="width: 100%;"] .nav-menu > ul > .menu-item:nth-child(13) { -webkit-transition-delay: 1.65s; transition-delay: 1.65s; }
    #sNav[style="width: 100%;"] .nav-menu > ul > .menu-item:nth-child(14) { -webkit-transition-delay: 1.75s; transition-delay: 1.75s; }


    #sNav[style="width: 100%;"] .nav-menu > ul ul > .menu-item:first-child { -webkit-transition-delay: .65s; transition-delay: .65s; }
    #sNav[style="width: 100%;"] .nav-menu > ul ul > .menu-item:nth-child(2) { -webkit-transition-delay: .75s; transition-delay: .75s; }
    #sNav[style="width: 100%;"] .nav-menu > ul ul > .menu-item:nth-child(3) { -webkit-transition-delay: .85s; transition-delay: .85s; }
    #sNav[style="width: 100%;"] .nav-menu > ul ul > .menu-item:nth-child(4) { -webkit-transition-delay: .95s; transition-delay: .95s; }
    #sNav[style="width: 100%;"] .nav-menu > ul ul > .menu-item:nth-child(5) { -webkit-transition-delay: 1.05s; transition-delay: 1.05s; }
    #sNav[style="width: 100%;"] .nav-menu > ul ul > .menu-item:nth-child(6) { -webkit-transition-delay: 1.15s; transition-delay: 1.15s; }
    #sNav[style="width: 100%;"] .nav-menu > ul ul > .menu-item:nth-child(7) { -webkit-transition-delay: 1.25s; transition-delay: 1.25s; }
    #sNav[style="width: 100%;"] .nav-menu > ul ul > .menu-item:nth-child(8) { -webkit-transition-delay: 1.35s; transition-delay: 1.35s; }
    #sNav[style="width: 100%;"] .nav-menu > ul ul > .menu-item:nth-child(9) { -webkit-transition-delay: 1.45s; transition-delay: 1.45s; }
    #sNav[style="width: 100%;"] .nav-menu > ul ul > .menu-item:nth-child(10) { -webkit-transition-delay: 1.55s; transition-delay: 1.55s; }
    #sNav[style="width: 100%;"] .nav-menu > ul ul > .menu-item:nth-child(11) { -webkit-transition-delay: 1.65s; transition-delay: 1.65s; }
    #sNav[style="width: 100%;"] .nav-menu > ul ul > .menu-item:nth-child(12) { -webkit-transition-delay: 1.75s; transition-delay: 1.75s; }
    #sNav[style="width: 100%;"] .nav-menu > ul ul > .menu-item:nth-child(13) { -webkit-transition-delay: 1.85s; transition-delay: 1.85s; }
    #sNav[style="width: 100%;"] .nav-menu > ul ul > .menu-item:nth-child(14) { -webkit-transition-delay: 1.95s; transition-delay: 1.95s; }

    #sNav .nav-menu .menu-item {
        will-change: opacity,transform;
        -webkit-transition: opacity .35s,-webkit-transform 0s linear .35s;
        transition: opacity .35s,-webkit-transform 0s linear .35s;
        transition: opacity .35s,transform 0s linear .35s;
        transition: opacity .35s,transform 0s linear .35s,-webkit-transform 0s linear .35s;
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
        opacity: 0;
    }

    #sNav[style="width: 100%;"] .nav-menu .menu-item {
        -webkit-transition: opacity .35s,-webkit-transform .35s ease-out;
        transition: opacity .35s,-webkit-transform .35s ease-out;
        transition: opacity .35s,transform .35s ease-out;
        transition: opacity .35s,transform .35s ease-out,-webkit-transform .35s ease-out;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@media (min-width: 993px)
{
    .nav-menu .menu-item > .sub-menu {
        background: #eeeded;
        position: absolute;
        width: 200px;
        left: 0;
        top: 35px;
        box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
        border-radius: 5px;
        transform: translateY(12px);
        opacity: 0;
        pointer-events: none;
        transition: opacity .25s, transform .25s;
    }
    .nav-menu .menu-item:last-child > .sub-menu {
        left: auto;
        right: 0;
    }

    .nav-menu .menu-item > .sub-menu > .menu-item a {
        padding: 11px 14px;
        display: block;
        font-size: 16px;
        border-radius: 0;
    }

    .nav-menu .menu-item:hover > .sub-menu, .nav-menu .menu-item:focus-within > .sub-menu {
        opacity: 1;
        transform: translateY(0px);
        pointer-events: auto;
    }

    .nav-menu .menu-item > .sub-menu > .menu-item a:hover {
        background-color: white;
    }

    .nav-menu .menu-item > .sub-menu > .menu-item {
        margin: 0 !important;
        padding: 0;
        display: block;
    }

    .nav-menu .menu-item > .sub-menu > .menu-item:first-child a {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .nav-menu .menu-item > .sub-menu > .menu-item:last-child a {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
}

/********

Additional Styles

*********/
.body-wrapper ul.no-bullets li {
	list-style-type: none;
	padding-left: none;
}
.body-wrapper ul.no-bullets {
	padding-left: 0px;
}
.nav-link w-inline-block {
    display:inline-block;
}
.footer-custom-wrapper {
	color:#819bb8;
	font-size: 12px;
}
.background-image-cover {
    background-image: url(https://www.gopraxishealth.com/wp-content/uploads/2020/03/praxis-health-patients-hero.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	  min-height: 42vh;
  }

.margin-right-10px {
  margin-right: 10px;
}
#primary-care-scheduling-link {
  margin-right: 10px;
}

 ul.no-bullets li{
  list-style-type: none;
}
ul.no-bullets {
  padding-left: 0px;
}

/* CUSTOM LANDING PAGE HEADER */
#about h1{font-size:44px;line-height:44px;margin-top:20px;}
.background-image-landing {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
  	  min-height: 42vh;
    }
.landing-float-right-div {
    display: flex;
	  min-height: 42vh;
}
#about h1.landing-float-Right-text {
      font-family: 'RobotoSlab-ExtraLight','Roboto Slab', sans-serif;
      color: #ffffff;
      font-size: 46px;
      line-height: 1.1;
      font-weight: 400;
      display: inline-block;
      text-align: right;
      align-self: center;
      position: absolute;
      right: 5%;
      width: 45%;
  }
#about h1.landing-float-Left-text {
      font-family: 'RobotoSlab-ExtraLight','Roboto Slab', sans-serif;
      color: #ffffff;
      font-size: 46px;
      line-height: 1.1;
      font-weight: 400;
      display: inline-block;
      text-align: left;
      align-self: center;
      position: relative;
      left: 0;
      width: 45%;
  }
@media only screen and (max-width: 1152px) {

}

@media only screen and (max-width: 1025px) {
.background-image-cover, .background-image-landing {
    min-height: 32vh;
  }
  .landing-float-right-div {
    min-height: 32vh;
  }
  .landing-float-Right-text {
        width: 50%;
    }
    #about h1.landing-float-Right-text, #about h1.landing-float-Left-text {
      font-size: 44px;
      line-height: 48px;
      }
}
@media only screen and (max-width: 991px) {

}
@media only screen and (max-width: 769px) {
  .background-image-cover, .background-image-landing {
    min-height: 25vh;
  }
  .landing-float-right-div {
    min-height: 25vh;
    }
    #about h1.landing-float-Right-text, #about h1.landing-float-Left-text {
      font-size: 30px;
      line-height: 38px;
      }
}
@media only screen and (max-width: 576px) {
  .background-image-cover, .background-image-landing {
    min-height: 18vh;
  }
  .landing-float-right-div {
    min-height: 18vh;
    }
  #about h1.landing-float-Right-text, #about h1.landing-float-Left-text {
    font-size: 25px;
    line-height: 24px;
    }
  }
@media only screen and (max-width: 414px) {
#about h1.landing-float-Right-text, #about h1.landing-float-Left-text {
    font-size: 15px;
    line-height: 24px;
  }
}

/* Self Scheduling Link */
  #primary-care-scheduling-link {
    margin-right: 10px;
  }

  @media only screen and (max-width: 1152px) {
    .patient-portal-link {
        font-size: 110%;
    }
    .nav-phone {
      font-size: 90%;
    }
    .fax, .fax #text {
      font-size: 90%;
    }
  }
  @media only screen and (max-width: 1024px) {

  }
  @media only screen and (max-width: 991px) {
    #primary-care-scheduling-link {
      margin: 10px auto;
    }
    .patient-portal-link {
        max-width: 70% !important;
        margin-bottom: 10px;
    }
  }
  @media only screen and (max-width: 768px) {
    .patient-portal-link {
        font-size: 110%;
        max-width: 100% !important;
        margin: 15px auto 15px auto;
      }
  }
  @media only screen and (max-width: 414px) {

  }
/* Smartsheet Form */
.content-section.contact.contact-white {
  background-color: #fff;
}
.w-form {
	padding-left: 100px;
}
  @media only screen and (max-width: 1152px) {
  .w-form {
    padding-left: 50px;
  }
}
@media only screen and (max-width: 1024px) {
  .w-form {
    padding-left: 20px;
  }
}
	@media only screen and (max-width: 991px) {
  .w-form {
    padding-left: 140px;
  }
}
	@media only screen and (max-width: 768px) {
  .w-form {
    padding-left: 60px;
  }
}
	@media only screen and (max-width: 414px) {
  .w-form {
    padding-left: 0px;
  }
}

/* For mobile devices */
  @media only screen and (max-width: 1152px) {
      .nav-wrapper-phone .patient-portal-link {
          font-size: 110%;
      }
      .nav-phone {
        font-size: 90%;
      }
      .fax, .fax #text {
        font-size: 90%;
      }
  }

  @media only screen and (max-width: 1024px) {
      #about .body-wrapper h1 {
        font-size: 44px;
        line-height: 48px;
      }
		}
	@media only screen and (max-width: 991px) {
    #primary-care-scheduling-link {
      margin: 10px auto;
    }
    .nav-wrapper-phone .patient-portal-link {
        max-width: 60% !important;
        margin-bottom: 10px;
    }

  }
  @media only screen and (max-width: 767px) {
    .nav-wrapper-phone .patient-portal-link {
        font-size: 110%;
        max-width: 60% !important;
        margin: 15px auto 15px auto;

      }
      #about .body-wrapper h1 {
        font-size: 34px;
        line-height:40px;
      }
		}
		@media only screen and (max-width: 576px) {

      }
      @media only screen and (max-width: 375px) {
        .nav-wrapper-phone .patient-portal-link {
            max-width: 375px !important;

          }
          #about .body-wrapper h1 {
            font-size: 24px;
            line-height: 34px;
          }
        }
