@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli Regular'), local('Muli-Regular'), url(https://fonts.gstatic.com/s/muli/v11/7Auwp_0qiz-afT3GLRrX.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli Regular'), local('Muli-Regular'), url(https://fonts.gstatic.com/s/muli/v11/7Auwp_0qiz-afTzGLRrX.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli Regular'), local('Muli-Regular'), url(https://fonts.gstatic.com/s/muli/v11/7Auwp_0qiz-afTLGLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

#RwRequestAppointment {
    text-align: center;
}

#RW_Iframe_RequestAppointment {
    max-width: 100%;
}

#RW_Iframe_Review {
    max-width: 100%
}

.hideButton {
    display: none;
}

.reviews article {
    text-align: center;
    padding-bottom: 30px;
    max-height: 1000px;
}

@media screen and (min-width: 600px){
    .reviews article {
        max-height: 750px !important;
    }
} 

body, html, form {
    height: 100%;
    margin: 0;
}

.top-bar {
    width: 100%;
    color: #fff;
    text-align: center;
    display: inline-block;
    min-height: 25px;
    background-color: #315b9b;
}

nav > .top-bar + div {
    padding: 4px 0px 4px 0px;
    text-align: center;
    width: 100%;
}

.top-bar p, .top-bar address {
    display: inline;
    padding: 0px 5px;
    font-family: "Myriad Pro", sans-serif;
    font-size: 16px;
}

.top-bar a {
    color: #fff;
}

.navbar {
    padding: 0rem 0rem 0rem 0rem !important;
}

.navbar.bg-primary {
    background-color: #fff !important;
}

.navbar .navbar-brand,
.navbar div label.navbar-brand:hover {
    color: #315b9b;
    font-family: "Myriad Pro", sans-serif;
    font-size: 18px;
}

nav ul {
    list-style: none;  
    margin: 0px;
    padding: 0px;
}

nav ul li ul {
    display: none;
}

.carousel-fade .carousel-inner .carousel-item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.top-image.one {
    background-image: url('../images//Home/BannerCarousel/1-main-img.jpg');
}

.top-image.two {
    background-image: url('../images//Home/BannerCarousel/2-main-img.jpg');
}

.top-image.three {
    background-image: url('../images//Home/BannerCarousel/3-main-img.jpg');
}

.top-image.four {
    background-image: url('../images//Home/BannerCarousel/4-main-img.jpg');
}

#carouselHomeBannerImg,
.carousel-inner {
    height: 100%;
}

.top-image {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

a:hover {
    color: inherit !important;
}

.btn-mobile {
    text-align: center;
    padding-top: 20px;
}

.btn-primary {
    font-family: 'Mulli', sans-serif;
    font-size: 18px !important;
    border-color: transparent !important;
    font-weight: bold;
    background-color: #315b9b !important;
}

.btn-primary.contact {
    background-color: #53e2f1 !important;
}

.btn-primary.call {
    background-color: #ffffff !important;
    color: #315b9b !important;
    width: 248px;
    margin-bottom: 20px;
    font-size: 21px !important;
}

.btn-primary.btn-danger {
    background-color: #cf1c00 !important;
}

.navbar .container .nav-emergency {
    margin-top: 32px;
    margin-left: 18px;
}

.nav-emergency + a {
    margin-top: -62px;
    margin-left: 18px;
}

.nav-emergency p {
    font-style: italic;
    font-family: "Myriad Pro", sans-serif;
    font-size: .65em;
    text-align: center;
    margin-top: 7px;
    color: #444;
}

.top-image .scroll-down {
    text-align: center;
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.top-image .scroll-down p {
    margin: auto;
    border-radius: 100%;
    background-color: #315b9b;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    margin-top: 50px;
}

.top-image .scroll-down p a {
    color: #fff;
}

.about .about-img {
    background-color: #c6d1d3;
    padding: 0px;
}

.about .about-img .img-fluid {
    width: 100%;
}

.about-txt {
    margin: 30px 30px;
}

.about .about-txt h1 {
    font-family: "Myriad Pro", sans-serif;
    font-size: 28px;
    color: #315b9b;
    text-align: center;
}

.about .about-txt p {
    font-family: "Myriad Pro", sans-serif;
    font-size: 16px;
    color: #4e5355;
    text-align: center;
}

.about .row {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eee;
}

.container-fluid.about, .container-fluid.section2, .container-fluid.section3, .container-fluid.section4 {
    margin-top: 20px;
}

.meet-dental-top, .meet-dental-bottom {
    height: 55px;
    background-color: #315b9b;
}

.meet-dental-top h2, .reviews-top h2 {
    font-family: "Myriad Pro", sans-serif;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 55px;
}

.widget-update {
    margin: 0px auto;
}

.reviews-top, .reviews-bottom {
    height: 55px;
    background-color: #8e9698;
}

#carouselExampleCaptions .carousel-item,
#carouselExampleIndicators .carousel-item {
    height: 435px;
}

#carouselExampleIndicators .carousel-item img {
    width: 100%;
    height: 435px;
    margin: auto;
}

