
.noval-header-sl .top-loc {
    position: absolute;
    right: 20%;
}
html body .header__top a, html body .header__top p {
    text-transform: none !important;
}
.team_section .contentBx p {
      color: white !important;
}

.location__hours h3 {
    text-transform: uppercase;
    font-size: 26px;
}


.location__block .location__address h3 {
    color: #1e8880 !important;
    margin-top: 6px !important;
    text-transform: uppercase !important;
    font-size: 26px !important;
}


#success-popup .success-message__text .btn:hover {
  border: 2px solid !important;
}

.right-section-cont-sl {
    width: 45% !important;
}

#read-more-button {
    text-transform: uppercase !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: 2px solid #fff;
}

 .doc_section .com_title {
     color: #1e8880 !important;
 }

#location .header h2 {
    text-transform: uppercase !important;
}

html body .not-editable ul li {
    font-size: 18px !important;
}

.doc_section h2 {
  color: #1e8880 !important;
}

#reviews-banner .reviews .reviews-top .container .user-img {
      background: white !important;
}


.contentBx h3 {
  color: white !important;
}

.doc_section li {
  font-size: 18px !important;
}


.doc_section .com_title {
  font-size: 30px !important;
}



.review-modal .modal-footer .btn {
  border: 2px solid #fff !important;
  background: #454295 !important;
  color:white !important;
  border-radius:30px !important;
}

.review-modal .modal-footer .btn:hover {
  color: #454295 !important;
    border: 2px solid #454295 !important;
  background:white !important;
}


#reviews-banner .reviews .reviews-top .container .btn{
  border: 2px solid #fff !important;
  background: #454295 !important;
  color:white !important;
  border-radius:30px !important;
}

#reviews-banner .reviews .reviews-top .container .btn:hover {
  color: #454295 !important;
    border: 2px solid #fff !important;
  background:white !important;
}

.button-banner {
  border: 2px solid #fff !important;
}

#appointment-form button.confirm {
  border: 2px solid #454295 !important;
  background: #454295 !important;
  color:white !important;
  border-radius:30px !important;
 text-transform:uppercase !important;
  font-size:16px !important;
  font-weight:600 !important;
  
}

#appointment-form button.confirm:hover {
  border: 2px solid #454295 !important;
  color: #454295 !important;
  background:white !important;
}

 #reviews-content .reviews .reviews-middle ul.sort li.active .Google {
       color: white !important;
 }


#specialties .contentwrap p {
  text-align : left !important;
  font-size: 18px !important;
  color: black !important;
}
#specialties .contentwrap ol li {
  text-align : left !important;
  font-size: 18px !important;
  color: black !important;
}
#specialties .contentwrap ul li {
  text-align : left !important;
  font-size: 18px !important;
  color: black !important;
}
  #specialties .contentwrap h2 {
  text-align : left !important;
      color: #1e8880 !important;
    font-size: 28px !important;
}
#specialties .contentwrap h3 {
  text-align : left !important;
    color: #1e8880 !important;
}

.not-editable h2 , 
.not-editable h3 , 
.not-editable h4 , {
      color: #1e8880 !important;
}


.tooltip {
      z-index: 10 !important;
}

#reviews-banner .reviews .reviews-top {
  background: linear-gradient(rgba(30, 136, 128, 0.6), rgba(69, 66, 149, 0.6)) !important;
}

.edt li {
  font-size: 18px !important;
}




section.inner-page-head.services.lozad {
      background-image: linear-gradient(to top, rgba(30, 136, 128, 0.6),
        rgba(69, 66, 149, 0.6)), url(https://gp-assets-1.growthplug.com/website_files/5172/Orthodontist__Decatur_GA_Pattern_Image.webp) !important;
}

.noval-header-sl .header-logo-img-sl {
        max-width: 180px !important;
    object-fit: fill !important;
    height: 100px !important;
  width: auto !important;
}

.noval-header-sl .links-sl {
    margin-top: 45px !important;
}



.gm-style-iw-chr {
  position: absolute;
  right: 0;
}

#location .header h2 {
  z-index: 10 !important;
}

a:hover {
  cursor: pointer !important;
}

#footer .footer__social a {
  background: #454295 !important;

}

#footer .footer__social a:hover {
  background: #000 !important;

}

.button-banner {
  color: white !important;
  background: #454295 !important;
}

.button-banner:hover {
  background: white !important;
  color: #454295 !important;
}

.cnt-cta-btn {
  margin: auto !important;
  display: block !important;
  width: fit-content !important;
}

#read-more-button {
  background-color: #454295;
  color: #fff;
  padding: 0.75rem 4rem;
  border: 1px solid #454295;
  border-radius: 30px;
  text-decoration: none;
  display: inline-block;
  flex-basis: 150px;
}
#read-more-button:hover {
  background-color: #fff !important;
  color: #454295;
      border: 2px solid #454295 !important;
}

.fill-form .pop_h3 {
  font-size: 22px !important;
}

.location__block .location__details {
  border: 1px solid #1e8880 !important;
}

#location .header h2 {
  color: #454295 !important;
}

