ul.footer__legal li a { 
    color: #fff;
}
html body #reviews-content .reviews .reviews-middle .review-content div.parag .more {
    color: #fff !important;
  border-radius: 5px !important;
  border:2px solid #2f99d1 !important;
}
html body #reviews-banner .reviews .reviews-top .container .btn {
    line-height: 30px !important;
}
header#header .navbar .action_link a{
  cursor: pointer;
}
html body .left__section a:hover {
    color: #000 !important;
}
.contact__btn {
  border-radius: 5px !important;
}
section.association h3.com_butn, section.association h2.com_butn {
    font-size: 40px !important;
}

html body header#header .navbar .navbar-collapse .navbar-nav>li.dropdown:hover .dropdown-menu a:focus {
    color: #2f99d1 !important;
}
html body .review-modal .modal-footer .btn {
    margin-bottom: 20px !important;
}
.font-loaded body h1, h2, h3, h4, h5, h6 {
    font-family: "museo-sans", sans-serif !important;
}
.wrapper-inner{
  padding: 40px 0;
}
html body .inner-page-head.services, html body section.inner-page-head.services.lozad {
    background: #2f99d1 !important;
  align-items: flex-end !important;
    padding-bottom: 40px !important;
}
html body section.container-fluid.content-breadcrum {
    background: #000 !important;
}
html body #specialties .main-box .recent-box h3 {
    border-radius: 5px !important;
}

html body #reviews-content .reviews .reviews-middle .review-content div.parag .more:hover {
    color: #2f99d1 !important;
}
#header > div > div > div > .row.flex {
    display: flex;
    flex-direction: row-reverse;
}


nav.strip-nav {
    display: flex;
    justify-content: flex-end;
}


 header#header .top-bar__social {
    float: none !important;
}


 header#header .top-bar__social .social {
    display: flex;
    margin-right: 25px;
    justify-content: flex-start !important;
}

#header > div > div > div > div > div:nth-child(2) > div {
    float: none !important;
}

.logo__footer img {
    margin: 0 auto 10% !important;
}

html body .footer__wrap .lct-sec ul.loct {
text-align: center;
}


.contentwrap h2 {
    font-size: 30px !important;
    line-height: 30px;
    font-weight: 400;
    color: #2f99d1 !important;
}


.heading h2{
   color: #2f99d1 !important;
}


.contentwrap h3 {
    font-size: 25px !important;
    line-height: 30px;
    font-weight: 400;
    color: #2f99d1 !important;
}

#specialties .main-box:nth-child(n + 30) {
    display: none;
}

.top_strip nav.strip-nav {
    display: flex;
    justify-content: flex-start !important;
    flex-direction: row-reverse !important;
}

#header > div > div > div > div > div:nth-child(1) > nav > a.strip-nav-item:nth-child(2) {
   background: transparent !important; 
}

#header > div > div > div > div > div:nth-child(1) > nav > a.strip-nav-item:nth-child(2):hover {
     color: #000 !important;
}

header#header .top_strip .strip-nav-item {
    padding: 4px 10px !important;
    background: #Ffcc5d !important;
    color: #000 !important;
      transition: all 0.3s;
}

header#header .top_strip .strip-nav-item:hover {
    background: #fff !important;
    color: #2f99d1 !important;
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
    header#header .top_strip .row.flex {
        justify-content: center;
        align-items: center;
        flex-direction: row !important;
        /* width: 100%; */
    }
}

  

@media(min-width:800px){
header#header .top_strip {
    top: 0;
    background: var(--wf3b8eo-2);
    margin: 0 -15px;
    position: fixed;
    width: 100%;
    z-index: 999;
}


.wf3b8eo header#header .navbar, .wf3b8eo header#header .navbar.affix{
    top: 47px !important;
    position: fixed;
}
}


@media (max-width:600px) {  
  #header > div > div > div > .row.flex {
    display: flex;
    flex-direction: column !important;
}
  }




@media (max-width:850px) {
.location__block {
    display: flex;
    flex-direction: column;
} 
}



a.strip-nav-item {
    font-weight: 600 !important;
    color: #2f99d1 !important;
    border-radius: 5px;
    margin: 3px 3px;
    background: #fff;
}


a.strip-nav-item:hover {
    background: #000;
    color: #fff !important;
}






