@media only screen and (max-width:768px) {
    .client-logo {
        display: none !important
    }
}
#hero .carousel-indicators li {
    opacity: 1;
    background: #141616;
}
    #hero .carousel-indicators li.active {
        /* opacity: 1; */
        background: #FFFF!important;
    }
@media only screen and  (max-width: 985px) {
     .navbar ul {
    display: block!important;
  }
     .d-none {
  display: block!important;
}
     #topbar {
  background: #3fbbc0;
  color: #fff;
  height: 60px!important;

}
     .d-flex {
  display: block!important;
}
     select.goog-te-combo {
  border: navajowhite;
  background: #3fbbc0;
  color: #fff !important;
  padding: 8px 7px 5px 11px;
  float: right !important;
  position: absolute;
  right: 8px;
  top: 113px!important;
  width: 140px !important;
}
     #header {
  background: #fff!important;
  transition: all 0.5s;
  z-index: 997;
  padding: 7px 0!important;
  top: 60px!important;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1)!important;
}
     .goog-te-gadget .goog-te-combo {
  margin: -4px 0!important;
}
     .skiptranslate.goog-te-gadget {
  display: none;
}
     #topbar.topbar-scrolled {
  top: 0px!important;
}
     .navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0px;
  border: 1px solid transparent;
  display: inline-block!important;
  padding-left: 43px!important;
  padding-top: 14px!important;
}
     #navbar {
  float: right!important;
}

}

.VIpgJd-ZVi9od-l4eHX-hSRGPd {
  margin-right: 110px!important;
}

@media only screen and (min-width:986px) and (max-width:1198px) {


    .logo1 {
        left: 0px !important
    }

    .logo2 {
        left: 100px !important
    }

    .logo3 {
        left: 210px !important
    }

    .logo4 {
        width: 130px !important;
        left: 320px !important
    }

    logo5 {
        left: 501px !important;
        width: 184px !important;
    }
}


@media only screen and (max-width:1282px) {
    .navbar ul {
  
    margin-right: 60px!important;
}
    .logo1 {
        left:0px!important
    }
    .logo2 {
        left: 122px !important
    }
    .logo3 {
         left: 242px!important
    }
    .logo4 {
        left: 353px !important
    }
    .logo5 {
        left: 514px !important;
       
    }
}

@media only screen and (max-width: 912px) {
    img.client-logo.logo1 {
        display:none!important
    }

    img.client-logo.logo2 {
        display: none !important
    }

    img.client-logo.logo3 {
        display: none !important
    }

    img.client-logo.logo4 {
        display: none !important
    }

    img.client-logo.logo5 {
        display: none !important
    }
}



@media only screen and (min-width: 1200px) and (max-width:1299px) {
    img.client-logo.logo5 {
        width: 250px !important;
    }


a.appointment-btn.scrollto {
    margin-top: 7px!important;
}
}

@media only screen and (min-width: 1000px) and (max-width:1199px) {
    img.client-logo.logo1 {
        width:110px!important
    }
    img.client-logo.logo2 {
        width: 84px !important;
        left: 104px !important;
    }
    img.client-logo.logo3 {
        width: 82px !important;
        left: 200px!important;
    }
    img.client-logo.logo4 {
        width: 116px !important;
        left: 307px !important;
    }
  
    img.client-logo.logo5 {
        width: 151px !important;
        left: 425px !important;
    }

}
/*div#container1 {
    height: 300px !important;
}*/
.leaflet-touch .leaflet-control-layers-toggle {
    width: 30px !important;
    height: 30px !important;
}
#map {
    min-height: 614px;
    z-index: 1;

}
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

body {
    top: 0px !important;
}

/*
@media only screen and (max-width:768px) {
    #map {
        min-height: 657px !important;
        z-index: 1;
    }
}
@media only screen and (max-width: 1300px) {
    #map {
        min-height: 439px!important;
        z-index: 1;
    }
}
    */


@media only screen and (min-width: 3000px) and (max-width: 3100px) {
    #map {
        min-height: 1350px !important;
        z-index: 1;
    }
}

@media only screen and (min-width: 2300px) and (max-width: 2400px) {
    #map {
        min-height: 983px !important;
        z-index: 1;
    }
}
@media only screen and (min-width: 1999px) and (max-width: 2099px) {
    #map {
        min-height: 860px !important;
        z-index: 1;
    }
}
@media only screen and (min-width: 1900px) and (max-width: 1999px) {
    #map {
        min-height: 798px !important;
        z-index: 1;
    }
}
@media only screen and (min-width: 1699px) and (max-width: 1799px) {
    #map {
        min-height: 695px !important;
        z-index: 1;
    }
}

@media only screen and  (min-width: 1300px) and (max-width: 1400px) {
    #map {
        min-height: 546px !important;
        z-index: 1;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    #map {
        min-height: 466px !important;
        z-index: 1;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1100px) {
    #map {
        min-height: 663px !important;
        z-index: 1;
    }
}


.clAllConsumers input {
    border: none !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding-left: 12px !important;
    pointer-events: none !important;
    padding: 0px !important;
    width: 90% !important;
    padding-left: 20px !important;
    color: #FFF !important;
    background: transparent !important
}

.labletext {
    margin-bottom: 0px !important;
    font-size: 12px;
}

.clName input {
    border: none !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding-left: 12px !important;
    background: transparent;
    pointer-events: none !important;
    padding: 0px !important;
    padding-left: 20px !important;
    color: #FFF !important;
    background: transparent !important
}

.profile-picture {
    text-align: center;
}

.leaflet-geosearch-bar {
    width: 222px !important;
    float: right !important;
}

.img-responsive {
    display: inline;
    max-width: 100%;
    height: auto;
}
#locate-btn {
    position: absolute;
    top: 92px;
    left: 2px;
    background-color: white;
    border: 2px solid #ccc;
    z-index: 2;
    cursor: pointer;
    width: 31px;
    border-radius: 4px;
    margin-left: 9px;
}
section.leaflet-control-layers-list {
    padding: 10px;
}
.ui-widget.ui-widget-content {
    z-index: 9999 !important;
}
.leaflet-bottom.leaflet-right {
    display: none!important;
}
.leaflet-left .leaflet-control {
    margin-left: 11px !important;
}

.leaflet-top .leaflet-control {
    margin-top: 30px !important;
}