.header-top {
    height: 140px !important;
}

h1, h2, h3, h4{
  font-weight:300 !important
}


a, p, li{
  font-weight:400 !important
}

a:hover{
  text-decoration:none;
}

html .inner-page-head.services h1 {
  font-size: 46px !important;
}


.appointment-modal__locations__area .pop_h2 {
    margin-bottom: 40px;
}

#appointment-form > div > div:nth-child(3) > div.col-md-12.time.flex-center > div.days-group > div:nth-child(3) {
    display: none;
}


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

#success-popup .success-message__text p {
    font-size: 13px;
    color: #999;
    text-align: center;
    margin-bottom: 0 !important;
}


.header-top{
  position:fixed !important;
}


.modal-body .pop_h3 {
    margin: 20px 0 20px !important;
    font-size: 23px;
}

.appointment-modal__doctors__list, .appointment-modal__locations__list {
    min-width: 100% !important;

}


.clk {
    border: 1px solid #0179c1;
    padding: 5px 15px !important;
    color: #0179c1 !important;
    width: max-content;
    margin: 10px auto !important;
}

.clk{
  opacity:0.7;
}

div#firstHeading {
    font-size: 15px !important;
    font-weight: 500;
    font-family: 'Lora';
}

div#bodyContent p {
    font-family: 'Oxygen';
}

.appointment-modal__locations__area {
    top: 30% !important;
    width: 100%;
}


.gm-style-iw-chr {
    height: 25px;
}


#navigation .builder-dynamic-rmm.style ul li>a:not(:only-child):after {
    font: normal normal normal 14px FontAwesome !important;
}

#navigation .builder-dynamic-rmm .builder-dynamic-rmm-back a:after {
    font: normal normal normal 14px FontAwesome !important;
}


section#location h2 {
    font-size: 40px;
    color: #0179c1;
    text-transform: uppercase;
}


.abt-con h3 {
    font-size: 30px;
    color: #0179c1;
}

.abt-con h2 {
    font-size: 35px;
    color: #0179c1;
}


span.address-head {
    font-size: 30px !important;
    font-weight: 300 !important;
  font-family: 'Lora';
}


 span.address-small {
    display: block;
    font-size: 17px !important;
    font-weight: 400 !important;
    color: #0179c1 !important;
}

.cont-footer a:hover{
  opacity:0.7;
}




#location .location > .row:nth-child(1) > .iframe-loc.iframe:nth-child(1):before {
    content: "Hattiesburg Office";
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px !important;
    display: block;
}


#location .location > .row:nth-child(1) > .iframe-loc.iframe:nth-child(2):before {
    content: "Laurel Office";
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px !important;
    display: block;
}


#specialties .contentwrap ul li {
    color: #000 !important;
}


@media (max-width: 900px) {
    #location .location > .row:nth-child(1) > .iframe-loc.iframe:nth-child(2):before {
        content: "Laurel Office";
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 10px !important;
        display: block;
        margin-top: 35px;
    }
}



    section.inner-page-head.services.lozad{
      background-image: linear-gradient(to right, rgba(13, 150, 141, 0.6), #0179c199), url(https://gp-assets-1.growthplug.com/website_files/5287/management-of-oral-lesions-in-hattiesburg-and-laurel.jpg) !important;
    }


/* button */

#contact .contactform .btn, #reviews-banner .reviews .reviews-top .container .btn, .review-modal .modal-footer .btn, #navigation ul.header-rt li.ctanav2 .btn {
    background: #0d968d !important;
    color: #fff !important;
    padding: 7px 12px !important;
    border-radius: 2px !important;
    font-weight: 400 !important;
}

#contact .contactform .btn:hover, #reviews-banner .reviews .reviews-top .container .btn:hover, .review-modal .modal-footer .btn:hover, #navigation ul.header-rt li.ctanav2 .btn:hover,#appointment-form button.confirm:hover {
    background: #0179C1 !important;
}

#appointment-form button.confirm {
      line-height: 30px !important; 
}

#contact h2 {
  font-size: 30px !important;
}

#reviews-banner .reviews .reviews-top .container .user-img {
      margin-top: 135px !important;
}

#reviews-banner .reviews .reviews-top {
      background-size: cover !important;
}

#reviews-content .reviews .reviews-middle ul.sort li a, #reviews-content .reviews .reviews-middle ul.sort li a {
  color: #333 !important;
}

#reviews-content .reviews .reviews-middle ul.sort li.active a, #reviews-content .reviews .reviews-middle ul.sort li.active a {
  color: #0179C1 !important;
}

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

#contact-form .tooltip {
  z-index: 10;
}