body, html body p.info {
    font-size: 16px !important;
}
html header#header .top-bar__social {
text-align: right;
float: right !important;
}
html body .btn-primary {
    border-radius: 5px !important;
    border-color: #fff !important;
   
  background: #Ffcc5d !important;
    color: #000 !important;
}
html body .btn-primary:hover {
    background: #fff !important;
    color: #2f99d1 !important;
}
html body header#header .top_strip .strip-nav-item:focus i, html body header#header .top_strip .strip-nav-item:hover i {
    color: #fff !important;
    background: #000 !important;
}
html body img.doc-img {
    object-fit: cover !important;
    object-position: top !important;
}
.social-io:before {
    content: '* We see pediatric patients 2 Saturdays a month.';
    margin-bottom: 10px;
    display: block;
}
html body #reviews-slider .carousel .carousel-inner .review-content .more:hover {
    color: #fff !important;
}
.text p {
    font-size: 25px !important;
    letter-spacing: 1px !important;
    text-transform: none;
}
.serv-2 h2 {
    margin-bottom: 24px;
    font-style: normal;
    font-size: 32px;
    -webkit-letter-spacing: 10px;
    -moz-letter-spacing: 10px;
    -ms-letter-spacing: 10px;
    letter-spacing: 10px;
    line-height: 40px;
    text-transform: uppercase;
    color: #fff !important;
    text-align: center;
}
html body .appointment-modal .modal-content {
    margin-top: 20px !important;
}
html body .container-fluid {
    position: relative;
}
.modal {
    z-index: 999999 !important;
}
html body #header .navbar .action_link .action-button {
    background: #Ffcc5d !important;
    color: #000 !important;
  text-transform: none !important;
}
html body header#header .navbar .action_link #y.action-button:hover {
    background: #fff !important;
    color: #2f99d1 !important;
}
html body .fill-form .pop_h3 {
    font-size: 30px !important;
}
section.doc-main h2 {
    font-size: 40px !important;
    color: #2f99d1 !important;
    margin-bottom: 20px !important;

}
h1, h2,h3, h4, h5, .gm-style{
      font-family: "museo-sans", sans-serif !important;
  font-weight:300 !important;
}
 
 
a, p,li, .font-loaded body{
      font-family: "museo-sans", sans-serif !important;
  font-weight:300 !important;
}
html .gm-style-iw-chr {
    position: absolute;
    right: 0;
    top: 0;
}
html .gm-style .gm-style-iw-c {
    padding-top: 30px !important;
}
html ul.dropdown-menu__child {
    display: none;
  left: 169px !important;
}
html body header#header .navbar .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu li:hover ul {
    display: block;
}
html body header#header .navbar .navbar-collapse .navbar-nav>li.dropdown:hover .dropdown-menu a:hover {
    color: #2f99d1 !important;
}
html body header#header .navbar .navbar-collapse .navbar-nav>li>a.active, html body header#header .navbar .navbar-collapse .navbar-nav>li>a:hover {
    border-bottom: 0px solid !important;
}
html body header#header .navbar .navbar-collapse .navbar-nav>li>a.action-button {
    border: 2px solid #fff !important;
  text-transform: none;
  color:#000!important;
}
header#header .navbar .navbar-collapse .navbar-nav>li.dropdown:hover .dropdown-menu a{
  color:#fff !important;
}
html body header#header .navbar .navbar-collapse .navbar-nav>li>a {
    font-size: 16px !important;
    color: #2f99d1 !important;
}
html body header#header .navbar .navbar-collapse .navbar-nav>li:hover a {
    color: #000 !important;
}
html body header#header .top-bar__social a i {
    line-height: 30px;
    padding: 0 !important;
}
.text p {
    font-size: 18px !important;
}
.doc-cont-p p {
    font-size: 18px !important;
}
.doc-cont-p p a{
  color:#fff !important;
  opacity: 0.9;
}
.doc-cont-p p a:hover{
  color:#fff !important;
  opacity: 1;
  text-decoration: none !important;
}
a.col.btn.btn-dark-moon:hover {
    background: #fff !important;
    box-shadow: none !important;
    color: #2f99d1 !important;
  text-decoration: none;
}
a.col.btn.btn-dark-moon {
  border-radius: 5px !important;
    text-transform: none;
    color: #000!important;
    font-size: 18px;
    display: block;
    width: max-content;
    margin: 20px auto;
    font-size: 18px !important;
  background: #Ffcc5d !important
}
.service-inside h2, .h2_title {
    font-size: 40px !important;
    color: #2f99d1;
}
section.serv-2.lozad-bg.bg-loaded:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #00000063;
    display: block;
    border-radius: 120px 120px 0 120px;
}
html .serv-2 .text {
    color: #fff !important;
}
.serv-2::after{
  display: none;
}
.serv-2 {
    border-radius: 120px 120px 0 120px;
    margin: 3%;
}
.serv-2 .text {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
}
section.service-wrap2 h2 {
    font-size: 40px !important;
    color: #2f99d1;
}
html body #reviews-slider .review-slider {
    background: linear-gradient(45deg, #0000005e 37%, #0000007d 100%), url(https://gp-assets-1.growthplug.com/website_files/5297/Dentist-Tarzana-CA-Office_Image2.JPG) !important;
  background-size: cover !important;
    background-attachment: fixed !important;
}
html body #reviews-slider .carousel .carousel-inner .review-content .more {
    color: #000 !important;
  text-decoration: none;
}
html body #reviews-slider .carousel .carousel-inner .review-content img {
    filter: brightness(0) invert(1);
}
#reviews-slider .header span, #reviews-slider .header h2 {
    font-size: 50px !important;
}
.location__hours ul:after {
    content: '* We see pediatric patients 2 Saturdays a month.';
    display: block;
    margin: auto;
    text-align: center;
  margin-top: 10px !important;
}
html body .location__details p, html body .location__details ul{
   font-size: 18px !important;
}
html body #location .location__list h3 {
    color: #000 !important;
}
.foot-sec a.com_btn {
    background: #ffcc5d !important;
    border-radius: 5px !important;
  color: #000 !important;
}
.foot-sec a.com_btn:hover{
  background: #fff!important;
  color:#2F99D1 !important;
}
.logo__footer img {
    filter: brightness(0) invert(1);
}
.foot-sec > div > div > div > div:nth-child(3) > div > div > div {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
section.foot-sec a {
    font-size: 16px;
}
section.foot-sec a i {
    font-size: 22px;
    margin: 10px 25px;
}
html body header#header .navbar .navbar-brand img {
    max-width: 100% !important;
  }
