@media only screen and (min-width:320px) and (max-width :1024px) {
    .change-padding {
      padding-right: 0;
      padding-left: 0
    }
  
    .change-paddingR {
      padding-right: 15px
    }
  
    .change-paddingL {
      padding-left: 15px
    }
  
    .spl-padding {
      padding-right: 15px;
      padding-left: 15px
    }
  
    :root {
      --normal-text-size: 17px;
      --normal-text-line-he: 25px;
      --h1-size: 35px;
      --h2-size: 30px;
      --h3-size: 25px;
      --h4-size: 21px;
      --h5-size: 18px;
      --h6-size: 15px;
      --sect-padding: 40px 15px;
      --sect-small-padding: 43px 15px
    }
  
    h1 {
      font-size: var(--h1-size);
      line-height: 40px
    }
  
    h2 {
      font-size: var(--h2-size);
      line-height: 35px
    }
  
    h3 {
      font-size: var(--h3-size)
    }
  
    h4 {
      font-size: var(--h4-size)
    }
  
    h5 {
      font-size: var(--h5-size)
    }
  
    ul li,
    p {
      font-size: var(--normal-text-size);
      font-weight: var(--thin-weight);
      line-height: var(--normal-text-line-he)
    }
  
    .sec-padding {
      padding: var(--sect-padding)
    }
  
    .sect-small-padding {
      padding: var(--sect-small-padding)
    }
  
    .main-bg-btn,
    .main-white-btn {
      font-size: 18px;
      line-height: 25px
    }
  
    .lets-help-sec .lets-help-img img {
      height: 350px;
      object-fit: contain
    }

    .dental-services-loca{
        text-align: left;
    }
  }
  
  @media only screen and (min-width:992px) and (max-width :1199px) {
    :root {
      --normal-text-size: 17px;
      --normal-text-line-he: 25px;
      --h1-size: 35px;
      --h2-size: 30px;
      --h3-size: 25px;
      --h4-size: 21px;
      --h5-size: 18px;
      --h6-size: 15px;
      --sect-padding: 40px 15px;
      --sect-small-padding: 43px 15px
    }
  
    h1 {
      font-size: var(--h1-size);
      line-height: 40px
    }
  
    h2 {
      font-size: var(--h2-size);
      line-height: 35px
    }
  
    h3 {
      font-size: var(--h3-size)
    }
  
    h4 {
      font-size: var(--h4-size)
    }
  
    h5 {
      font-size: var(--h5-size)
    }
  
    ul li,
    p {
      font-size: var(--normal-text-size);
      font-weight: var(--thin-weight);
      line-height: var(--normal-text-line-he)
    }
  
    .sec-padding {
      padding: var(--sect-padding)
    }
  
    .sect-small-padding {
      padding: var(--sect-small-padding)
    }
  
    .main-bg-btn,
    .main-white-btn {
      font-size: 18px;
      line-height: 25px
    }
  }
  
  @media only screen and (min-width:1200px) and (max-width :1440px) {
    :root {
      --normal-text-size: 17px;
      --normal-text-line-he: 25px;
      --h1-size: 40px;
      --h2-size: 35px;
      --h3-size: 30px;
      --h4-size: 24px;
      --h5-size: 20px;
      --h6-size: 18px;
      --sect-padding: 40px 15px;
      --sect-small-padding: 43px 15px
    }
  
    h1 {
      font-size: var(--h1-size);
      line-height: 45px
    }
  
    h2 {
      font-size: var(--h2-size);
      line-height: 40px
    }
  
    h3 {
      font-size: var(--h3-size)
    }
  
    h4 {
      font-size: var(--h4-size)
    }
  
    h5 {
      font-size: var(--h5-size)
    }
  
    ul li,
    p {
      font-size: var(--normal-text-size);
      font-weight: var(--regular-weight);
      line-height: var(--normal-text-line-he)
    }
  
    .sec-padding {
      padding: var(--sect-padding)
    }
  
    .sect-small-padding {
      padding: var(--sect-small-padding)
    }
  
    .main-bg-btn,
    .main-white-btn {
      font-size: 18px;
      line-height: 25px
    }
  }
  
  @media only screen and (min-width:320px) and (max-width :767px) {
    .menu-open {
      overflow-y: hidden
    }
  
    .mob-menu-icon i {
      color: #000;
      font-size: 35px;
      cursor: pointer
    }
  
    .mob-menu-icon {
      position: relative;
      display: inline-block !important
    }
  
    .mob-menu-icon i.feather-x {
      position: absolute;
      right: 0;
      top: 0;
      visibility: hidden
    }
  
    .navbar-collapse {
      position: fixed;
      display: inline-block !important;
      top: 0;
      left: 0;
      height: 100%;
      background: #fff;
      width: 80%;
      left: -100%;
      overflow-y: scroll;
      transition: .2s all ease-out;
      padding-bottom: 32px
    }
  
    .navbar-collapse.opened {
      left: 0
    }
  
    .mob-menu-icon.open .feather-menu {
      visibility: hidden
    }
  
    .mob-menu-icon.open .feather-x {
      visibility: visible
    }
  
    .mob-menu-icon .navbar-nav {
      padding: 15px
    }
  
    .navbar-nav {
      padding: 25px 15px;
      display: inline-block
    }
  
    .header-sec-outer .navbar-nav .nav-link {
      margin-bottom: 15px
    }
  
    .mob-overlay {
      position: fixed;
      background: rgba(0, 0, 0, 0.3);
      width: 100%;
      height: 100%;
      right: -100%;
      top: 0;
      z-index: 9;
      transition: .2s all ease-out
    }
  
    .mob-overlay.slow-overlay {
      right: 0
    }
  
    .call-action-btn {
      display: inline-block
    }
  
    .navbar-collapse .conta-icon {
      display: block !important;
      padding: 0 25px;
      margin-top: 0
    }
  
    .navbar-collapse .conta-icon li {
      margin: 0 20px 0 0
    }
  
    .header-sec-outer .navbar-nav .nav-link {
      font-size: 20px;
      font-weight: 500
    }
  
    .navbar-brand img {
      height: 45px
    }
  
    #banner-sec .single-carousel-left,
    #banner-sec .single-carousel-right {
      width: 100%;
      padding: 0
    }
  
    #banner-sec .single-carousel {
      -ms-flex-direction: column !important;
      flex-direction: column !important
    }
  
    #banner-sec .single-carousel-right {
      text-align: center;
      margin-bottom: 25px
    }
  
    .single-carousel-right img {
      width: 60%;
      max-width: 200px
    }
  
    #banner-sec .carousel-item {
      height: auto;
      padding: var(--sect-padding)
    }
  
    .single-carousel-right {
      order: 1
    }
  
    .single-carousel-left {
      order: 2
    }
  
    #banner-sec .single-carousel-left h1 {
      margin-bottom: 15px
    }
  
    #banner-sec .single-carousel-left .single-caro-btn {
      margin-top: 25px
    }
  
    .single-therapy-sec h2,
    .single-therapy-sec p {
      margin-bottom: 10px
    }
  
    .single-therapy-sec .btn-outer {
      margin-top: 20px;
      margin-bottom: 0
    }
  
    .header-sec-outer {
      right: 0
    }
  
    .header-sec-outer .navbar-brand {
      margin-right: 0 !important
    }
  
    .call-action-btn {
      display: none
    }
  
    .single-therapy-sec p br {
      display: none
    }
  
    .single-therapy-sec:first-child .btn-outer {
      border-bottom: 1px solid #ccc;
      margin-bottom: 20px;
      padding-bottom: 20px
    }
  
    .hair-lose-right img {
      width: 110px;
      object-position: bottom;
      height: auto;
      display: none
    }
  
    .hair-lose-right {
      top: inherit;
      bottom: 0;
      height: auto
    }
  
    .hair-lose-bg-shape {
      display: none
    }
  
    .hair-lose-sec h2 {
      margin-bottom: 10px
    }
  
    .hair-lose-sec .btn-outer {
      margin-top: 10px
    }
  
    .testimonial-sec h2 {
      margin-bottom: 10px
    }
  
    .testimonial-sec .main-bg-btn {
      margin-top: 10px
    }
  
    .testimonial-sec-right .item {
      border-radius: 10px;
      overflow: hidden;
      margin-top: 20px
    }
  
    .item .play-btn svg {
      width: 40px;
      height: 40px
    }
  
    #VideoPop .modal-body iframe {
      height: 230px
    }
  
    .single-skin-dental p br {
      display: none
    }
  
    .single-skin-dental:first-child .btn-outer {
      border-bottom: 1px solid #333;
      margin-bottom: 20px;
      padding-bottom: 20px
    }
  
    .single-success-row {
      -ms-flex-direction: column !important;
      flex-direction: column !important
    }
  
    .unveiled-left {
      margin-right: 0
    }
  
    #success-unveiled-carousel .owl-item img {
      overflow: hidden;
      border-radius: 50%;
      height: 200px;
      object-fit: cover !important;
      width: 200px;
      max-width: 200px;
      margin: 0 auto 20px auto
    }
  
    .unveiled-right p br {
      display: none
    }
  
    .unveiled-right .unveiled-play-btn {
      margin: 15px 0
    }
  
    .unveiled-play-btn img {
      width: 40px !important;
      height: 40px !important
    }
  
    .success-unveiled-dot .owl-dot {
      width: 10%
    }
  
    .conta-icon li:last-child {
      margin-right: 8px
    }
  
    .header-sec-outer .navbar-brand {
      padding: 0
    }
  
    .contact-icons {
      display: none
    }
  
    #VideoPop .close {
      right: 0
    }
  
    .insider-knowledge-sec .owl-item.active .single-insider-img img {
      filter: inherit
    }
  
    .locate-our-branches-sec h2.resp-accordion:first-child,
    .locate-our-branches-sec .resp-accordion {
      border: none !important;
      border-bottom: 1px solid #f3ba1a !important;
      background-color: var(--main-white-bg);
      border-radius: 10px
    }
  
    .resp-tabs-container {
      border-radius: 10px
    }
  
    .locate-our-branches-sec h2.resp-accordion {
      padding: 10px 15px;
      font-size: var(--normal-text-size)
    }
  
    .icon-loct img {
      height: 45px;
      width: 55px !important;
      object-fit: contain;
      min-width: auto !important;
      max-width: inherit !important
    }
  
    .lets-help-sec .lets-help-inn {
      display: block !important
    }
  
    .lets-help-sec .lets-help-img {
      width: 100%
    }
  
    .lets-help-sec .lets-help-text {
      width: 100%;
      padding: 20px
    }
  
    .lets-help-sec .lets-help-img {
      padding: 20px
    }
  
    .lets-help-text .call-action-btn {
      display: block !important
    }
  
    .lets-help-text .call-to-action {
      font-size: 16px
    }
  
    .lets-help-text .call-action-btn li {
      margin: 0
    }
  
    .lets-help-text .call-action-btn li:first-child {
      margin: 0 15px 20px 0
    }
  
    .lets-help-sec {
      padding: var(--sect-small-padding)
    }
  
    .copyright-sec {
      margin-top: 30px
    }
  
    .about-us,
    .use-full-links,
    .use-full-links,
    .social-media {
      margin-bottom: 20px
    }
  
    .copyright-sec h6 {
      font-size: 12px
    }
  
    .success-unveiled-dot .owl-nav {
      padding: 0 15px
    }
  
    .single-skin-dental:first-child {
      border-right: 0
    }
  
    .single-banner-sec {
      border-top: 4px solid #fff;
      border-bottom: 4px solid #fff;
      border-left: 0;
      border-right: 0
    }
  
    .two-banner-sec .container-fluid {
      padding-right: 15px !important;
      padding-left: 15px !important
    }
  
    .two-left-banner,
    .two-right-banner {
      padding: 20px 40px
    }
  
    .boxes-banner-bottom .single-therapy-inn {
      padding: 25px;
      margin-bottom: 20px
    }
  
    .boxes-banner-bottom .single-therapy-sec:last-child .single-therapy-inn {
      margin-bottom: 0
    }
  
    .boxes-banner-bottom .single-therapy-sec:first-child .btn-outer {
      border: 0;
      margin-bottom: 0;
      padding-bottom: 0
    }
  
    .skin-dental-sec .row:before {
      display: none
    }
  
    #footer hr {
      border-top: 1px solid rgba(250, 250, 250, 0.1);
      margin-top: 5px
    }
  
    #footer .title>div {
      margin-top: 5px !important;
      margin-bottom: 5px !important
    }
  
    .single-banner-sec img {
      width: 120px;
      height: 120px;
      margin-bottom: 10px
    }
  
    .single-banner-sec h2 {
      margin-bottom: 10px;
      line-height: 35px
    }
  
    .single-banner-sec {
      padding: 20px 15px
    }
  
    .inn-banner-sec {
      width: 100%
    }
  
    .three-banner-sec {
      overflow: hidden
    }
  
    .about-banner-sec {
      height: auto
    }
  
    .left-abt-banr {
      margin-top: 25px
    }
  
    .right-abt-banr {
      margin-top: 25px
    }
  
    .collapsible-link {
      word-wrap: break-word
    }
  
    .faq-outer .collapsible-link {
      padding: 15px 20px;
      white-space: inherit !important
    }
  
    .faq-outer .accordion .card-body {
      padding: 15px 20px !important
    }
  
    .about-banner-sec h2 {
      line-height: 40px
    }
  
    .right-abt-banr {
      padding-bottom: 25px
    }
  
    .start-year {
      font-size: 50px;
      line-height: 50px
    }
  
    .humble-beginning-right img {
      height: auto
    }
  
    .numerically-speaking-head {
      margin-bottom: 30px
    }
  
    .nu-speak-box {
      padding: 15px 15px;
      margin-bottom: 15px
    }
  
    .nu-speak-box img {
      width: 80px;
      height: auto
    }
  
    .box-right-sec h4 {
      font-size: 35px;
      line-height: 35px
    }
  
    .box-right-sec p {
      font-size: 28px
    }
  
    .left-abt-banr {
      text-align: center
    }
  
    .left-abt-banr img {
      height: 200px;
      width: auto
    }
  
    .about-banner-sec h2 {
      text-align: center
    }
  
    .team-banner,
    .team-banner-inn img {
      height: 400px
    }
  
    .meet-our-exper-single {
      padding: 0 15px
    }
  
    .meet-exp-text {
      padding: 15px 0 0 0;
      display: inline-block;
      width: 100%
    }
  
    .meet-our-experts-top p br {
      display: none
    }
  
    .join-our-team {
      padding: 0 15px;
      margin-bottom: 30px
    }
  
    .join-our-team-inn {
      padding: 20px 15px
    }
  
    .why-cho-box h2 {
      margin-bottom: 30px
    }
  
    .join-our-team {
      padding-top: 30px
    }
  
    .btn-outer .mr-15 {
      margin: 0 0 15px 0
    }
  
    .meet-us-box {
      margin-bottom: 30px !important
    }
  
    .meet-us-single h6 {
      min-height: auto !important
    }
  
    .contact-form-left {
      margin-bottom: 30px
    }
  
    .filter-state {
      margin-bottom: 15px
    }
  
    .join-our-left img {
      max-width: 150px
    }
  
    .join-our-right p {
      margin-bottom: 0
    }
  
    .join-our-box-outer {
      margin: 0
    }
  
    .our-mission-sec {
      margin-left: 0;
      margin-right: 0
    }
  
    .our-mission-right img {
      max-width: 150px
    }
  
    .our-mission-sec {
      margin-top: 30px
    }
  
    .join-our-team-sec .join-our-team-inn {
      margin: 0;
      padding: 0 15px
    }
  
    .our-mission-sec {
      padding: 0 15px
    }
  
    .our-mission-right {
      margin-top: 15px
    }
  
    .life-hairocraft-bottom {
      margin-top: 30px
    }
  
    .life-box-sec {
      margin-bottom: 25px
    }
  
    .success-unveiled-dot {
      padding: 0 15px !important
    }
  
    .gallery-wrapper-light {
      padding-left: 0;
      padding-right: 0
    }
  
    .gallery-wrapper-light .main-bg-btn {
      width: 100%;
      margin: 0 0 10px 0
    }
  
    .address-right-inn {
      position: relative;
      left: inherit;
      top: inherit;
      transform: inherit;
      margin-top: 25px
    }
  
    .location-detail-banner,
    #location-detail-slider,
    .location-slide {
      height: 450px
    }
  
    #location-detail-slider .location-slide img {
      height: 450px !important;
      object-fit: cover !important;
      width: 100% !important
    }
  
    #location-detail-slider .slick-prev::before,
    #location-detail-slider .slick-next::before {
      font-size: 25px
    }
  
    .select-location {
      margin-bottom: 15px
    }
  
    .location-box {
      height: 250px;
      margin-bottom: 30px
    }
  
    .location-name {
      font-size: 35px
    }
  
    .desk-banner {
      display: none
    }
  
    .mobile-banner {
      display: block;
      width: 100%;
      object-fit: cover;
      object-position: bottom left
    }
  
    .container.services-banner-caption {
      position: absolute;
      top: 35%;
      left: 50%;
      transform: translateX(-50%) translateY(-35%)
    }
  
    .services-lists-banner .container-fluid {
      padding: 0 15px
    }
  
    .services-listbox {
      max-height: 350px
    }
  
    .services-image img {
      height: 350px
    }
  
    .services-listbox {
      border-radius: 10px
    }
  
    .services-desc {
      padding: 180px 20px 35px 20px
    }
  
    .services-lists-banner {
      margin-top: 60px
    }
  
    .new-content-box .new-content-left {
      order: 2
    }
  
    .banner-bottom-left,
    .new-content-right {
      margin-bottom: 30px
    }
  
    .half-size {
      width: 100%
    }
  
    .sidebar-item {
      position: relative
    }
  
    .new-content-left {
      padding-right: 0
    }
  
    .main-banner-sec {
      height: auto;
      padding-top: 40px;
      padding-bottom: 40px
    }
  
    .banner-slide-left {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding-right: 0;
      margin-top: 40px
    }
  
    .banner-slide-right {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
    }
  
    .banner-slide-left {
      padding-right: 15px
    }
  
    .main-banner-sec {
      padding-bottom: 0 !important
    }
  
    .banner-slide>.row {
      padding-bottom: 0 !important
    }
  
    .banner-slide {
      padding-bottom: 0 !important
    }
  
    .banner-left-content p,
    .banner-left-content .btn-wrapper {
      -webkit-animation-delay: .2s;
      animation-delay: .2s;
      -webkit-animation-duration: .2s;
      animation-duration: .2s;
      opacity: 1 !important;
      visibility: visible !important;
      -webkit-animation-name: fadeInUp !important;
      animation-name: fadeInUp !important
    }
  
    .bg-shape {
      width: 70%
    }
  
    .main-banner-sec,
    .banner-slide,
    .banner-slide>.row {
      height: auto;
      padding-top: 0;
      padding-bottom: 15px
    }
  
    .banner-slide-right img {
      height: auto !important;
      width: auto !important;
      object-fit: contain
    }
  
    .single-box-outer {
      display: none
    }
  
    .lets-help-img {
      display: none
    }
  
    .lets-help-sec .lets-help-text {
      padding: 15px
    }
  
    .resp-tab-content {
      padding: 20px 10px
    }
  
    .testimonial-sec-right .play-btn img {
      width: 50px
    }
  
    .services-banner-caption h3 {
      font-size: 25px
    }
  
    select.form-control {
      margin-bottom: 15px
    }
  
    .get-touch-inn textarea.form-control {
      margin-top: 0
    }
  
    .services-with-img.sec-padding,
    .services-without-img.sec-padding {
      padding: 0 15px !important
    }
  
    .services-with-img:nth-child(odd) {
      background: #d9d9d9
    }
  
    .services-with-img.sec-padding.no-image .services-img-right {
      margin-top: 25px;
      margin-bottom: 25px
    }
  
    .services-with-img.sec-padding.no-image {
      margin-top: 0
    }
  
    .services-with-img.sec-padding .services-img-left {
      margin-top: 25px
    }
  
    .services-with-img.sec-padding .services-img-right {
      margin-top: 25px;
      margin-bottom: 25px
    }
  
    .services-with-img .services-img-left img,
    .services-with-img .services-img-right .services-with-content {
      border-radius: 9px
    }
  
    .services-with-img .services-with-content {
      padding: 15px
    }
  
    .services-with-img .services-with-content {
      position: relative;
      left: inherit;
      top: inherit;
      transform: inherit
    }
  
    .services-with-img.even .services-img-left {
      order: 1
    }
  
    .services-with-img.even .services-img-right {
      order: 2
    }
  
    .services-with-img.even .services-with-content {
      right: inherit
    }
  
    .google-fb-review {
      display: inline-block !important;
      margin: 20px 0 20px 0
    }
  
    .google-review {
      margin: 0
    }
  
    .facebook-review {
      margin: 20px 0 0 0
    }
  
    .meet-exp-image {
      height: 300px
    }
  
    .meet-exp-image img {
      object-fit: contain;
      height: 300px
    }
  
    .location-lists-sec.sticky {
      margin-top: 61px
    }
  
    .about-banner-sec .left-abt-banr {
      text-align: center
    }
  
    .VideoPopup .modal-dialog {
      max-width: 600px
    }
  
    #videoModal .modal-body iframe {
      height: 330px
    }
  
    .services-banner-caption h3 {
      font-size: 25px
    }
  
    .location-lists-sec.sticky {
      margin-top: 61px !important
    }
  
    .breadcrumb-outer .breadcrumb {
      padding-bottom: 20px;
      padding-top: 20
    }
  
    .main-det-content h4 {
      font-size: 19px;
      font-weight: var(--regular-weight);
      line-height: 27px
    }
  
    .services-with-img.even .services-with-content {
      left: 0
    }
  
    .emp-bene-left {
      margin-bottom: 30px
    }
  
    .single-insider-text h6 {
      height: auto !important
    }
  
    .single-insider-img img {
      object-fit: contain;
      object-position: center center
    }
  
    .header-sec-outer .navbar-nav .nav-item:first-child {
      display: block !important
    }
  
    .life-hoc-left {
      margin-bottom: 20px;
      padding: 15px !important
    }
  
    .life-right-box {
      padding: 0
    }
  
    .life-hairocraft-sec>.row {
      margin: 0
    }
  
    .img-skin-dental {
      width: 200px;
      height: 200px
    }
  
    .hair-lose-text {
      margin-bottom: 20px
    }
  
    .hair-lose-right-img {
      height: 150px;
      width: 150px;
      margin: 0 auto
    }
  
    .submenu-inn {
      text-align: left
    }
  
    .breadcrumb-outer .container {
      padding-top: 20px;
      padding-bottom: 20px
    }
  
    .get-touch-sec {
      margin-top: 0
    }
  
    #footer .list-unstyled {
      padding: 0 20px
    }
  
    .location-lists-inn .col-xl-3.filter-state {
      -ms-flex: 0 0 35%;
      flex: 0 0 35%;
      max-width: 35%
    }
  
    .hoc-xmaswish {
      width: 150px;
      right: 0
    }
  
    .hoc-xmaswish.show {
      bottom: 70px
    }
  
    .services-form-outer .meet-us-left {
      margin-bottom: 30px
    }
  
    .services-form-outer .services-form-row {
      margin: 0
    }
  
    .services-form-outer .get-touch-sec {
      padding: 0
    }
  
    .services-form-outer .get-touch-inn {
      position: relative;
      top: inherit !important;
      transform: inherit !important;
      left: inherit
    }
    .slick-dotted.slick-slider {
      margin-bottom: -6px;
    }
    .slick-dots {
      display: none;
    }
    #success-unveiled-carousel .owl-prev{
      left: 0;
    }
    #success-unveiled-carousel .owl-next{

      right: 0;
    }
    #insider-knowledge-carousel .owl-prev{
      left: 0;
    }
    #insider-knowledge-carousel .owl-next{
      right: 0;
    }
    .footer-other-links {
      text-align: center;
    }
    .footer-other-links li{
      margin-bottom: 10px !important;
    }
    
  }
  
  @media only screen and (min-width:320px) and (max-width :480px) {
    .location-lists-inn {
      display: inline-block !important
    }
  
    .location-lists-inn .col-xl-3.filter-state {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
    }
  }
  
  @media only screen and (min-width:480px) and (max-width :767px) {
    .banner-slide-right img {
      width: 70%;
      margin: 0 auto
    }
  }
  
  @media only screen and (min-width:480px) and (max-width :767px) {
    #VideoPop .modal-body iframe {
      height: 300px
    }
  
    .meet-exp-image {
      width: 60%;
      margin: 0 auto
    }
  
    .gallery-wrapper-light .main-bg-btn {
      width: auto;
      margin: 0 10px 15px 10px
    }
  
    .menu-open {
      display: block
    }
  
    .submenu-open {
      display: block !important
    }
  }
  
  @media only screen and (min-width:320px) and (max-width :991px) {
    .navbar.navbar-light {
      background-color: #fff !important
    }
  
    .navbar-collapse {
      width: 50% !important;
      max-width: 350px
    }
  
    #navbarNav .navbar-nav {
      width: 100%;
      margin-left: 0
    }
  
    .menu-open,
    .submenu-open {
      display: block !important
    }
  
    .megamenu-content .tab-pane img {
      display: none
    }
  
    .megamenu-content .nav.nav-tabs,
    .megamenu-content .nav.nav-tabs li a {
      width: 100%;
      display: inline-block !important
    }
  
    .megamenu-content {
      background: transparent;
      box-shadow: none;
      padding: 0;
      border: 0
    }
  
    .megamenu-content>.container,
    .megamenu-content>.container>.row,
    .megamenu-content .col-xl-9,
    .megamenu-content .col-xl-3 {
      padding: 0;
      margin: 0
    }
  
    .megamenu-content .tab-content {
      margin-top: 0
    }
  
    .common-menu-list {
      margin-top: 0
    }
  
    .megamenu-content .nav.nav-tabs li,
    .megamenu-content .nav.nav-tabs li a {
      margin: 0;
      border: 0;
      padding: 0;
      background: transparent !important
    }
  
    .megamenu-content .nav.nav-tabs li a:hover {
      color: #f3ba1a
    }
  
    .megamenu-content .tab-pane .img-menu {
      margin-bottom: 0
    }
  
    .megamenu-content .tab-pane .img-menu a {
      text-align: left
    }
  
    .megamenu-content .tab-pane .img-menu a h5 {
      margin: 0
    }
  
    .tab-pane.submenu-dropdown .row {
      margin: 0
    }
  
    .navbar-nav .dropdown-menu {
      background: #fff
    }
  
    .singlemenu-content {
      padding: 0 20px
    }
  
    .dropdown-toggle {
      position: relative
    }
  
    .arrow-right {
      position: absolute;
      right: 10px;
      top: 0
    }
  
    .sub-menu {
      position: relative
    }
  
    .sub-arrow-right.only-mob i:before,
    .dropdown-toggle>.arrow-right>i:before {
      content: "\f078";
      font-size: 14px
    }
  
    .sub-arrow-right.only-mob {
      display: block;
      position: absolute;
      right: 10px;
      top: 0
    }
  
    .megamenu-content .nav.nav-tabs li a {
      font-size: 18px
    }
  
    .submenu-dropdown .img-menu a h5 {
      font-size: 18px !important
    }
  }
  
  @media(min-width:991px) {
    .services-with-img .row {
      -ms-flex-align: center !important;
      align-items: center !important
    }
  }
  
  @media only screen and (min-width:320px) and (max-width :480px) {
    .navbar-collapse {
      width: 90% !important
    }
  }
  
  @media only screen and (min-width:768px) and (max-width :991px) {
    .menu-open {
      overflow-y: hidden
    }
  
    .mob-menu-icon i {
      color: #000;
      font-size: 35px;
      cursor: pointer
    }
  
    .mob-menu-icon {
      position: relative;
      display: inline-block !important
    }
  
    .mob-menu-icon i.feather-x {
      position: absolute;
      right: 0;
      top: 0;
      visibility: hidden
    }
  
    .navbar-collapse {
      position: fixed;
      display: inline-block !important;
      top: 0;
      left: 0;
      height: 100%;
      background: #fff;
      width: 30%;
      left: -100%;
      overflow-y: scroll;
      transition: .2s all ease-out;
      padding-bottom: 32px
    }
  
    .navbar-collapse.opened {
      left: 0
    }
  
    .mob-menu-icon.open .feather-menu {
      visibility: hidden
    }
  
    .mob-menu-icon.open .feather-x {
      visibility: visible
    }
  
    .mob-menu-icon .navbar-nav {
      padding: 15px
    }
  
    .navbar-nav {
      padding: 25px 15px;
      display: inline-block;
      margin-left: 20%
    }
  
    .header-sec-outer .navbar-nav .nav-link {
      margin-bottom: 15px
    }
  
    .mob-overlay {
      position: fixed;
      background: rgba(0, 0, 0, 0.3);
      width: 100%;
      height: 100%;
      right: -100%;
      top: 0;
      z-index: 9;
      transition: .2s all ease-out
    }
  
    .mob-overlay.slow-overlay {
      right: 0
    }
  
    .call-action-btn {
      display: inline-block
    }
  
    .navbar-collapse .conta-icon {
      display: block !important;
      padding: 0 25px;
      margin-top: 0;
      margin-left: 20%
    }
  
    .navbar-collapse .conta-icon li {
      margin: 0 20px 0 0
    }
  
    .header-sec-outer .navbar-nav .nav-link {
      font-size: 20px;
      font-weight: 500
    }
  
    .header-contact {
      display: none
    }
  
    .single-carousel-left {
      padding-left: 0 !important
    }
  
    .single-therapy-sec {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .hair-lose-bg-shape {
      display: none !important
    }
  
    .hair-lose-text {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .testimonial-sec-left,
    .testimonial-sec-right {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .skin-dental-sec .single-skin-dental {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .resp-tabs-list li {
      font-size: var(--normal-text-size);
      margin-bottom: 0 !important;
      padding: 10px 15px !important;
      line-height: 20px
    }
  
    .unveiled-left {
      margin-right: 10px
    }
  
    #success-unveiled-carousel .owl-item img {
      overflow: hidden;
      border-radius: 50%;
      height: 200px;
      object-fit: cover !important;
      width: 200px;
      max-width: 200px
    }
  
    .unveiled-play-btn img {
      width: 40px !important;
      height: 40px !important
    }
  
    .call-action-btn li {
      margin-bottom: 10px
    }
  
    .two-banner-sec .container-fluid {
      padding-right: 15px !important;
      padding-left: 15px !important
    }
  
    .two-left-banner,
    .two-right-banner {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .two-left-banner,
    .two-right-banner {
      padding: 20px 40px
    }
  
    .boxes-banner-bottom .single-therapy-inn {
      padding: 25px;
      margin-bottom: 20px
    }
  
    .boxes-banner-bottom .single-therapy-sec:last-child .single-therapy-inn {
      margin-bottom: 0
    }
  
    .boxes-banner-bottom .single-therapy-sec:first-child .btn-outer {
      border: 0;
      margin-bottom: 0;
      padding-bottom: 0
    }
  
    .boxes-banner-bottom .single-therapy-sec:last-child {
      margin: 0 auto
    }
  
    .single-banner-sec {
      border-top: 4px solid #fff;
      border-bottom: 4px solid #fff;
      border-left: 0;
      border-right: 0
    }
  
    .single-banner-sec img {
      width: 120px;
      height: 120px;
      margin-bottom: 10px
    }
  
    .single-banner-sec h2 {
      margin-bottom: 10px;
      line-height: 35px
    }
  
    .single-banner-sec {
      padding: 20px 15px
    }
  
    .single-banner-sec.skew {
      transform: inherit
    }
  
    .inn-banner-sec {
      transform: inherit
    }
  
    .inn-banner-sec {
      width: 100%
    }
  
    .about-banner-sec {
      height: 300px
    }
  
    .about-banner-sec .left-abt-banr img {
      max-height: 280px;
      width: auto
    }
  
    .left-abt-banr,
    .right-abt-banr {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .start-year {
      font-size: 50px;
      line-height: 50px
    }
  
    .humble-beginning-right img {
      height: auto;
      width: 100%
    }
  
    .numerically-speaking-head {
      margin-bottom: 30px
    }
  
    .numerically-speak-box {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
    }
  
    .nu-speak-box img {
      width: 70px;
      height: auto
    }
  
    .box-right-sec h4 {
      font-size: 35px;
      line-height: 40px;
      margin-bottom: 0
    }
  
    .box-right-sec p {
      font-size: 17px
    }
  
    .nu-speak-box {
      padding: 15px 10px
    }
  
    .team-banner,
    .team-banner-inn img {
      height: 400px
    }
  
    .meet-our-exper-single {
      padding: 0 15px
    }
  
    .meet-exp-text {
      padding: 15px 0 0 0;
      display: inline-block;
      width: 100%
    }
  
    .meet-our-experts-top p br {
      display: none
    }
  
    .meet-our-exper-single {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .join-our-team {
      padding: 0 15px;
      margin-bottom: 30px
    }
  
    .join-our-team-inn {
      padding: 20px 15px
    }
  
    .why-choose-box {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .join-our-team {
      padding-top: 20px
    }
  
    .meet-us-box {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      margin-bottom: 20px
    }
  
    .contact-form-right {
      margin-top: 15px
    }
  
    .contact-form-right .col-xl-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .select-loca-row .col-xl-3 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
    }
  
    .join-our-left img {
      max-width: 150px
    }
  
    .our-mission-right img {
      max-width: 150px
    }
  
    .join-our-box {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .join-our-team-inn,
    .our-mission-sec {
      -ms-flex-align: center !important;
      align-items: center !important
    }
  
    .join-our-left,
    .our-mission-right {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
    }
  
    .join-our-right,
    .our-mission-left {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%
    }
  
    .life-hairocraft-bottom {
      margin-top: 30px
    }
  
    .life-box-sec {
      margin-bottom: 25px
    }
  
    .employee-benefits-box {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .address-right-inn {
      position: relative;
      left: inherit;
      top: inherit;
      transform: inherit;
      margin-top: 25px
    }
  
    .location-detail-banner,
    #location-detail-slider,
    .location-slide {
      height: 450px
    }
  
    #location-detail-slider .location-slide img {
      height: 450px !important;
      object-fit: cover !important;
      width: 100% !important
    }
  
    #location-detail-slider .slick-prev::before,
    #location-detail-slider .slick-next::before {
      font-size: 25px
    }
  
    .select-location {
      margin-bottom: 15px
    }
  
    .get-touch-sec .col-xl-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .navbar-brand img {
      height: 45px
    }
  
    .location-name {
      font-size: 35px
    }
  
    .services-listouter {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .services-listbox {
      max-height: 400px
    }
  
    .services-lists-banner {
      margin-top: 71px
    }
  
    .services-desc {
      padding: 180px 20px 35px 20px
    }
  
    .services-image img {
      height: 400px
    }
  
    .banner-bottom-left img,
    .new-content-box .new-content-left img {
      width: 60%
    }
  
    .banner-bottom-left {
      margin-bottom: 30px
    }
  
    .new-content-box .new-content-left {
      order: 2;
      margin-top: 30px
    }
  
    .half-size {
      width: 60%
    }
  
    .sidebar-item {
      position: relative
    }
  
    .main-banner-sec,
    .banner-slide,
    .banner-slide>.row {
      height: 450px;
      padding-top: 0;
      padding-bottom: 0
    }
  
    .single-box-outer {
      display: none
    }
  
    .services-with-img.sec-padding,
    .services-without-img.sec-padding {
      padding: 0 15px !important
    }
  
    .services-with-img:nth-child(odd) {
      background: #d9d9d9
    }
  
    .services-with-img.sec-padding.no-image .services-img-right {
      margin-top: 25px;
      margin-bottom: 25px
    }
  
    .services-with-img.sec-padding.no-image {
      margin-top: 0
    }
  
    .services-with-img.sec-padding .services-img-left {
      margin-top: 25px
    }
  
    .services-with-img.sec-padding .services-img-right {
      margin-top: 25px;
      margin-bottom: 25px
    }
  
    .services-with-img .services-img-left img,
    .services-with-img .services-img-right .services-with-content {
      border-radius: 9px
    }
  
    .services-with-img .services-with-content {
      padding: 15px
    }
  
    .services-with-img .services-with-content {
      position: relative;
      left: inherit;
      top: inherit;
      transform: inherit
    }
  
    .services-with-img.even .services-img-left {
      order: 1
    }
  
    .services-with-img.even .services-img-right {
      order: 2
    }
  
    .services-with-img.even .services-with-content {
      right: inherit
    }
  
    .services-img-left img {
      width: 50%
    }
  
    .meet-exp-image {
      height: 300px
    }
  
    .meet-exp-image img {
      object-fit: contain;
      height: 300px
    }
  
    .VideoPopup .modal-dialog {
      max-width: 600px
    }
  
    #videoModal .modal-body iframe {
      height: 330px
    }
  
    .services-banner-caption h3 {
      font-size: 25px
    }
  
    .about-banner-sec h2 {
      font-weight: 700;
      line-height: 40px
    }
  
    .location-lists-sec.sticky {
      margin-top: 71px !important
    }
  
    .breadcrumb-outer .breadcrumb {
      padding-bottom: 20px;
      padding-top: 20
    }
  
    .main-det-content h4 {
      font-size: 19px;
      font-weight: var(--regular-weight);
      line-height: 27px
    }
  
    .services-with-img.even .services-with-content {
      left: 0
    }
  
    .emp-bene-left {
      margin-bottom: 30px
    }
  
    .emp-bene-col {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .img-skin-dental {
      width: 150px;
      height: 150px
    }
  
    .hair-lose-text {
      margin-bottom: 30px
    }
  
    .hair-lose-right-img {
      height: 200px;
      width: 200px;
      margin: 0 auto
    }
  
    .hair-lose-img {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .submenu-inn {
      text-align: left
    }
  
    .breadcrumb-outer .container {
      padding-top: 20px;
      padding-bottom: 20px
    }
  
    .get-touch-sec {
      margin-top: 0
    }
  
    .hoc-xmaswish {
      width: 200px;
      right: 0
    }
  
    .hoc-xmaswish.show {
      bottom: 60px
    }
  
    .services-form-outer .meet-us-left {
      margin-bottom: 30px
    }
  
    .services-form-outer .services-form-row {
      margin: 0
    }
  
    .services-form-outer .get-touch-sec {
      padding: 0
    }
  
    .services-form-outer .life-hoc-left {
      padding: 30px 0;
      margin-bottom: 30px
    }
  
    .services-form-outer .get-touch-inn {
      position: relative;
      top: inherit !important;
      transform: inherit !important;
      left: inherit
    }
  }
  
  @media only screen and (min-width:320px) and (max-width :991px) {
    .navbar-nav {
      padding: 0
    }
  
    .navbar-nav>li:first-child {
      border-top: 1px solid #cecaca !important
    }
  
    .navbar-nav>li {
      border-bottom: 1px solid #cecaca;
      padding: 15px 0
    }
  
    .navbar-nav .nav-item>a {
      padding-left: 18px !important;
      padding-right: 41px !important
    }
  
    .header-sec-outer .navbar-nav .nav-link {
      margin-bottom: 0
    }
  
    .header-sec-outer .navbar-nav .nav-link {
      font-size: 18px;
      font-weight: 500;
      color: #000 !important
    }
  
    .header-sec-outer .navbar-nav .nav-link:hover,
    .header-sec-outer .navbar-nav .nav-link:focus,
    .megamenu-content .nav.nav-tabs li a:hover,
    .dropdown-menu li.active a {
      color: #000 !important
    }
  
    .megamenu-content .nav.nav-tabs li a {
      font-size: 18px !important;
      font-weight: 500 !important
    }
  
    .dropdown-menu .submenu-dropdown .img-menu a h5 {
      font-size: 18px !important;
      font-weight: 500 !important
    }
  
    .conta-icon {
      margin-top: 40px !important
    }
  
    .arrow-right,
    .sub-menu .sub-arrow-right {
      width: 40px;
      height: 100%;
      background: transparent;
      margin: 0 !important;
      text-align: center
    }
  
    .arrow-right i,
    .sub-menu .sub-arrow-right i {
      display: none
    }
  
    .arrow-right:before,
    .sub-menu .sub-arrow-right:before {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 12px;
      height: 2px;
      content: "";
      transition: var(--transition);
      transform: translateX(-50%) translateY(-50%);
      background-color: #2c2c2c;
      transition: all .3s ease 0
    }
  
    .arrow-right:after,
    .sub-menu .sub-arrow-right:after {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 12px;
      height: 2px;
      content: "";
      transform: translateX(-50%) translateY(-50%) rotate(90deg);
      background-color: #2c2c2c;
      transition: all .3s ease 0
    }
  
    .megamenu-fw.open>.dropdown-toggle .arrow-right:after,
    .singlemenu-fw.open>.dropdown-toggle .arrow-right:after,
    .sub-menu.active .sub-arrow-right:after {
      transform: translateX(-50%) translateY(-50%)
    }
  
    .dropdown-menu .nav.nav-tabs>li {
      border-bottom: 1px solid #cecaca !important
    }
  
    .dropdown-menu .nav.nav-tabs>li:last-child {
      border-bottom: none !important
    }
  
    .megamenu-content .nav.nav-tabs .img-menu {
      border-bottom: 1px solid #cecaca !important;
      padding-top: 10px;
      padding-bottom: 10px
    }
  
    .dropdown-menu.megamenu-content {
      border-top: 1px solid #cecaca !important
    }
  
    .megamenu-content .nav.nav-tabs .img-menu:last-child {
      border-bottom: none !important
    }
  
    .megamenu-content .nav.nav-tabs .img-menu a {
      border-radius: 0
    }
  
    .dropdown-menu .nav.nav-tabs li a {
      padding: 0 18px !important
    }
  
    .dropdown-menu.megamenu-content .nav-tabs li {
      padding-left: 15px
    }
  
    .nav-item.dropdown.open {
      padding-bottom: 0
    }
  
    .dropdown-menu.megamenu-content .nav.nav-tabs li {
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 20px
    }
  
    .nav-item.dropdown.open .nav-link.dropdown-toggle a {
      display: inline-block;
      width: 100%
    }
  
    .common-menu-list li {
      margin-bottom: 0;
      padding-left: 38px !important
    }
  
    .megamenu-content .submenu-dropdown {
      margin-top: 5px;
      border-top: 1px solid #cecaca
    }
  
    .common-menu-list li a {
      font-size: 18px !important;
      font-weight: 500 !important;
      display: inline-block !important;
      width: 100% !important;
      border-bottom: 1px solid #cecaca !important;
      padding-top: 10px;
      padding-bottom: 10px
    }
  
    .common-menu-list li:last-child a {
      border-bottom: 0
    }
  
    .common-menu-list {
      padding-bottom: 0;
      padding-top: 5px
    }
  
    .nav-item.dropdown.open .common-menu-list {
      border-top: 1px solid #cecaca !important
    }
  
    .dropdown-menu.singlemenu-content {
      padding-left: 38px !important
    }
  
    .nav-item.dropdown.open .nav-link.dropdown-toggle li a {
      padding-top: 5px;
      padding-bottom: 5px
    }
  
    .singlemenu-content li {
      margin-bottom: 0
    }
  
    .singlemenu-content li a {
      font-size: 18px !important;
      font-weight: 500 !important;
      display: inline-block !important;
      width: 100% !important;
      border-bottom: 1px solid #cecaca !important;
      padding-top: 10px;
      padding-bottom: 10px
    }
  
    .singlemenu-content li a:last-child {
      border-bottom: 0
    }
  
    .nav-item.dropdown.open .nav-link.dropdown-toggle {
      margin-bottom: 15px
    }
  
    .nav-item.dropdown.open .dropdown-menu.megamenu-content .common-menu-list li:last-child a {
      border-bottom: none !important
    }
  
    .nav-item.dropdown.open .dropdown-menu.singlemenu-content {
      border-top: 1px solid #cecaca !important
    }
  
    .navbar-collapse .conta-icon {
      display: none !important
    }
  
    .navbar-collapse.opened {
      padding-bottom: 60px !important
    }
  
    .nav-item.dropdown.open .singlemenu-content li:last-child a {
      border-bottom: none !important
    }
  }
  
  @media only screen and (min-width:992px) and (max-width :1199px) {
    .single-therapy-sec {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .hair-lose-text {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .hair-lose-right {
      width: 50% !important
    }
  
    .testimonial-sec-right,
    .testimonial-sec-left {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .single-skin-dental {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .img-skin-dental {
      width: 180px;
      height: 180px
    }
  
    #success-unveiled-carousel .owl-item img {
      overflow: hidden;
      border-radius: 50%;
      height: 150px;
      object-fit: cover !important;
      width: 150px;
      max-width: 150px
    }
  
    .navbar-brand img {
      height: 50px
    }
  
    .single-carousel-right img {
      width: 80%;
      max-width: 300px
    }
  
    #banner-sec .carousel-item {
      height: 500px
    }
  
    .single-success-dot {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
      margin: 0 auto
    }
  
    .resp-tabs-list li {
      font-size: var(--normal-text-size);
      margin-bottom: 0 !important;
      padding: 10px 15px !important;
      line-height: 20px
    }
  
    .resp-tab-content {
      padding: 40px 20px
    }
  
    .single-loc-box {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
    }
  
    .call-action-btn li {
      margin-bottom: 15px;
      margin-right: 0
    }
  
    .call-action-btn li:first-child {
      margin-right: 15px
    }
  
    .lets-help-sec .lets-help-text {
      padding: 20px 40px
    }
  
    .use-full-links,
    .social-media {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
    }
  
    .about-us {
      margin-bottom: 30px
    }
  
    .copyright-sec {
      margin-top: 40px
    }
  
    #success-unveiled-carousel .unveiled-play-btn img {
      width: 50px;
      height: 50px;
      margin: 0 auto;
      min-width: inherit;
      object-fit: contain
    }
  
    .single-banner-sec {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
    }
  
    .two-banner-sec .container-fluid {
      padding-right: 15px !important;
      padding-left: 15px !important
    }
  
    .two-left-banner,
    .two-right-banner {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .two-left-banner,
    .two-right-banner {
      padding: 20px 40px
    }
  
    .boxes-banner-bottom .single-therapy-inn {
      padding: 25px;
      margin-bottom: 20px
    }
  
    .boxes-banner-bottom .single-therapy-sec:last-child .single-therapy-inn {
      margin-bottom: 0
    }
  
    .boxes-banner-bottom .single-therapy-sec:first-child .btn-outer {
      border: 0;
      margin-bottom: 0;
      padding-bottom: 0
    }
  
    .boxes-banner-bottom .single-therapy-sec:last-child {
      margin: 0 auto
    }
  
    .boxes-banner-bottom .single-therapy-sec {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
    }
  
    .about-banner-sec {
      height: 400px
    }
  
    .left-abt-banr,
    .right-abt-banr {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .start-year {
      font-size: 50px;
      line-height: 50px
    }
  
    .humble-beginning-right img {
      height: auto;
      width: 100%
    }
  
    .numerically-speaking-head {
      margin-bottom: 30px
    }
  
    .numerically-speak-box {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
    }
  
    .nu-speak-box img {
      width: 70px;
      height: auto
    }
  
    .box-right-sec h4 {
      font-size: 35px;
      line-height: 40px;
      margin-bottom: 0
    }
  
    .box-right-sec p {
      font-size: 17px
    }
  
    .nu-speak-box {
      padding: 15px 10px
    }
  
    .team-banner,
    .team-banner-inn img {
      height: 400px
    }
  
    .meet-our-exper-single {
      padding: 0 15px
    }
  
    .meet-exp-text {
      padding: 15px 0 0 0;
      display: inline-block;
      width: 100%
    }
  
    .meet-our-experts-top p br {
      display: none
    }
  
    .meet-our-exper-single {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
    }
  
    .join-our-team {
      padding: 0 15px;
      margin-bottom: 30px
    }
  
    .join-our-team-inn {
      padding: 20px 15px
    }
  
    .why-choose-heading {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
    }
  
    .why-choose-right {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%
    }
  
    .why-choose-box {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .join-our-team {
      padding-top: 20px
    }
  
    .meet-us-box {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      margin-bottom: 20px
    }
  
    .contact-form-right {
      margin-top: 15px
    }
  
    .contact-form-right .col-xl-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .select-loca-row .col-xl-3 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
    }
  
    .join-our-team-inn,
    .our-mission-sec {
      -ms-flex-align: center !important;
      align-items: center !important
    }
  
    .join-our-left,
    .our-mission-right {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
    }
  
    .join-our-right,
    .our-mission-left {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%
    }
  
    .join-our-box {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .join-our-left img,
    .mission-right img {
      max-width: 200px
    }
  
    .life-hairocraft-bottom {
      margin-top: 30px
    }
  
    .life-box-sec {
      margin-bottom: 25px
    }
  
    .life-box-sec,
    .employee-benefits-box {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
    }
  
    #location-detail-slider .slick-prev {
      left: 5%
    }
  
    #location-detail-slider .slick-next {
      right: 5%
    }
  
    .location-detail-banner,
    #location-detail-slider,
    .location-slide {
      height: 450px
    }
  
    #location-detail-slider .location-slide img {
      height: 450px !important;
      object-fit: cover !important;
      width: 100% !important
    }
  
    #location-detail-slider .slick-prev::before,
    #location-detail-slider .slick-next::before {
      font-size: 25px
    }
  
    .select-location {
      margin-bottom: 15px
    }
  
    .get-touch-sec .col-xl-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .meet-us-left,
    .get-touch-sec {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .map-left,
    .address-right {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .address-right-inn {
      padding: 15px 35px
    }
  
    .img-menu {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
    }
  
    .megamenu-content .col-xl-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%
    }
  
    .megamenu-content .col-xl-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
    }
  
    .singlemenu-content {
      top: 49px
    }
  
    .location-box {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      height: 300px;
      margin-bottom: 30px
    }
  
    .location-name {
      font-size: 35px
    }
  
    .services-listouter {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .services-listbox {
      max-height: 400px
    }
  
    .services-desc {
      padding: 180px 20px 35px 20px
    }
  
    .services-image img {
      height: 400px
    }
  
    .services-lists-banner {
      margin-top: 76px
    }
  
    .banner-bottom-left {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%
    }
  
    .new-content-left {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%
    }
  
    .banner-bottom-right {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%
    }
  
    .new-content-right {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
    }
  
    .new-content-box:nth-child(even) .new-content-left {
      order: 2
    }
  
    .main-banner-sec,
    .banner-slide,
    .banner-slide>.row {
      height: 450px;
      padding-top: 0;
      padding-bottom: 0
    }
  
    .single-box-outer {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
    }
  
    .single-box-img {
      width: 65px;
      height: 65px
    }
  
    .single-box-img img {
      width: 38px
    }
  
    .single-box-content h4 {
      margin-bottom: 0;
      font-size: 25px;
      line-height: 30px
    }
  
    .single-box-content span {
      font-size: 17px
    }
  
    .services-with-img .col-xl-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%
    }
  
    .services-with-img .col-xl-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%
    }
  
    .services-with-img .services-with-content {
      right: 15px
    }
  
    .services-with-img.even .services-with-content {
      left: 15px
    }
  
    .google-fb-review {
      display: inline-block !important;
      margin: 20px 0 20px 0
    }
  
    .google-review {
      margin: 0
    }
  
    .facebook-review {
      margin: 20px 0 0 0
    }
  
    .meet-exp-image {
      height: 300px
    }
  
    .meet-exp-image img {
      object-fit: contain;
      height: 300px
    }
  
    .about-banner-sec h2 {
      line-height: 45px
    }
  
    .main-det-content h4 {
      font-size: 20px;
      font-weight: var(--regular-weight);
      line-height: 28px
    }
  
    .services-with-img.sec-padding,
    .services-without-img.sec-padding {
      padding: 20px 15px !important
    }
  
    .services-banner-caption h3 {
      font-size: 35px
    }
  
    .services-with-img .services-with-content {
      padding: 20px
    }
  
    .emp-bene-left {
      margin-bottom: 30px
    }
  
    .emp-bene-col {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .life-hoc-left {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%
    }
  
    .life-hoc-right {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%
    }
  
    .hair-lose-img {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      margin: 0 auto
    }
  
    .hair-lose-right-img {
      height: 250px;
      width: 250px
    }
  
    .breadcrumb-inner,
    .service-submenu {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .get-touch-sec {
      margin-top: 53px
    }
  
    .header-sec-outer .navbar-nav .nav-item:first-child {
      display: none
    }
  
    .hoc-xmaswish {
      width: 200px;
      right: 0
    }
  
    .hoc-xmaswish.show {
      bottom: 60px
    }
  
    .services-form-outer .get-touch-sec {
      -ms-flex: 0 0 60%;
      flex: 0 0 60%;
      max-width: 60%
    }
  
    .services-form-outer .get-touch-inn {
      left: -15px
    }
  }

  @media only screen and (min-width:1025px) and (max-width :1199px) {
     .breadcrumb-inner, .dental-services-loca {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        text-align: right;
        -ms-flex-item-align: center !important;
        align-self: center !important;
      }
  }
  
  @media only screen and (min-width:1200px) and (max-width :1440px) {
    .single-carousel-right img {
      max-width: 300px
    }
  
    .single-therapy-sec h2,
    .single-therapy-sec p,
    .testimonial-sec h2 {
      margin-bottom: 20px
    }
  
    .single-therapy-sec .btn-outer,
    .testimonial-sec .main-bg-btn,
    .single-skin-dental .btn-outer {
      margin-top: 20px
    }
  
    .img-skin-dental {
      width: 200px;
      height: 200px
    }
  
    #success-unveiled-carousel .unveiled-play-btn img {
      width: 50px !important;
      height: 50px !important;
      margin: 0 auto !important;
      min-width: inherit !important
    }
  
    .single-success-dot {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
      margin: 0 auto
    }
  
    .resp-tabs-list li {
      font-size: var(--normal-text-size);
      margin-bottom: 0 !important;
      padding: 10px 15px !important;
      line-height: 20px
    }
  
    .two-banner-sec .container-fluid {
      padding-right: 15px !important;
      padding-left: 15px !important
    }
  
    .boxes-banner-bottom .single-therapy-inn {
      padding: 30px
    }
  
    .about-banner-sec {
      height: 350px
    }
  
    .about-banner-sec .left-abt-banr {
      max-height: 330px
    }
  
    .about-banner-sec .left-abt-banr img {
      max-height: 330px
    }
  
    .start-year {
      font-size: 90px;
      line-height: 100px
    }
  
    .numerically-speaking-head {
      margin-bottom: 40px
    }
  
    .box-right-sec h4 {
      font-size: 40px;
      line-height: 45px
    }
  
    .box-right-sec p {
      font-size: 25px;
      line-height: 30px
    }
  
    .nu-speak-box img {
      width: 70px;
      height: auto
    }
  
    .nu-speak-box {
      padding: 15px 20px
    }
  
    .main-banner-sec,
    .banner-slide,
    .banner-slide>.row {
      height: 400px
    }
  
    .banner-slide-right img {
      height: 400px;
      width: auto
    }
  
    .google-fb-review {
      display: inline-block !important;
      margin: 20px 0 20px 0
    }
  
    .google-review {
      margin: 0
    }
  
    .facebook-review {
      margin: 20px 0 0 0
    }
  
    .about-banner-sec h2 {
      line-height: 45px
    }
  
    .services-banner-caption h3 {
      font-size: 35px
    }
  
    .emp-bene-col {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }
  
    .get-touch-sec {
      margin-top: 60px
    }
  
    .hoc-xmaswish {
      width: 200px;
      right: 0
    }
  
    .hoc-xmaswish.show {
      bottom: 60px
    }
  }
  
  @media only screen and (min-width:1441px) and (max-width :1920px) {
  
    .main-banner-sec,
    .banner-slide,
    .banner-slide>.row {
      height: 75vh;
      max-height: 600px;
      min-height: 600px
    }
  
    .banner-slide-right img {
      width: auto;
      margin-left: auto;
      object-fit: contain
    }
  
    .google-review,
    .facebook-review {
      margin: 10px;
      padding: 20px 5px
    }
  
    .google-fb-review .google-icon img {
      height: 40px
    }
  
    .google-fb-review .google-star h5 {
      font-size: 18px
    }
  
    .google-fb-review .star-no {
      font-size: 20px
    }
  
    .google-fb-review .js-star-rating .fa {
      font-size: 19px
    }
  
    /* .location-detail-banner, #location-detail-slider, .location-slide {
      height: 600px;
    }
    #location-detail-slider .location-slide img{
      height: 600px !important;
    } */
  }

 
  @media (min-height: 950px) {
    .location-detail-banner, #location-detail-slider, .location-slide {
      height: 600px;
    }
    #location-detail-slider .location-slide img{
      height: 600px !important;
    }
  }
  
  @media(min-width :1921px) {
    .banner-slide-right img {
      height: 650px;
      width: auto !important;
      margin-left: auto;
      object-fit: contain
    }
  }
  
  @media(min-width :1200px) {
    .container {
      max-width: 1140px
    }
  }
  
  @media(min-width :1920px) {
    .container {
      max-width: 1440px
    }
  }