.doctors .item {
    opacity: .15;
    display: flex !important;
}
.doctors .item img {
    margin:auto;

}

.doctors .item.slick-current {
    opacity: 1;
    
}

.doctor-names-row {
    background-color: #315B9B;
}

.doctor-names .item {
    font-family: "Myriad Pro", sans-serif;
    color: #FFF;
    line-height: 55px;
    text-align: center;
}

#carouselExampleCaptions .carousel-inner {
    background-image: url("../images/Home/reviews-bkg.jpg") !important;
}

.doctors {
    background-image: url('../images/Home/DentistsCarousel/Dentist-bkg.png');
    background-repeat: repeat-x;
}

#carouselHomeBannerImg .carousel-item a:last-child {
    margin-top: 20px;
}

.doctor-names-row {
    display: flex;
    max-height: 55px;
}

.doctor-names-row > div {
    margin: auto;
}

.doctor-back {
    float: left;
}

.doctor-forward {
    float: right;
}

.doctor-back,
.doctor-forward {
    display: inline-block;
    width: 25px;
    line-height: 55px;
    padding-top: 4px;
    cursor: pointer;
}

.doctor-names {
    display: inline-block !important;
}

img.d-block {
    margin: auto;
}

.carousel-caption.d-md-block p {
    font-family: "Myriad Pro", sans-serif;
    font-size: 16px;
    color: #4e5355;
    text-align: center;
    line-height: 24px;
}

.carousel-caption.d-md-block h3 {
    font-family: "Myriad Pro", sans-serif;
    font-size: 18px;
    color: #315b9b;
    text-align: center;
}

.carousel-caption.d-md-block span i {
    color: #ab8600;
    text-align: center;
}

.carousel-caption {
    bottom: initial !important;
    top: 50%;
    transform: translateY(-50%);
}

.carousel-item {
    transform-style: preserve-3d;
}

.carousel-control-next, .carousel-control-prev {
    opacity: 1 !important;
    top: 435px !important;
    width: 35% !important;
    cursor: pointer;
}

/*GALLERY SLICK SLIDER IMAGES, ARROWS AND YOUTUBE VIDEO FORMATTING*/

@media screen and (min-width: 320px) {

    .gallery-control-prev {
        cursor: pointer;
        display: inline-block;
        width: 25px;
        height: 25px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23315b9b' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
        position: absolute;
        margin: -15px;
    }

    .gallery-control-next {
        cursor: pointer;
        display: inline-block;
        width: 25px;
        height: 25px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23315b9b' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
        position: absolute;
        margin: -15px;
    }
    
    .main-gallery-img {
       max-width: 100%;
       margin: auto;
    }

    .nav-width {
       max-width:90%;
    }

    .mini-gallery-img {
        max-width: 80%;
    }

    .gallery-video {
        max-width: 90%;
    }
}

@media screen and (min-width: 768px) {

    .mini-gallery-img {
        max-width: 90%;
    }
}

@media screen and (min-width: 1080px) {

    .main-gallery-img {
        max-width: 75%;
    }

    .mini-gallery-img {
        max-width: 70%;
    }

    .nav-width {
        max-width: 65%;
    }
}

@media screen and (min-width: 1280px) {
    .main-gallery-img {
        max-width: 60%;
    }

    .mini-gallery-img {
        max-width: 80%;
    }

    .nav-width {
        max-width: 50%;
    }
}