.review-modal .err-review {
  bottom: 4px !important;
}

#specialties .contentwrap h2 {
    font-size: 30px;
    line-height: 40px;
    color: #0179c1;
}

.contentwrap h3 strong {
    font-weight: 400 !important;
}


.contentwrap h3 {
    color: #0179c1;
    font-size: 20px;
}




    #messages > div:nth-child(2) > div > form > div > div.row.margin-top-10.day > div > div {
    align-items: center !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: 800px !important;
}
}

@media(min-width:1100px){
.location-hours li span {
    width: 75% !important;
}
}

@media(max-width:900px){
#location > div > div > div:nth-child(2) {
    margin-top: 35px;
}
  
}


@media(min-width:2400px){
.logo-img {
    max-width: 428px !important;
    height: 144px !important;
}


.header-top {
    height: 180px !important;
}

  section.footer-new > div > div.footer-address-main > div{
    width:100%;
  }

  span.address-small {
    display: block;
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #0179c1 !important;
}

  #location .location.two .iframe-loc {
    max-width: 86rem !important;
    margin-right: 35px !important;
}

  .location-address {
    width: 100% !important;
}

  #location .location {
    padding: 50px 0;
    max-width: 100% !important;
    margin: 0 auto;
}

  .location-hours-details {
    background: #fff;
    position: relative;
    min-height: 416px !important;
    height: 600px;
    font-weight: 500;
    color: gray;
    margin-top: -5px;
}

  #location .location.two .location-hours-details .location-action .btn-primary {
    font-size: 30px !important;
}

  .logo-footer {
    height: 350px !important;
  }

  .logo-footer img {
    padding: 5px;
    max-height: 100% !important;
    margin: 0 auto;
    object-fit: contain;
    height: 100% !important;
    width: 100% !important;
}
  
}

@media (max-width: 900px) {
.wxqomq2 .flex-center {
    display: flex;
    flex-direction: column !important;
}
}


@media (max-width: 1090px) {
.w1m50fx9 #reviews-slider .review-slider {
    background-attachment: scroll !important;
    padding: 80px 0;
    background-size: cover;
    background-position: center;
}
}


@media (min-width: 1000px) {
    #appointment-form > div > div:nth-child(3) > div.col-md-12.time.flex-center {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center !important;
    }
  section.inner-page-head.services.lozad {
    margin-top: 115px;
}
}


@media (min-width: 1024px) and (max-width: 1199px) {
  .footer-new .footer-address-main .col-md-4 {
    width: 42% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1300px) {
  .header-container .right-section .header-links {
    font-size: 13px !important;
  }
}

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

@media (min-width: 2500px) {
   #location .location-hours {
    width: 500px !important;
  }

  .location-hours li span {
    width: 60% !important;
  }
  #location .location .location-hours {
    margin: 0 !important;
  }

  #reviews-banner .reviews .reviews-top {
    height: 550px !important;
  }
}

@media (min-width: 3000px) {

  #contact .contactform .form-control {
    font-size: 22px !important;
  }

   #contact .contactform .checkbox span {
      font-size: 16px !important;
   }

  #location .location-hours {
    width: 500px !important;
  }

  .location-hours li span {
    width: 60% !important;
  }
  
  .footer-main .fin a {
    width: 100% !important;
  }

  #location .location.two .location-hours-details .location-action .btn-primary {
        height: 70px !important;
        margin: auto !important;
        line-height: 70px !important;
  }

  #location .location>.row {
    width: 100%;
  }

  #location .location .location-hours {
    margin: 0 !important;
  }

  .inner-page-head.services {
    height: 50vh !important;
  }
}
@media (min-width: 1000px) and (max-width: 1150px) {
    section.inner-page-head.services.lozad {
        margin-top: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #navigation ul.header-rt li.ctanav1 {
     padding-left: 10px !important;
  }
}

@media (max-width: 767px) {

  html .inner-page-head.services h1 {
    font-size: 20px !important;
    padding: 0 20px !important;
  }

  #specialties .contentwrap h2,  #specialties .contentwrap h3 {
    text-align: left !important;
  }

  #specialties .contentwrap p, #specialties .contentwrap li {
  text-align: left !important;
}

   #specialties .contentwrap ul {
    padding-left: 15px !important;
  }
  
    #specialties {
        margin: 20px 0 !important;
    }
   #navigation ul.header-rt li.ctanav1 {
     padding-left: 10px !important;
   }

  #location .location-hours li {
    display: inline-flex;
    gap: 15px;
  }
}

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

    .modal-dialog.animated.zoomIn.appointment-modal {
        width: 90% !important;
    }
}