@media (max-width:767px){
  .service-inside img {
    display: none;
  }
  .service-inside.y h3, .service-inside.x h3 {
    color: #2f99d1 !important;
    margin-bottom: 0px !important;
    margin-top: 0 !important;
  }
  html body .service-inside.y a {
    border-radius: 5px !important;
  }
  .col-md-4.logo__footer {
    order: 1;
}
  body .logo__footer img {
    display: none !important;
  }
  .aa_b {
    margin-bottom: 30px;
}
  .loc ul:before {
    content: '';
    background: url(https://gp-assets-1.growthplug.com/website_files/5297/Dentist_Tarzana_CA_socalsmiles_logo.webp);
    width: 240px !important;
    display: block;
    height: 39px;
    background-size: cover;
    filter: brightness(0) invert(1);
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
  .footer__wrap .row {
    display: flex;
    flex-direction: column;
}
  html body .top_strip nav.strip-nav {
    justify-content: center !important;
    flex-direction: row-reverse !important;
}
 html body header#header .top-bar__social .social {
    margin-right: 0 !important;
 }
  body .location__details .title {
    font-size: 50px !important;
    color: #2f99d1;
    line-height: 50px !important;
}

  
html body  #specialties {
    margin: 0 !important;
}
  
  html body header#header .navbar .navbar-brand img {
    max-width: 100% !important;
  }
  html body .inner-page-head.services, html body section.inner-page-head.services.lozad {
    background: #2f99d1 !important;
    height: 300px !important;
}
  html body #reviews-banner .reviews .reviews-top {
    height: max-content !important;
  }
  .flex-inner {
    flex-direction: column;
    column-gap: 0px !important;
}
  #reviews-slider .header span, #reviews-slider .header h2 {
    font-size: 30px !important;
    margin-bottom: 20px !important;
}
  html body .serv-2 {
        padding: 70px 0 !important;
    }
  .serv-2 h1, .serv-2 h2 {
        font-size: 22px !important;
        letter-spacing: 2px !important;
    }
  .d_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
   html body .service_outter {
    width: 80%;
     margin: 0 !important;
  }
  html body  .row.section-row {
    display: flex;
    align-items: center;
    flex-direction: column;
}
   html body .section-header-1.wow.fadeIn h2 {
    color: #fff;
    font-size: 26px !important;
}
  html body .img_section {
    padding: 15px !important;
  }
  html img.doc-img {
    margin-bottom: 20px !important;
  }
  html body .col-md-6.doct-content {
    margin: 15px;
  }
   html body .banner-wrapper {
    flex-direction: column;
  }
   html body div#myCarousel {
    height: auto !important;
    overflow: hidden;
    min-height: auto !important;
    width: 100% !important;
}
  html body .section-img-1 {
    padding: 20px;
}
  html body header#header .navbar .navbar-brand {
    padding-left: 4px !important;
  }
  html body header#header .navbar .navbar-brand img {
        max-height: 55px;
        margin-left: 0 !important;
        margin-top: 0px;
    }
  html body .navbar-default .navbar-toggle .icon-bar {
    background-color: #2f99d1 !important;
    display: block !important;
}
  html body header#header .navbar .navbar-collapse .navbar-nav>li>a.action-button {
    margin: 10px auto !important;
    width: max-content !important;
  }
  header#header .navbar .navbar-collapse .navbar-nav>li.dropdown:hover .dropdown-menu a {
    color: #000 !important;
}
  html ul.dropdown-menu__child {
    left: 0px !important;
}
  html body header#header .top-bar__social .social {
    justify-content: center !important;
  }
  html body nav.strip-nav {
    display: flex;
    justify-content: center;
}
}