.container-fluid.section3 {
    background-image: url("../images/Home/contact-bkg.jpg");
    height: 560px;
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.container-fluid.section4 {
    padding: 0px;
}

.container-fluid.section4 iframe {
    height: 450px;
    width: 100%;
    border: 0px;
    margin-bottom: -6px;
}

footer {
    background-color: #315b9b;
    color: #ffffff;
}

footer a {
    color: #FFF;
}

footer .container-fluid .row .hours {
    background-color: #224072;
}

.widget-title {
    margin-top: 30px;
}

.single-widget .widget-social {
    padding-left: 40px;
    padding-bottom: 0px;
}

.footer-logo {
    text-align: center;
}

.footer-logo a img {
    margin-top: 100px;
}

.widget-social i {
    font-size: 35px;
    padding-right: 7px;
    color: #ffffff;
}

.single-widget h5 {
    font-family: "Myriad Pro", sans-serif;
    font-size: 24px;
    font-weight: normal;
}

.single-widget p,
.single-widget address {
    font-family: "Myriad Pro", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    padding: 0px;
    margin: 0px;
}

.bottom-bar {
    width: 100%;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    line-height: 35px;
    background-color: #8d9698;
}

.bottom-bar p {
    display: inline;
    padding: 0px 5px;
    font-family: "Myriad Pro", sans-serif;
    font-size: 16px;
    line-height: 35px;
}

.bottom-bar a {
    color: #ffffff;
}

.bottom-nav {
    width: 100%;
    color: #224172;
    text-align: center;
    display: inline-block;
    background-color: #ffffff;
}

.bottom-nav p {
    display: inline;
    padding: 0px 20px;
    font-family: "Myriad Pro", sans-serif;
    font-size: 18px;
    line-height: 90px;
}

.bottom-nav a {
    color: #315b9b;
    padding:20px;
}

.bottom-nav a img {
    padding: 0px 30px;
}

#carouselExampleCaptions .carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    border-radius: 100%;
    background-color: #ffffff;
}

#carouselExampleCaptions .carousel-indicators .active {
    background-color: #315b9b;
}

#ContactUs, #PayMyBill {
    position: relative;
    top: -150px;
}

#about {
    position: relative;
    top: -140px;
}

.contactUsFrame {
    display: flex;
    justify-content: center;
}

.contactUs {
    width: 520px;
}

.contactUs > div:first-child {
    text-align: center;
    color: #FFF;
    margin: 30px 0px 25px 0px;
    font-size: 24px;
}

.contactUs {
    font-family: "Myriad Pro", sans-serif;
    color: #FFF;
}

.contactUs input,
.contactUs textarea,
.schedule-appointment-form input {
    font-size: 16px;
    color: #006069;
    height: 35px;
    padding-left: 10px;
    width: 100%;
}

.contactUs input,
.contactUs textarea {
    border: 0px;
}

.schedule-appointment-form input 
{
    margin-bottom: 15px;
}

.contactUs > div input {
    margin-bottom: 0px;
}

.contactUs textarea {
    height: 105px;
}

.contactUs .submitButton {
    height: 64px;
    color: #FFF;
    font-size: 21px;
    background-color: #53E2F1;
    margin: 0px auto;
    display: flex;
    justify-content: center;
}

label.navbar-brand {
    margin-bottom: 0px;
}

.banner-img {
    height: 125px;
    width: 100%;
}

.section-main-body {
    font-family: "Myriad Pro", sans-serif;
}

.dentists-main-body .row,
.section-patients .row {
    margin-bottom: 50px;
}

.section-main-body article {
    font-family: "Myriad Pro", sans-serif;
    font-size: 16px;
    color: #444;
    line-height: 19.2px;
}

.section-main-body article h6 {
    color: #315B9B;
    font-weight: bold;
}

.section-main-body article p + a {
    margin-top: 12px;
}

.widget-hours,
.single-widget.widget-social {
    padding-bottom: 15px;
}

.services-link {
     text-decoration: none !important;
}

.checkups {
    background: url('../images/services/checkups-sized.jpg') no-repeat center;
}

.cosmetic {
    background: url('../images/services/cosmetic-sized.jpg') no-repeat center;
}

