

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

    .about-banner {
    min-height: 82vh;
}
.navbar-brand {
    width: 15rem;
}
.about-point-icon img {
    object-fit: cover;
    width: 100%;
}
.about-point-icon {
    padding: 1.3rem;
}
}

@media (min-width:991px) and (max-width:1199px){

    .footer-logo {
    width: 90%;
}
.insurance-img {
    width: 80%;
}
.personal-information a span svg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.personal-information a span {
    font-size: 10px !important;
    width: 16px;
    height: 16px;
    display: inline-block;
}
a.call-btn span svg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
a.call-btn  span {
    font-size: 10px !important;
    width: 16px;
    display: inline-block;
    height: 16px;
}
.choose-point-img {
    margin: auto;
    margin-bottom: 2.0625rem;
    height: 4.6875rem;
    width: 4rem;
}
.choose-point-img img {
    width: 100%;
}
.professional-single-img {
    margin: auto;
    width: 4rem;

}
.professional-single-img img {
    width: 100%;
}
.beth-tag-img {
    left: -6.1125rem;
}
.journey-points li svg {
    width: 20px;
    height: 20px;
}
.about-banner {
    min-height: 55vh;
}
a.navbar-brand {
    width: 16rem;
}
.location-map iframe {
    width: 100%;
    height: 29.4375rem;
    border-radius: 0.875rem;
}
.location-points li svg {
    width: 16px;
    height: 16px;
}
.location-map .all-same-btn svg {
    width: 16px;
    height: 16px;
}
.beth-list li svg {
    width: 16px;
    height: 16px;
}
.about-point-icon img {
    object-fit: cover;
    width: 100%;
}
.about-point-icon {
    padding: 1.3rem;
}
}


@media (min-width:768px) and (max-width:991px){
    .single-testimonial {
    height: 23.75rem !important;
}
.insurance-img img {
    object-fit: cover;
    width: 100%;
}
.footer-logo {
    width: 90%;
}
.insurance-img {
    width: 80%;
}
.personal-information a span svg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.personal-information a span {
    font-size: 10px !important;
    width: 16px;
    height: 16px;
    display: inline-block;
}
a.call-btn span svg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
a.call-btn  span {
    font-size: 10px !important;
    width: 16px;
    display: inline-block;
    height: 16px;
}
.choose-point-img {
    margin: auto;
    margin-bottom: 2.0625rem;
    height: 4.6875rem;
    width: 4rem;
}
.choose-point-img img {
    width: 100%;
}
.professional-single-img {
    margin: auto;
    width: 4rem;

}
.professional-single-img img {
    width: 100%;
}
.beth-tag-img {
    left: -1.1125rem;
}
.journey-points li svg {
    width: 20px;
    height: 20px;
}
.about-banner {
    min-height: 55vh;
}
a.navbar-brand {
    width: 16rem;
}
.location-map iframe {
    width: 100%;
    height: 29.4375rem;
    border-radius: 0.875rem;
}
.location-points li svg {
    width: 16px;
    height: 16px;
}
.location-map .all-same-btn svg {
    width: 16px;
    height: 16px;
}
.beth-list li svg {
    width: 16px;
    height: 16px;
}


.about-point-icon img {
    object-fit: cover;
    width: 100%;
}
.about-point-icon {
    padding: 1.3rem;
}
}




