.wk2epmn .location-container {
    background: #ffffff;
}
.wk2epmn #working-hours-section .working-hours-section .working-hours-section__block .hours li{
      color: #000000;
}
.wk2epmn #working-hours-section .working-hours-section .working-hours-section__block h4.header{
      color: #000000;
}
.wk2epmn #working-hours-section .working-hours-section .working-hours-section__block h3.header{

   color: #000000;
}
.header-top {
      z-index: 1000 !important;
}
html body section.inner-page-head.services.lozad {
    background: url(https://gp-assets-1.growthplug.com/website_files/5136/Dentist_St._George_UT_Interior.jpg) !important;
}
h1, h2, h3, h4, h5{
  font-weight:700 !important;
}

#success-popup .success-message__text p i.fa {
    color: #000000;
}

p{
  font-weight:400 !important;
}
.details h4 {
    text-transform: capitalize !important;
}
 .foot-sec .container-fluid {
  
    border-bottom: 0px solid #000;
}
.footer__wrap {
    border-top: 2px solid #000;
}
section.spanish__sec:before {
    left: 0;
    content: '';
    background: #000000a6;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 9;
}
section.spanish__sec:before {
    left: 0;
    content: '';
    background: #000000a6;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}
.lang-btn a, .abt-bttn a {
    cursor: pointer !important;
}
.location_content .details p span {
    font-weight: bold;
}
body .contact-slice-right__image {
    background: #b6a59a !important;
    background-image: url(https://gp-assets-1.growthplug.com/website_files/2021/02/05/pattern-100.png) !important;
    filter: none !important;
}
.loc p:nth-child(2):after {
    content: '84790';
    margin-left: 5px;
}

 #appointment .checkbox-custom-label span:hover {
    background: #f8f1e9 !important;
    color: #000 !important; 
}

 #appointment .checkbox-custom-label span {
    background: #b6a59a !important;
}

 #appointment .checkbox-custom:checked+.checkbox-custom-label span {
    color: #fff;
    background: #000 !important;
}

 .confirm a,  button.confirm {
    background: #b6a59a !important;
}





 .confirm a:hover,  button.confirm:hover{
    opacity:0.8;
}



.gm-style-iw-chr {
    height: 0;
}


#specialties .main-box .recent-box h5 {
    background: #b6a59a !important;
}


.contentwrap h2 {
    font-size: 30px !important;
}


.logo__footer img {
    max-width: 310px !important;
}


ul.footer__legal a:hover {
    color: #b6a59a !important;
}


.fill-form .pop_h3 {
    font-size: 23px;
}

#specialties .contentwrap {
    text-align: left !important;
    margin-top: 18px;
}

#contact {
    padding-bottom: 50px;
    padding-top: 50px !important;
}

#contact-slice-right > div > div > div.contact-slice-right__list > div > div > p:nth-child(1) > a > strong {
    color: #000;
    font-weight: 500 !important;
}


#success-popup .success-message__text .btn {
    padding: 10px 35px;
    background: #000 !important;
    color: #ffffff !important;
}


#success-popup .success-message__text .btn:hover {
   opacity:0.8;
}


 .info {
    font-size: 17px !important;
}

 section.foot-sec .container-fluid a:hover {
    color: #b6a59a !important;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}

 ul.footer__legal a {
    font-size: 17px !important;
}



.inner-page-head.services {
    border-bottom: 0px solid #fff0 !important;
}


#specialties .contentwrap ul li {
    font-size: 16px;
    list-style: disc !important;
    line-height: 26px !important;
    color: #000 !important;
}




 section#location {
    margin: 3%;
}


  section#contact-slice-right {
    margin-top: -2px;
    border: 1px solid #f8f1e9;
        margin-right: -2px;
}

 .contact-slice-right__image.contact figure {
    margin: 50px auto;
     width: 30vw !important;
    height: 15vw;
    overflow: hidden;
    border-radius: 0 !important;
    border: 0px solid transparent !important;
}



   .contact-slice-right__image.contact figure img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    object-position: center;
    vertical-align: middle;
}


.contact-slice-right__image {
    background: #f8f1e9 !important;
}

   #contact-slice-right .contact-slice-right__block .loc-email {
    text-transform: lowercase;
    color: #000 !important;
}

   #contact-slice-right .contact-slice-right__list .location_content p {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 17px !important;
    line-height: 22px;
    -webkit-letter-spacing: 1px;
    -moz-letter-spacing: 1px;
    -ms-letter-spacing: 1px;
    letter-spacing: 1px;
    text-transform: none;
    text-shadow: none;
    text-align: center;
    color: #000 !important;
    padding: 20px 0;
}

   #contact-slice-right .contact-slice-right__list .location_content .details p a.phone-clr {
    color: #000 !important;
    font-size: 17px !important;
}


@media(max-width:900px){





  
   #contact-slice-right .contact-slice-right__list .location_content p {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 14px !important;
  }

   .contact-slice-right__image.contact figure {
    margin: 20px auto !important;
    width: 100% !important;
    padding: 15px !important;
    height: 88% !important;
    overflow: hidden;
    border-radius: 0 !important;
    border: 0px solid transparent !important;
}
  #working-hours-section .working-hours-section .working-hours-section__block h3.header {
    font-size: 35px !important;
  }
}
  




@media(min-width:1150px) and (max-width:1300px){
 .info {
    font-size: 14px !important;
}
}

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

@media(min-width:700px) and (max-width:1150px){
.info {
    font-size: 14px !important;
}
}

@media(min-width:800px) and (max-width:1100px) {
  html body .inside-wrapper.sec {
    height: 690px !important;
}

 html body .inside-wrapper {
      height: 895px !important;
}
  
}
@media(max-width:800px) {
  #services .service-inside .row:nth-of-type(2) {
    display: none !important;
}
}




@media(min-width:800px) and (max-width:1000px) {
    .about-wrapper.sec .inside-wrapper {
        padding-top: 40px !important;
    }
}

@media(min-width:800px) and (max-width:1000px) {
    .inside-wrapper:nth-child(2) {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
}


@media(min-width:800px) and (max-width:1000px) {



html body .inside-wrapper {
height: 1095px !important;
}
  
.social-io .row {
  display: flex !important;
}
  
    .inside-wrapper.sec {
        height: auto !important;
    }
}

@media(min-width:800px) and (max-width:900px) {
  #services {
        margin-top: 300px !important;
  }
}