.location__block .location__list .button {
  display: none !important;
}
.location__block .location__list {
  background: #ffffff;
  padding: 20px 17px;
}
.location__block .location__details {
  border: unset;
}
.location__block .location__list {
  background: #ffffff;
  padding: 20px 17px;
}

.location__list.greenLoc {
  background: #ffffffa8 !important;
}
.location__map {
  width: 95%;
  display: block;
  margin: 0 auto;
}

.header__top a {
  font-size: 18px !important;
}



.banner-inner {
  margin: auto !important;
  text-align: center !important;
}

.noval-header-sl {
  position: fixed !important;
}

.header-links-sl a {
  font-size: 17px !important;
  font-weight: 500 !important;
}

p {
  font-size: 18px;
}

a:hover {
  text-decoration: none !important;
}

#location .header h2 {
  font-size: 40px !important;
  font-weight: 500 !important;
}

@media (min-width: 1300px) and (max-width: 1400px) {
  .team-title {
    font-size: 45px !important;
  }
}

@media (min-width: 1100px) {
  .banner-div {
    margin-top: 120px !important;
  }
}

@media (max-width: 1100px) {
  html body .team-wrap h1 {
    font-size: 30px !important;
  }

  .home-slogan .lead {
    margin: 0px !important;
  }

  .exp-sec {
    background-attachment: scroll !important;
    background-size: cover !important;
  }

  #appointment .g-recaptcha {
    margin-left: 10px !important;
  }

  #navigation ul.header-rt li a.btn {
    background: #1e8880 !important;
    font-size: 16px !important;
    width: 100% !important;
  }

  #navigation ul.header-rt li .fa {
    color: #1e8880 !important;
    border: 1px solid !important;
  }
}

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


.categories__item-headline {
      top: 50% !important;
}

  
.our-team .social li {
    margin-top: 10px !important;
}


  
  .greenLoc {
    display: block !important;
  }

  #navigation ul.header-rt li.ctanav2 .btn {
    background: #454295 !important;
    color: white !important;
    border-radius: 30px !important;
  }

  .com60 {
    padding: 20px !important;
  }

  #services .categories__item {
    height: 420px !important;
  }
}


@media screen and (min-width: 1025px) and (max-width: 1100px) {
  #services .categories__item {
    height: 350px !important;
  }
}

@media screen and (min-width: 1900px) and (max-width: 2500px) {
  #services .categories__item {
    height: 470px !important;
  }
}

@media screen and (min-width: 2500px) and (max-width: 3799px) {
  #services .categories__item {
    height: 670px !important;
  }
}

@media screen and (min-width: 3800px) {
  #services .categories__item {
    height: 900px !important;
  }
}

@media (max-width: 400px) {
  html body #appointment .g-recaptcha {
    margin-left: 0px !important;
  }

  html body #location a {
    font-size: 14px !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1100px) {
  html body #reviews-slider .review-slider {
    background-attachment: scroll !important;
  }

  div.categories__items > a:nth-child(5) {
    grid-area: 4 / 9 / 3 / 17 !important;
  }
}



@media screen and (min-width: 1100px) {
 section.inner-page-head.services.lozad {
       margin-top: 120px !important;
 }

 #reviews-banner .reviews .reviews-top {
       margin-top: 160px !important;
 }
  
}



@media screen and (min-width: 1300px) and (max-width: 1400px) {

#services h3 {
    font-size: 20px !important;
}
  
.header-links-sl a {
    font-size: 14px !important;
}

  
  
}


@media (min-width: 768px) {
    .team-wrap .team-title {
        font-size: 35px !important;
    }
}



@media screen and (min-width: 1900px) and (max-width: 2500px) {
   .container {
    width: 1469px !important;
  }
}
 
@media screen and (min-width: 2500px) and (max-width: 3799px) {
   .container {
    width: 2169px !important;
  }
}
 
@media screen and (min-width: 3800px) {
   .container {
    width: 3169px !important;
  }
}




@media screen and (min-width: 2000px) {
   section.welcome_section {
     background-position-y: 10% !important;
   }
}





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


  html body  .categories .categories__item:nth-of-type(odd):hover .categories__item-headline {
    top: 0px !important;
}
  
  html body .header-links-sl a {
     font-size: 12px !important;
    font-weight: 500 !important;
   }
}


html body #location .header h4 {
      color: #1e8880 !important;
    font-size: 40px !important;
    text-transform: uppercase !important;
}


#location .header h2 {
  text-align: center !important;
}










html body .edt h2 {
     color: #1e8880 !important;
}
html body .edt h3 {
     color: #1e8880 !important;
}
html body .edt h4 {
     color: #1e8880 !important;
}
html body .edt h5 {
     color: #1e8880 !important;
}

html body .edt h6 {
     color: #1e8880 !important;
}




.pagination li.active a {
  background-color: #454295 !important;
}




div#firstHeading {
    font-size: 20px !important;
    font-weight: 500 !important;
    margin: 10px !important;
}






#contact h2 {
  color: #1e8880 !important;
}



@media screen and (max-width: 1300px) {
  .noval-header-sl .top-loc {
    position: absolute;
    right: 25%  !important;
}

}