.fillings {
    background: url('../images/services/fillings-sized.jpg') no-repeat center;
}

.root-canals {
    background: url('../images/services/root-canal-sized.jpg') no-repeat center;
}

.invisalign {
    background: url('../images/services/invisalign.jpg') no-repeat center;
}

.pediatric {
    background: url('../images/services/pediatric.png') no-repeat center;
}

.emergency,
.emergency a {
    font-size: 18px;
    color: #CF1C00;
    font-family: "Myriad Pro", sans-serif;
    font-weight: bold;
    padding: 8px 0px 8px 0px;
}

.schedule-appointment-form {
    margin: 0px auto;
    font-family: "Myriad Pro", sans-serif;
    font-size: 16px;
    color: #006069;
}

.container > .schedule-appointment-form > p > strong {
    color: #000;
}

.schedule-appointment-form textarea {
    width:100%;
    height: 105px;
}

.schedule-appointment-form p {
    text-align: center;
}

.schedule-appointment-form .row {
    margin-bottom: 15px;
}

.schedule-appointment-form .row label {
    text-align: center;
    margin: 0px auto;
    font-size: 16px;
    color: #8D9698;
}
.schedule-appointment-form input[type="submit"]
{
    width: 322px;
    height: 64px;
    background-color: #6ae6f1;
    color: #FFF;
    margin: 0px auto;
    border: 0;
    box-shadow: none;
    border-radius: 0px;
}

#screenblock.active {
    width:100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    opacity: .5;
    background-color: #000;
    z-index: 1;
}

.bottom-nav a:last-child {
    border: 1px solid #315b9b;
    border-radius: 10px;
}

.banner-img header {
    color: #FFF;
    text-align: center;
}

.banner-img header h1 {
    line-height: 115px;
}

.button-position-center {
    display: flex;
    width: 100%;
}

.button-position-center > a.btn {
    margin: auto;
}

