@media(max-width : 768px){
    
    p {
        font-size: 13px;
    }
    .main-bonitaa-title .sec-banner-title{
        max-width:100%;
    }
    .sec-bannerhf p {
        font-size: 16px;
        text-align: center;
    }
        .sec-banner-title {
        font-size: 25px !important;
    }
    .book-appointd {
        font-size: 15px;
        height: 37px;
    }
    .book-appointd i {
        transform: translateX(11px);
}
   
    .section-title-big,
    .skin-hair-titlebig{
               font-size: 19px !important;
        line-height: 1.2;
    }
    
   .skin-hair-titlebig{
               margin-bottom: 1.5rem;
   }
    
    .bonitaa-bread-content ul{
            border: 3px ridge #deb552;
    }
    .bonitaa-bread-content ul li a {
    font-size: 14px;
}
.our-seervic-sec p{
    text-align:justify;
}
.our-seervic-sec .section-title{
            margin-bottom: 2rem;
}
    .our-elementor-pors{
      font-size:15px; 
    }
    .accordion-button .icon-plus{
        min-width: 30px;
        height:30px;
    }
    .comparison-table th, .comparison-table td{
        font-size:15px;
    }
    
    .section-title-small:before {
        height: 18px;
         width: 18px;
    }
    .section-title-small:after{
            height: 17px;
    width: 17px;
    }
        .section-title-small {
        font-size: 14px;
    }
    .services-paragraph-conty {
        font-size: 14px;
    }
    .service-serlidt-btn {
              padding: 10px 28px 8px 24px;
      }
          .service-one-item-bottom {
        font-size: 14px;
    }
      .service-serlidt-btn-number::before {
    font-size: 19px;
}
      .service-one-item-bottom i{
              transform: translateY(2px);
      }
      .services-title-kread a{
          font-size: 16px;
      }
      
          .service-icond {
               width: 70px;
        height: 70px;
        border: 2px solid #fff;
}
.abt-iconj img {
        width: 44px;
        height: 45px;
    }
        .abt-iconj {
               border: 5px solid #deb552;
}
.about-us-img img {
        border: 3px solid #fff;
}
.how-we-icon img{
    width:40px;
}
    .service-icond img {
            width: 40px;
    }
    
   .section-title-small {
        font-size: 13px;
    }
        .about-us-icon-box-title {
        font-size: 15px;
        margin: 0.6rem 0 0.3rem;
    }
    
    .keynumbers .count {
               margin: 10px auto;
        padding: 1rem 1rem;
    }
       .why-choos-head {
               font-size: 15px;
        font-weight: 600;
    }
    .why-hme-outbx{
        border-bottom: 2px solid #000000;
    }
    .why-hme-paragradb {
    font-size: 14px;
}
        
.why-item-icjon{
            height: 50px;
        min-width: 50px;
        line-height: 64px;
        width: 50px;
}
.why-item-icjon img{
    width: 35px !important;
}
    .why-hme-outbx {
             padding: 19px 15px 15px;
}
.elemgt-widget-form {
        padding: 17px;
    }
    .elemgt-widget-form .form-control{
                font-size: 13px;
    }
    .font-subm {
       
        font-size: 14px;
    }
    .main-call-fing a{
        font-size: 14px;
    }
    .main-call-fot span{
            font-size: 16px;
    }
    .middle-foot-fite p {
    font-size: 13px;
}
.middle-foot-fite .text-white{
        font-size: 17px;
}
    .foote-widte ul {
        margin: 0rem 0 1rem;
    }
    .foote-widte ul {
    padding-left: 0;
}
.footer-yagd p {
        font-size: 16px;
    }
    .foote-widte ul li a{
        font-size: 13px;
    }
    .foote-widte span {
    font-size: 17px;
}
.foote-widte {
    padding-left: 0;
}

    .box-title {
        font-size: 15px;
        padding: 8px;
        line-height: 21px;
    }
    .how-we-item-para {
    font-size: 14px;
}
    .how-we-item-title {
        font-size: 15px;
    }
    .keynumbers .count{
            display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    }
    .testimonial-clinic .testimonial-img-name .test-name-star h4{
                font-size: 15px;
    }
    
        .services-paragraph-conty {
        font-size: 13px;
    }
        .accordion-button {
        font-size: 15px !important;
    }
    .accordion-button .icon-plus {
        min-width: 25px;
        height: 25px;
    }
        .faq-skin-maintain p {
              text-align: justify;
        font-size: 14px;
        margin: 0;
    }
    .accordion-header{
            margin-bottom: 15px !important;
    }
    .top-headersd img{
        width:150px;
    }
    .accordion-button .icon-plus:after,
    .accordion-button .icon-plus:before{
            width: 11px;
    }
    .header-slidt ul .menu-item-has-children ul a {
            font-size: 14px;
     }
         .location-franci {
        padding: 3rem 0 3rem !important;
    }
    .skin-care-steps h4 {
        font-size: 15px;
        margin: 0 0 10px;
        font-weight: 600;
    }
        .location-franci {
        padding: 3rem 0 0 !important;
    }
    .condition-treat h4{
            font-size: 15px;
    }
    .condition-treat .condition-img img {
            width: 130px;
    height: 130px;
}
    .types-treatment {
        padding: 3rem 0 2rem !important;
    }
    .types-treatment .skin-caring .side-heading {
    margin-bottom: 14px;
}
    .types-treatment .skin-caring .side-heading {
        text-align: center;
        font-size: 17px;
    }
    .tiosd-secd ul li i {
            font-size: 14px;
}
    .main-bordsd ul li {
        font-size: 13px;
    }
    .main-sec-diferen ul li i {
              font-size: 14px;
        margin-top: 0;
}
.keys-benefits p {
            font-size: 13px;
        margin-bottom: 0.9rem;
    }
    .why-box-tune .why-title-icon img{
            width: 40px;
    height: 40px;
    }
    .why-box-tune .why-title-icon {
            gap: 0;
}
        .why-skin-care .why-content {
        font-size: 13px !important;
    }
    .detail-form-name {
   font-size: 13px;
        margin: 0 0 10px;
}
    .detail-form-lis {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .types-treatment .row {
    row-gap: 10px;
    justify-content: center;
}

.guideli-sec ul li i {
   font-size: 16px;
        margin-right: 0.6rem;
        margin-top: 11px !important;
}
.types-treatment .skin-caring ul li {
    margin-bottom: 0;
}
    .comparison-table th, .comparison-table td {
        font-size: 12px;
}
.treatment-comparison {
    padding-bottom: 0;
    position: relative;
    padding: 2rem 0 2rem;
}
.keys-benefits h4 {
        font-size: 16px;
        margin: 0 0 15px;
    }
    .why-box-tune .why-title-icon .why-title {
        font-size: 16px;
    }
    .contact-form-main {
    padding: 0;
}
    form .contact-form-list {
        margin-bottom: 15px;
        font-size: 14px;
    }
    .contact-btn{
                margin: 10px 0 15px;
    }
        .tune-contact-media span {
       margin-bottom: 12px;
        font-size: 17px;
    }
   .contact-text,
   .contact-text a{
           font-size: 14px;
    }
    .contact-addres {
    padding: 3rem 0 2.5rem;
}
.skin-care-steps h4{
        font-family: unset;
}
.accordion-body {
           padding: 0 10px 10px 10px !important;
        font-size: 15px;
}

.days {
    font-size: 15px;
}
.keynum-imgd img {
        width: 37px;
        height: 37px;
    }
.keynum-imgd {
        height: 60px;
    min-width: 60px;
    line-height: 54px;
}
    .keynumbers .count {
        height: auto;
    }
    
  .middle-foot-fite a {
    font-size: 13px;
}  
    .types-treatment .skin-caring ul li p {
    margin: 10px 0 0;
    line-height: 1.5;
}
    
}

@media (min-width: 768px) and (max-width: 900px) {
    .bonitaa-beadcrumb-title {
        font-size: 1.6rem;
    }
        .skin-hair-titlebig {
        font-size: 1.4rem;
    }
        .section-title-big {
        font-size: 22px !important;
    }
        .section-title-small {
        font-size: 16px !important;
    }
}


@media (max-width: 1200px){
    .header-slidt ul li{
         margin: 0 0 10px;
    }
         .menu-item-has-children .sub-menu.dropdown-menu.show {
                     padding: 10px 10px;
         }   
     
}