@media (max-width: 767px){
    html {
    font-size: unset !important;
}
.header-bottom {
    margin-top: 0.3125rem;
}
.navbar-collapse {
    width: 100%;
}
.dropdown-toggle::before {
    right: 0%;
}
   .main-header {
    padding: 0px 9px;
}
.navbar-brand {
    transition: 0.3s;
    width: 156px;
}
.close-btn {
    right: 15px;
    top: 15px;
}
.navbar-collapse {
    padding: 39px 30px;
    padding-top: 75px;
}

    .hero-section {
    padding: 170px 0px 70px 0px;
    height: unset;
}
.hero-background-img::before {
    background: linear-gradient(
    90deg,
    #FCF5F5 43%,
    rgba(244, 241, 235, 0) 100%
);
    width: 100%;
}
.banner-heading {
    font-size: 32px;
    margin-bottom: 20px;
}
.hero-meta p {
    font-size: 20px;
    margin-bottom: 20px;
}
.all-same-btn {
    font-size: 18.07px;
    text-align: center;
}
.treatment-btn {
    font-size: 18.07px;
    text-align: center;
}

.our-treatments {
    padding: 44px 0px 53px;
}
.treatments-heading {
    align-items: start;
    flex-direction: column;
    gap: 20px;
}
.tag-heading {
    font-size: 24px;
    margin-bottom: 30px;
}
.treatment-card-content {
    padding: 0 35px 35px;
}
.treatment-title {
    font-size: 23.62px;
    margin-bottom: 18px
}
.treatment-card-content p {
    font-size: 16.45px;
    margin-bottom: 17px;
    width: 100%;
}
.about-section {
    padding: 34px 0 0px 0px;
}
.about-section  .all-same-heading {
    font-size: 32px;
    margin-bottom: 24px;
}
.about-content p {
    font-size: 16px;
}
.about-bottom {
    flex-direction: column;
    text-align: center;
    align-items: center;
}
.about-points {
    padding: 40px 15px 35px;
    grid-template-columns: repeat(1,1fr);
    gap: 23px;
    margin-right: 0;
    margin-top: 0;
}
.about-single-point::before {
    right: 0;
    height: 1.5px;
    bottom: -16px;
    width: 100%;
}
.about-point-text {
    flex: 0 0 60%;
}
.before-section {
    padding: 54px 0px 40px;
}
.before-section .all-same-heading {
    font-size: 32px;
}
.before-devider p {
    font-size: 20px;
    width: 100%;
}
.before-devider {
    flex-direction: column;
}

.testimonial-section {
    padding: 37px 0px 86px;
}
.single-testimonial {
    height: 100% !important;  
}

.testimonial-section  .owl-nav {
    position: relative;
    top: 0;
}

footer.main-footer {
    padding: 50px 0px 26px;
}
.footer-meta p {
    font-size: 18px;
}
.footer-meta {
    margin-bottom: 40px;
}
.quick-links  li, .personal-information li {
    margin-bottom: 19px;
}
.quick-links  a, .personal-information a {
    font-size: 18px;
    line-height: 22px;
}
.copy-right-section p {
    font-size: 14px;
}
    .btn-meta {
    flex-direction: column;
    gap: 15px;
}
.book-meta {
    flex-direction: column;
    gap: 11px;
    padding: 16px 17px;
}
.book-meta::before {
   display: none;
}
.book-meta p {
    font-size: 14px;
    width: 95%;
    text-align: center;
}

/* -------------- about page --------------------------- */

.about-banner-img {
    z-index: -1;
}
.about-banner {
    padding: 10.8125rem 0rem 5.05rem;
    background: linear-gradient(90deg, #FCF5F5 43%, rgba(244, 241, 235, 0) 100%);
    min-height: auto;   
}
.about-banner .ab-overly-img {
    width: 21.625rem;
}
.about-banner-img {
    top: 0;
    right: 0;
    width: 100%;
    padding: 0;
    height: 100%;
}
.about-banner-img img {
    width: 100%;
    height: 100%;
    object-position: center;
}
.professional-points {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}
.professional-single-img {
    width: 40px;
    margin: auto;
    min-height: auto;
}
.professional-single-img img {
    width: 100%;
}
.professional-title {
    font-size: 1rem;
    padding: 0 0.7rem;
}
.choose-points {
    grid-template-columns: repeat(1, 1fr);
}
.values-meta {
    grid-template-columns: repeat(1,1fr);
}
.values-card {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.beth-section {
    padding: 3.875rem 0rem 2.3125rem;
}
.beth-img {
    padding-right: 0;
    margin-bottom: 30px;
}
.beth-tag-img {
    left: 0;
    width: 7.875rem !important;
}
.beth-content .all-same-heading {
    font-size: 2.125rem;
}
.beth-content p {
    font-size: 1.125rem;
    line-height: 1.8rem;
}
.beth-list li {
    font-size: 1.125rem;
    margin-bottom: 1.175rem;
}
.choose-single-point::before {
    display: none;
}
.choose-point-title {
    font-size: 1.225rem;
}
.choose-point-img {
    margin-bottom: 1.0625rem;
    height: 4.1875rem;
}
.choose-single-point p {
    font-size: 1.025rem;
}
.location-section {
    padding: 2.5rem 0;
}
.location-meta {
    padding-left: 0.25rem;
}
.location-points li {
    font-size: 1.175rem;
    margin-bottom: 1rem;
}
.values-section {
    padding: 0 0rem 1.9375rem;
}
.values-content h3 {
    font-size: 1.2625rem;
}
.values-content p {
    font-size: 1.025rem;
}
.journey-section {
    padding: 0;
}
.faq-right {
    padding-bottom: 0;
}
.journey-row {
    padding: 4.1875rem 2.3125rem;
}
.journey-main h3 {
    font-size: 1.8125rem;
}
.journey-main h2 {
    font-size: 2.125rem;
}
.journey-points {
    margin-top: 4rem;
    gap: 1.125rem;
    flex-direction: column;
}
.journey-points li {
    font-size: 1.15rem;
}

.treatment-journey-meta {
    grid-template-columns: repeat(1,1fr);
    gap: 3.25rem;
}
.treatment-journey-single::after {
    display: none;
}
.about-banner-content p {
    font-size: 1.005rem;
    margin-bottom: 1.5rem;
    width: 100%;
}

.about-treatment-content p {
    font-size: 1.0rem;
    width: 100%;
}
.about-treatment {
    padding: 2.75rem 0rem 1.375rem;
}
.about-treatment-meta {
    grid-template-columns: repeat(2,1fr) !important;
    gap: 1.05rem;
}
.treatment-journey-main {
    text-align: center;
}
.tag-heading_dark {
    width: unset !important;
}
.treatment-journey-point-title {
    font-size: 1.275rem;
    margin-bottom: 1.075rem;
}
.treatment-journey-single {
    padding: 0 1rem;
}
.treatment-journey-img {
    margin-bottom: 1.375rem;
}
.treatment-journey-single p {
    font-size: 1.025rem;
}
.treatment-journey {
    padding: 1.75rem 0rem 3.3125rem;
}
.faq-section {
    padding: 1.9375rem 0rem;
}
.custom-accordion .accordion-button {
    font-size: 1.2rem;
}
.custom-accordion .accordion-body {
    font-size: 0.9em;
}
.form-subtitle {
    text-align: start;
}
.faq-right p {
    font-size: 1.025rem;
}
.aesthetic-points {
    grid-template-columns: repeat(1,1fr);
    gap: 50px;
}
.aethetic-section {
    padding: 50px 0px;
}
.aesthetic-points .about-single-point::before {
    display: none;
}
.journey-main p {
    font-size: 1.1875rem;
}
.all-same-heading {
    font-size: 1.75rem;
}
.pricing-section {
    padding: 33px 0px;
}
.treament-name {
    font-size: 1rem;
}
.pricing-content-left {
    padding: 12px 10px;
    flex: 0 0 75%;
}
.pricing-content {
    gap: 10px;
}
.pricing-content-right {
    padding: 16.5px 15px;
    height: 100%;
}
.treatment-price {
    font-size: 0.8rem;
}
.treatment-pricing-title {
    font-size: 1.25rem;
}
.aethetic-section .tag-heading {
    text-align: center;
}
.pricing-section .tag-heading {
    text-align: center;
}
.tag-heading {
    font-size: 1.2rem;
    width: auto !important;
}
  .polynu-section {
    padding: 0.875rem 0;
}
.polynu-para {
    font-size: 1.0rem;
    width: 100%;
}
.polynu-meta {
    grid-template-columns: repeat(2, 1fr)  !important;
    gap: 5rem 0.875rem;
}
.imgnm_txt {
    font-size: 1.0375rem;
}
.polynu-card h4 {
    font-size: 1.125rem;
}
.polynu-card p {
    font-size: 0.85rem;
}
.advance-section {
    padding: 0.875rem 0;
}
.advance-img {
    padding-right: 0;
    margin-bottom: 1rem;
}
.advance-section .tag-heading::before {
    left: unset;
    transform: unset;
}
.advance-meta {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.875rem;
    margin-top: 2.75rem;
}
.advance-single h4 {
    font-size: 1.05rem;
}
.advance-single::before {
    display: none;
}
 .contact-information {
      padding: 9.125rem 0rem 2.5rem;
    }

    .contact-content-title {
      font-size: 2.05rem;
      line-height: 2.4375rem;
    }

    .contact-contact p {
      font-size: 1.1375rem;
    }

    .contact-box {
      padding: 1.75rem 1.8125rem;
      margin-top: 2rem;
    }

    .form-groups p{
      gap: 0;
      flex-direction: column;
    }
    .choose-meta {
    text-align: center;
}
.choose-meta .tag-heading::before{
    left: 50%;
    transform: translateX(-50%);
}
.main-menus ul li a {
    font-size: 1.1325rem;
    margin-bottom: 1.55rem;
}
.call-btn {
    font-size: 1.175rem;
}
}