@media screen and (min-width: 320px) {
    .navbar > .container {
        display: none;
    }
    .navbar > .burger {
        cursor : pointer;
        position: fixed;
        bottom: 20px;
        right: 30px;
        z-index: 2;
        background: url('../images/common/burger.png') no-repeat;
        width: 49px;
        height: 47px;
    }
    .navbar > .burger.active {
        cursor : pointer;
        background: url('../images/common/burger-close.png') no-repeat;
    }
    .sub-nav > a > i:last-child,
    .sub-nav.hoverActive > a > i:first-child {
        display: none;
    }
    .sub-nav.hoverActive > a > i:last-child {
        display: inline-block;
    }
    nav > .container a {
        font-family: "Myriad Pro", sans-serif;
        font-size: 18px;
    }
    nav > .container a.btn-primary {
        font-size: 12px !important;
        font-weight: normal;
    }
    .section-main-body .container .row > aside:first-child {
        width: 100%;
        text-align: center;
    }
    .section-main-body .container .row > aside img {
        width:100%;
    }
    .section-main-body article {
        padding: 20px;
    }
    .services-section article {
        padding: 0px;
    }
    .services-main-body .container > .row > div > div {
        text-align: center;
        margin-bottom: 30px;
    }
    .services-main-body .container > .row > div > div > a {
        line-height: 300px;
        color: #FFF;
        font-size: 27px;
        font-weight: bold;
        font-family: "Myriad Pro", sans-serif;
        display: inline-block;
        width:100%;
    }
    .services-main-body .container > .row > div > div > a:hover {
        color: #0A97B0 !important;
    }
    .section-main-body > .container > .row > aside.awards {
        margin: 0px auto;
    }
    .contactUs {
        width: 300px;
    }
    .contactUs .col-sm,
    .contactUs .col-md-6 {
        margin-bottom: 15px;
    }
    .contactUs > div:first-child {
        text-align: center;
        color: #FFF;
        margin: 10px 0px 10px 0px;
        font-size: 24px;
    }
    .contactUs input[type="submit"] {
        width: 300px;
    }
    .navbar > .container > ul > li.mobile {
        border-bottom: 0px solid transparent !important;
        display:inline-block !important;
    }
    .navbar > .container > ul > li.mobile.second {
        float: right;
        padding-right: 10px;
    }
    .bottom-bar ul,
    .bottom-bar li {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }
    .doctor-names .item {
        font-size: 20px;
    }
    .doctor-names {
        width: 280px;
    }
    .reviews {
        color: #444;
        line-height: 19px;
        font-size: 16px;
        font-family: "Myriad Pro", sans-serif;
    }
    .reviews article {
        padding: 0px 0px 30px 0px;
    }
    .reviews article header {
        margin-bottom: 10px;
    }
    .reviews article header aside {
        width: 68px;
        float: left;
    }
    .reviews article header div {
        float: left;
        line-height: 22px;
    }
    .reviews article header div span.reviewer {
        font-weight: 500;
        font-family: "Myriad Pro", sans-serif;
        font-size: 20px;
        color: #315B9B;
    }
    .reviews article header aside span:first-child {
        background-color: #f16c00;
        height: 58px;
        width: 58px;
        border-radius: 50%;
        color: #FFF;
        font-size: 26px;
        display: inline-block;
        line-height: 58px;
        text-align: center;
    }
    .reviews article > section > div {
        float: left;
    }
    .reviews article > section > div:first-child {
        width: 260px;
    }
    .banner-img header h1 {
        font-size: 32px;
    }
    .button-position {
        display: flex;
        width: 100%;
    }
    .button-position > a.btn {
        margin: auto;
    }
    .services-section header {
        padding-bottom: 20px;
    }
    .about-banner-img {
        background: url("../images/common/banners/mobile/banner-1.jpg") no-repeat;
    }
    .dentists-banner-img {
        background: url("../images/common/banners/mobile/banner-2.jpg") no-repeat;
    }
    .services-banner-img {
        background: url("../images/common/banners/mobile/banner-3.jpg") no-repeat;
    }
    .emergency-banner-img {
        background: url("../images/common/banners/mobile/banner-4.jpg") no-repeat;
    }
    .policy-banner-img {
        background: url("../images/common/banners/mobile/banner-5.jpg") no-repeat;
    }
    .patients-banner-img {
        background: url("../images/common/banners/mobile/banner-6.jpg") no-repeat;
    }
    .reviews-banner-img {
        background: url("../images/common/banners/mobile/banner-7.jpg") no-repeat;
    }
    .appointment-banner-img {
        background: url("../images/common/banners/mobile/banner-8.jpg") no-repeat;
    }
    .contactUs span {
        font-size: 18px;
    }
    .bottom-nav a:last-child {
        display: inline-block;
        padding: 2px 8px 2px 8px;
        margin-top: 2px;
        line-height: 26px;
    }
}

@media screen and (min-width: 375px) {
    .contactUs {
        width: 355px;
    }
    .reviews article > section > div:first-child {
        width: 315px;
    }
    .banner-img header h1 {
        font-size: 36px;
    }
    .doctor-names {
        width: 290px;
    }
    .contactUs span {
        font-size: 20px;
    }
}

@media screen and (min-width: 414px) {
    .reviews article > section > div:first-child {
        width: 354px;
    }
    .contactUs span {
        font-size: 24px;
    }
}

@media screen and (max-width: 450px) {
        .bottom-nav a {
            margin: 1em !important;
    }
}