@media (max-width:990px){
  .navbar-default .navbar-toggle .icon-bar {
    display: block !important;
    background-color: #2f99d1;
}
  html body header#header .navbar .navbar-collapse .navbar-nav>li>a {
    font-size: 16px !important;
  }
}


@media screen and (min-width: 900px) and (max-width: 1200px) {
  header#header .navbar .navbar-brand img {
    height: 30px;
    padding: 5px;
    margin-left: 0px;
    max-height: 75px;
}
  html body header#header .navbar .navbar-collapse .navbar-nav>li>a {
    font-size: 14px !important;
  }
}

@media (max-width:1150px){
  html body .footer__wrap {
    max-width: 92% !important;
  }
}
@media (min-width: 1100px){
  html body ul.dropdown-menu__child {
    max-height: 185px;
    overflow-y: auto;
  }
  
}

@media (min-width:2300px){
      body .container {
        width: 90% !important;
    }
}

@media (max-width:1200px){
  html body #reviews-slider .review-slider {
    background-attachment: scroll !important;
  }
  /* html body #myCarousel {
    height: auto !important;
    position: relative;
    min-height: auto !important;
} */
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
   header#header .top_strip .row.flex {
       
        justify-content: center;
        align-items: center;
        flex-direction: column;
        /* width: 100%; */
    }
  header#header .top-bar__social .social {
   
    justify-content: center !important;
  }
  nav.strip-nav {
    text-align: center;
}
}

@media screen and (min-width: 900px) and (max-width: 1200px) {
  header#header .navbar .navbar-brand img {
    height: 30px !important;
    padding: 5px !important;
    margin-left: 0px !important;
    max-height: 75px !important;
}
  html body header#header .navbar .navbar-collapse .navbar-nav>li>a {
    font-size: 14px !important;
  }
  html body header#header .navbar .navbar-collapse .navbar-nav>li>a.action-button {
    margin-left: 0 !important;
  }
}

@media (max-width: 600px) {
a.strip-nav-item {
    font-size: 12px;
    font-weight: 600 !important;
    color: #2f99d1 !important;
    border-radius: 5px;
    margin: 3px 3px;
    background: #fff;
    padding: 5px !important;
}
}

@media only screen and (max-width: 900px) {
    .wf3b8eo header#header .navbar .navbar-brand img {
        max-height: 55px;
        margin-top: 5px;
        width: 159px;
        object-fit: contain;
    }
}

@media (min-width:800px){
  html body #reviews-banner .reviews .reviews-top .container .user-img {
    margin-top: 120px !important;
}
}
@media screen and (min-width: 767px) and (max-width: 991px) {
.service_outter {
    width: 50%;
}
  .service-wrapper .d_flex {
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 900px) and (max-width: 1030px) {
  html body .flip-card {
    height: 386px !important;
  }
}
@media screen and (min-width: 1030px) and (max-width: 1090px) {
  html body .flip-card {
    height: 366px !important;
  }
}

@media (max-width:1025px){
  html body .location__details .title {
    font-size: 50px !important;
    color: #2f99d1 !important;
    line-height: 50px !important;
}
}




html body .inner-page-head.services, html body section.inner-page-head.services.lozad {
     
      background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent), url(https://gp-assets-1.growthplug.com/website_files/5297/Dentist_Tarzana_CA_inner_page_banner_image_D2JvMKx.jpg) !important;
  
  background-size: cover !important;
     background-position-y: center !important;
}


 .inner-page-head.services h1 {
       color: #fff !important;
 }
  

@media (min-width:1025px) {

  html body .inner-page-head.services, html body section.inner-page-head.services.lozad {
    margin-top: 110px !important;
}
}


.inner-page-head.services {
    border-bottom: none !important;
}



#reviews-banner .reviews .reviews-top {
    background-size: cover !important;
}
@media (max-width:990px){
  html body header#header .navbar .navbar-collapse .navbar-nav>li.dropdown:hover .dropdown-menu a {
    color: #000 !important;
}
}

.inner-page-head.services h1 {
    text-transform: none!important;
}
#specialties .contentwrap ul li {
    /* font-size: 16px;
    list-style: inside;
    color: grey;
    line-height: 26px;
    margin: 5px 0; */
    text-align: left;
}