@media screen and (max-width: 414px) {
    .footer-widgets {
        padding-bottom: 15px;
    }
    .bottom-nav {
        padding-top: 15px;
        padding-bottom:15px;
    }
    .bottom-nav a {
        display: block;          
        padding: 0px 15px 0px 15px;
    }
    .services-section article img {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .top-image,
    #carouselHomeBannerImg,
    .carousel-inner {
        height: 100%;
    }
    .navbar > .burger {
        bottom: 140px;
    }
    .section-about .container .row > aside:first-child {
        width: 25%;
    }

    .section-about .container .row {
        margin-top: 1em;
    }

    .section-about article {
        padding-top:0px;
        width: 75%;
    }
    .contactUs {
        width: 520px;
    }
    .contactUs > div:first-child {
        margin: 30px 0px 25px 0px;
    }
    .contactUs input[type="submit"] {
        width: 320px;
    }
    .bottom-bar ul,
    .bottom-bar li {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }
    .bottom-bar li {
        display: inline-block;
        padding: 0px 4px 0px 4px;
        border-right: 1px solid #FFF;
        line-height: 18px;
    }
    .bottom-bar li:first-child {
        padding-right: 8px;
    }
    .bottom-bar li:last-child {
        border-right: 0px;
    }
    .single-widget {
        padding-left: 20px;
    }
    .bottom-nav {
        line-height: 90px;
    }
    .bottom-nav a {
        padding: 0px 15px 0px 15px;
    }
    .doctor-names .item {
        font-size: 24px;
    }
    .leadForm {
        width: 690px;
        font-family: "Myriad Pro", sans-serif !important;
    }
    .leadForm input, 
    .leadForm textarea,
    .leadForm select,
    .leadFormInfo {
        width: 100%;
        font-size: 15px !important;
        padding-left: 15px;
        margin-bottom: 1em;
    }
    .form-input-first_name,
    .form-input-phone,
    .form-input-preferred_date {
        float: left;
        width: 337px;
        height: 35px !important;
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .form-input-last_name,
    .form-input-email,
    .form-input-preferred_time {
        float: left;
        width: 337px;
        height: 35px;
    }
    .form-input-preferred_time select {
        width: 337px !important;
    }
    .form-input-preferred_date input,
    .form-input-preferred_time select {
        height: 35px !important;
    }
    .leadFormInfo {
        padding: 0px;
        text-align: center;
        color: #8D9698 !important;
    }

    .submit{
        margin-top: 1em
    }

    .form-wrap__submit {
        margin: auto;
        width: 100%;
        display: flex;
    }
    .form-wrap__submit input[type="submit"]
    {
        width: 322px;
        height: 64px;
        background-color: #6ae6f1;
        color: #FFF !important;
        margin: 0px auto;
        border: 0;
        box-shadow: none;
        border-radius: 0px;
        font-size: 15px !important;
        font-weight: bold;
    }
    .section-main-body article {
        width: 540px;
    }
    .reviews article > section > div:first-child {
        width: 630px;
    }
    .bottom-nav a:first-child {
        padding: 0px;
    }
    .bottom-nav a img {
        padding: 0px;
    }
    .button-position {
        display: inline;
    }
    .services-section article {
        width: 100%;
    }
    .services-section article header {
        float: left;
        padding-right: 20px;
    }
    .services-section article ul {
        clear: both;
    }
    .services-section article ul.noClear {
        clear: none;
        margin-left: 20em;
    }
    .dentists-main-body aside.awards {
        padding-top: 20px;
    }
}

@media screen and (min-width: 1024px) {
    .top-image,
    #carouselHomeBannerImg,
    .carousel-inner {
        height: 100%;
    }
    .navbar > .burger {
        bottom: 1174px;
    }
    .bottom-nav a:last-child {
        margin-left: 35px;
    }
    .leadForm {
       width: 750px;
    }
    .leadForm input, 
    .leadForm textarea,
    .leadForm select,
    .leadFormInfo {
        font-size: 16px !important;
    }
    .form-input-first_name,
    .form-input-phone,
    .form-input-preferred_date,
    .form-input-preferred_time,
    .form-input-last_name,
    .form-input-email,
    .form-input-preferred_time select {
        width: 367px !important;
    }
    .reviews article {
        width: 100%;
    }
    .reviews article > section > div:first-child {
        width: 900px;
    }
    .banner-img {
        background-attachment: fixed;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
    }
}

@media screen and (min-width: 1024px) {

    .navbar .container .nav-emergency  {
        display: inline-block !important;
    }

    .navbar .container .contact {
        display: inline-block !important;
    }

    .burger {
        display: none !important;
    }


    nav > .top-bar + div {
        text-align: left;
        position: absolute;
        left: 2em;
        top: 1.8em;
    }

    nav .container > ul > li > ul {
        background-color: #315B9B;
        width: 1060px;
        margin-left: -415px;
        border-top: 4px solid #264689;
        padding-left: 40px;
        top: 107px;
        left: 11em;
    }

    .navbar > .container > ul > li.mobile {
        display: none !important;
    }

    nav ul li {
        float: left;
    }

    nav .container > ul > li {
        line-height: 105px;
    }

    nav ul > li > a {
        margin-right: 30px;
    }

        nav ul > li > a > img {
            display: inline-block !important;
        }

    .top-image,
    #carouselHomeBannerImg,
    .carousel-inner {
        height: 100%;
    }

    .navbar > .burger {
        display: none;
    }

    .section-main-body .container .row > aside:first-child {
        width: 330px;
    }

    .section-main-body .container .row > aside.awards:first-child {
        width: 217px;
    }

        .section-main-body .container .row > aside.awards:first-child ~ aside {
            width: 330px;
        }

    .section-about .row {
        margin-bottom: 20px;
    }

    .section-main-body article {
        width: 860px;
        padding: 0px;
    }

    .reviews article {
        width: 100%;
    }

    .services-main-body .container {
        width: 1000px;
    }

        .services-main-body .container > .row > div > div {
            opacity: .6;
        }

            .services-main-body .container > .row > div > div:hover {
                opacity: 1;
            }

    .section-main-body .container .row > aside:last-child {
        padding-left: 30px;
        width: 217px;
    }

    .section-patients .container .row > aside:last-child {
        width: 330px;
    }

    .dentists-main-body article {
        width: 610px;
    }

    aside.awards {
        width: 244px;
    }

        aside.awards > img {
            float: left;
        }

    .section-main-body > .container > .row > aside.awards {
        margin: 0px;
    }

    .schedule-appointment-form {
        width: 750px;
    }

    .contactUs > div:first-child {
        margin: 30px 0px 25px 0px;
    }

    .about-banner-img {
        background-image: url("../images/common/banners/desktop/banner-1.jpg");
    }

    .dentists-banner-img {
        background-image: url("../images/common/banners/desktop/banner-2.jpg");
    }

    .services-banner-img {
        background-image: url("../images/common/banners/desktop/banner-3.jpg");
    }

    .emergency-banner-img {
        background-image: url("../images/common/banners/desktop/banner-4.jpg");
    }

    .policy-banner-img {
        background-image: url("../images/common/banners/desktop/banner-5.jpg");
    }

    .patients-banner-img {
        background-image: url("../images/common/banners/desktop/banner-6.jpg");
    }

    .reviews-banner-img {
        background-image: url("../images/common/banners/desktop/banner-7.jpg");
    }

    .appointment-banner-img {
        background-image: url("../images/common/banners/desktop/banner-8.jpg");
    }

    .dentists-main-body aside.awards {
        padding-top: 0px;
    }

    .navbar .container {
        display: block !important;
    }
}

@media screen and (max-width:1024px){
    .navbar > .container.active {
        display: block;
    }
}

@media screen and (max-width: 414px) {
    .navbar > .container {
        width: 210px;
    }
}

/* Navbar styling (background, li styling, etc...)*/

@media screen and (max-width: 1023px) {



    .section-main-body {
        margin-top: 20px;
    }
    .banner-img {
        margin-top: 2px;
    }
    .navbar > .container {
        position: fixed;
        width: 340px;
        background-color: #FFF;
        height: 100%;
        top: 0px;
        padding-top: 10px;
        padding-left: 0px;
        padding-right: 0px;
        z-index: 2;
    }


    .navbar > .container > ul > li:first-child {
        margin-right: 50px;
    }

    .navbar > .container > ul > li.img {
        width: 71px;
        height: 51px;
        text-align: center;
        display: inline-block;
        padding: 0px 10px 0px 10px;
        border: 0px;
    }

    .navbar > .container > ul > li.img img {
        width:100%;
    }

    .navbar > .container > ul > li,
    .navbar > .container > ul > li > ul > li {   
        border-bottom: 1px solid #315B9B;
    }

    .navbar > .container > ul > li > ul > li:last-child {
        border-bottom: 0px;
    }

    .navbar > .container > ul li a,
    .navbar > .container > ul li a:active,
    .navbar > .container > ul li a:visited,
    .navbar > .container > ul li a:link {
        font-family: "Myriad Pro", sans-serif;
        font-size: 18px;
        color: #315B9B !important;
        text-decoration: none;
        padding: 10px 0px 10px 15px;
        display: inline-block;
        width:100%;
    }

    .navbar > .container > ul > li.active > a {
        color: #FFF !important;
        background-color: #315B9B;
    }

    .navbar > .container > ul > li.active > ul {
        display: block;
    }
    .navbar > .container {
        left: 0px;
    }
    .navbar > .container {
        width: 240px !important;
    }
 
}

/* @media screen and (max-width: 1199px) and (min-width: 1024px){
    nav ul > li:nth-child(5) {
        margin-top: 7em;
    }

    nav ul > li > ul > li:nth-child(5) {
        margin-top: 0em;
    }
} */

@media screen and (min-width: 1024px) {
    body > form > header {
        position: fixed;
        top: 0px;
        right: 0px;
        left: 0px;
        z-index: 1030;
        background-color: #FFF;
        height: 142px;
    }

    .about .row {
        background-color: #c6d1d3 !important;
    }

    .about-txt {
        /*margin-bottom: -20px !important;*/
        margin-bottom: 15px !important;
    }

    .widget-hours {
        padding-left: 100px !important;
    }

    .footer-logo a img, .widget-social i {
        text-align: center !important;
    }

    .container-fluid.section2 .row {
        padding-left: 0px;
        padding-right: 0px;
    }

    .container-fluid.section3 {
        background-color: #0a6068 !important;
        height: 600px;
    }

    .banner-img {
        margin-top: 142px;
    }

    .navbar .container {
        padding: 0px;
        left: 14.5em;
        top: 2em;
        position: absolute;
    }

    .section-main-body {
        margin-top: 60px;
    }

    .section-main-body .container .row > aside:first-child {
        padding-right: 30px;
    }

    nav div:first-child a:last-child {
        text-decoration: underline;
    }
    
    nav ul li {
        padding: 0px;
        margin: 0px;
    }
    
    nav ul li a {
        text-decoration: none;
    }
    
    nav .container > ul > li > ul li {
        padding-top: 16px;
        padding-bottom: 12px;
        line-height: 22px;
    }
    
    nav ul > li > a {
        color: #315B9B;
    }
    
    nav ul > li > a > img {
        margin-right: 20px;
        display: none
    }
    
    nav ul > li:last-child > a {
        margin-right: 0px;
    }

    nav .container > ul > li.sub-nav.hoverActive {
        border-bottom: 8px solid #264689;
        padding-bottom: 2px;
    }

    nav .container > ul > li.sub-nav.hoverActive > ul {
        display: block;
        position: absolute;
    }

    nav .container > ul > li > ul > li a {
        color: #FFF;
        margin-right: 50px;
    }
    nav .container > ul > li > ul > li a:hover {
        color: #0A97B0 !important;
    }
    .bottomBorder {
        background-color: #264689;
        height: 8px;
        margin-top: 2px;
        width: 101px;
        margin-left: -6px;
        display: none;
    }
    .sub-nav.hoverActive .bottomBorder {
        display: block;
    }
    .section-main-body article {
        width: 600px;
    }
    .dentists-main-body article {
        width: 412px !important;
    }
    .reviews article {
        width: 100%;
    }
    .reviews article {
        padding-bottom: 30px;
    }
    .reviews article > section > div:first-child {
        width: 1024px;
    }
    .services-section article {
        width: 100%;
    }
}

@media screen and (min-width: 1183px){
    .section-main-body article{
        width: 600px;
    }

    .services-section article{
        width: 1020px;
    }
}

@media screen and (min-width: 1200px) {

    .dentists-main-body article {
        width: 630px !important;
    }

    .section-main-body article{
        width: 830px;
    }

    .services-section article{
        width: 1080px;
    }
    
    .container {
       max-width: 1190px !important;
    }

    .navbar .container {
        left: 0px;
        top: 0em;
        padding: 0px;
        position: relative !important;
    }

    nav .container > ul > li > ul {
        top: 115px !important;
        left: 26em !important;
    }
}

.reviews article{
    width: 100% !important;
}

.btn {
    white-space: inherit;
}

.leadForm > label {
    color: white;
    font-weight: bold;
}

.leadForm > input {
    display: inherit;
    overflow: visible;
    width:100%;
}
@media (max-width:678px) {
    .leadForm > label {
        margin-bottom: .2rem;
    }

    .leadForm > .submit {
        margin-top: 1em;
    }

    .leadForm > input {
        margin-bottom: .8em;
    }

    .leadForm {
        padding: 1em;
    }
}