@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Cormorant+Infant:wght@400;500;600;700&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Marcellus&display=swap');

img {max-width: 100%;}

body{font-family: 'DM Sans', sans-serif;}
a{text-decoration:none;}

h1 {font-size: 60px;font-family: 'Marcellus', serif;line-height:80px;color: #000;font-weight:600;}

h2 {font-size: 48px;
    font-weight: bold;
    
}

p {
    font-size: 16px;
    color: #6E6E6E;
    font-weight: 500;
    margin: 0;
    font-family: 'DM Sans', sans-serif;
}
span {
    color: #F05368;
}
header.fixed {background-color: #f8f3ef;}
.active {color: #F05C82;}

.alinecenter {
    display:inline-flex;
    align-items: center;
    justify-content: center;
}


.navbar.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;}
header {
    border-bottom: solid 1px rgb(0 0 0 / 20%);
    width: 100%;    background: #fff;
    z-index: 2;}
    
header.sticky-top{z-index: 11111;}    
    
.navbar-collapse {
    flex-grow: 0;}
.active a {
    color: #F16579;}
.senoritahero {
    background-image: url("../images/pexels-bonaventure-fernandez.jpg");
    background-size: cover;padding:70px 0 170px;position: relative;z-index:1;
}



.topbar {
    list-style: none;
    padding: 0 15px;
    align-items: center;}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: #F05368;
}

.topbar a {
    text-decoration: none;
    color: #000;
    font-size: 15px;
    font-weight:500;
    font-family: 'DM Sans', sans-serif;}
header .navbar-expand-lg .navbar-nav .nav-link{letter-spacing:.4px; padding-right: 15px;}
header .navbar-expand-lg .navbar-nav .nav-link a.active{color: #F05368;}
header .navbar-expand-lg .navbar-nav .nav-link a:hover{color: #F05368;}
header .navbar-expand-lg .navbar-nav  a.booking {
    background-color: #F05368;
    color: #fff;
    padding: 12px 30px;
    font-weight: 400;
    margin-left: 15px;
    text-decoration: none;
    width: fit-content;
}
header .navbar-expand-lg .navbar-nav  a.booking:hover{background-color: #fff;color: #F05368;}


.topbar a:hover {
    color: #F05368;}
.home-page {padding-left: 25px;}

.beauty-home h5 {
    color: #F05368;
    font-size: 25px;
    font-weight: bold;
}
.beauty-home h5{display: none;}

.beauty-home h2 {
    font-size: 60px;
    color: #fff;
}

.salon {
    overflow: hidden;
    height: 361px;
    width: 292px;
    border-radius: 143px 0px 0px 0px;
    margin-bottom: 40px;
}

.salon img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.salon-shop {
    overflow: hidden;
    height: 369px;
    width: 242px;
    border-radius: 0px 0px 143px 0px;
    margin-top: 200px;
}

.salon-shop img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.parlour-salon {
    padding:60px 0px;
}

.parlour-right h2 {
    font-size: 48px;
    color: #000;
    font-weight: bold;
}

.parlour-right p {
    font-size: 16px;
    font-weight: 500;
}
.parlour-right-top h5{padding-top: 40px;}

.parlour-right-top p {
    border-left: #F05368 solid 3px;
    padding-left: 15px;
    margin-top: 30px;
}

.will-chang {
    background-color: transparent;
}

.parlour-right-top span {
    color: #F05368;
    font-size: 48px;
}

.saving {
    padding: 0px 12px 50px 12px;
    border-bottom: #F05368 solid;
}

.saving span {
    font-size: 35px;
    font-weight: bold;
    color: #F05368;
    font-family: 'Cormorant Infant', serif;
}

.saving h5 {
    
    font-weight: bold;
}

.round {
    height: 137px;
    width: 137px;
    border-radius: 50%;
    background: #fff;
}
.round-iner {
    height: 95px;
    width: 95px;
    border-radius: 50%;
    background: #fff;
    border: #F05368 solid 1px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.round-iner img {
    color: #F05368;
    align-items: center;
}

.categories {
    padding:60px 0px 100px;background:#f5f7fc;
}

.categorie-page h4 {
    font-size: 30px;
    font-weight: bold;
    color: #F05368;
    
}

.categorie-page h2 {
    font-size: 48px;
    font-weight: bold;
    padding: 20px 0px 80px 0px;
}

.categories-makeup {
    overflow: hidden;
    height: 280px;
    width: 272px;
    border-radius: 30px 30px 13px 30px;
    margin: -127px 0px 0px 50px
}

.categories-makeup img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.categories-makeup2 {
    overflow: hidden;
    height: 250px;
    width: 317px;
    border-radius: 5px 30px 30px 30px;
    margin: -74px 0px 0px -195px;
}

.categories-makeup2 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.categorie-icon .nav-link {
    height: 150px;
    width: 150px;
    border-radius: 10px;
    background: #fff;
    margin: 10px;
}

.categorie-icon i {
    font-size: 40px;
    color: #F05368;
}

.categorie-icon p {
    font-size: 20px;
    font-weight: bold;
    color: #6E6E6E;
    padding-top: 4px;
}
.experience {
    background: #f5f7fc;
}
.convenient-text {
    padding: 100px 0px;
}

.convenient-text h2 {
    font-size: 48px;
    font-weight: bold;}

.convenient-text span {
    color: #F05368;}

.convenient-text p {
    font-size: 16px;
    font-weight: 500;
    color: #6E6E6E;}
.convenient-list i{padding-bottom: 30px;}
.mobileimg {
    overflow: hidden;
    height: 600px;
    width: 360px;
    margin: 40px 0px;}
.mobileimg img {
    height: 100%;
    width: 100%;
    object-fit: cover;}

.mobile-text span {
    color: #F05368;}

.experience {
    padding: 50px 0px;}

.experience i {
    font-size: 35px;
    color: #F05368;
    margin-right: 20px}

.borderstart {
    border-left: #F05368 solid 2px;}

.linda-img {
    overflow: hidden;
    height: 86px;
    width: 81px;
    border-radius: 40% 25%;}

.linda-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;}

.linda-botm {
    height: 60px;
    width: 57px;
    background: #F05368;
    border-radius: 40% 40%;
    margin-top: -20px;
    margin-left: -20px;}

.google-pay { padding-top: 25px;}
.google-pay button{background: #F05368;border-radius: 50px;border: none;padding: 10px 20px;}
.google-pay button a{color: #fff;}
.google-pay button a:hover{color: #000;}

.convenient-text i {font-size: 35px;}
.convenient-text h5{padding-top: 7px;}
.mobile-text p {padding: 15px 0px;}

.counter {font-size: 24px;color: #000;vertical-align: middle;}
.counter-page h4.counter::after{content: " +"; display: inline-block;padding-left: 5px;}  


/* our Blog */

/* blog */
.blog{background:#fff;padding:50px 0 30px;}
.blogbox{border: solid 1px #E2E7EB;background-color: #fff; border-radius: 15px;padding: 10px 12px;box-shadow: 0 5px 20px rgba(0, 0, 0,.1);margin-bottom:20px;}
.newblogimg {height: 210px;border-radius: 15px;overflow: hidden;}
.blogtext{    padding: 20px 0px 10px;}
.blogtext a.bloghead {color: #6e6e6e;font-size: 16px;font-weight: 600;line-height: 28px;transition-duration: .3s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height: 56px;}
.blogtext a.bloghead:hover{color:#f05368}
.newblogimg img {object-fit: contain;height: 100%;width: 100%;transition: transform 0.4s linear;}
.viewproject {margin-top:15px;}
.viewproject a span {color: #f05368;font-size: 16px;font-weight: 500;margin-top: 5px;transition-duration: .3s;}
.viewproject a span:hover{color: #6e6e6e;}
.viewproject a .viewprojectarrow i {position: relative;left: 10px;top: 4px;font-size:20px;}
.viewproject a:hover{color:#000;}







/*Blog Details Page css*/

.Breadcrumbs {margin:0px 0 0;background: #000;padding: 10px 0;}
.Breadcrumbs ol li a{color:#ebeaea;}
.Breadcrumbs ol li{color:#fff;font-size: 13px;}
.breadcrumb span{color: #fff;}
.blogbanner{padding:20px 0 0;}
.blogheader .navbar-nav a{color: #000;}
.blogheader .navbar-nav a:hover{color: #F05368;}
.blogheader.fixed .navbar-nav a:hover{color: #F05368;}
.blogheader.fixed .navbar-nav a.blogs{color: #F05368;}
.blogdetails{padding:0px 0;}
.blogdetails-left h1{
  font-weight:600;
    color: #2b2b2b;
    padding: 0;
    font-size:28px;
    margin: 10px 0;
    line-height: 1.4;
    display: block;}
.blogdetails-left .introduction h2{font-size: 28px!important;}
.cleanseing-blog h3{font-size: 19px;font-weight: bold;}

.blogdetails-left p{color:#404040;margin-bottom:15px;font-weight:normal;font-size:14px;}
.blogdetailshtwo h2{font-size:25px;color: #2b2b2b;line-height:39px;}
.blogdetailshthree h3{font-size:20px;color: #2b2b2b;line-height:35px;}
.blogdetailshtfourin h4{font-size:17px;color: #2b2b2b;line-height:35px;}
.tablecontent{max-height: calc(100vh - 80px);border: 1px solid #eee;border-radius: 4px;overflow: hidden;
background-color: #f5f5f5;}
.stickyTop_title {font-size: 18px;margin-top: 0;color: #424242;display: block;margin-bottom: 0;padding: 10px 20px;
background: #f5f5f5;border-bottom: 1px solid #eee;}
.stickyTop_content {
  max-height: calc(100vh - 400px);
  display: block;
  padding: 10px 10px 10px;
  margin-top: 0;
  overflow: hidden;
  overflow-y: auto;
}
.stickyTop_content ul {
  padding-left: 20px;
  margin: 0;
}
.stickyTop_content ul li {
  position: relative;list-style:none;
}
.stickyTop_content ul li::before {
  content: '-';
  display: block;
  position: absolute;
  top: 0;
  left: -20px;
}
.stickyTop_content a {
  display: block!important;
  color: #2b2b2b;
  font-size: 13px;
  margin: 0 0 8px;
  transition: .5s all;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 300px;}
.stickyTop_content ul li a:hover { color: #f05368;}
.blogdetails-right {position: sticky;margin-top: 30px;display: block;top:100px;}
.bookdemomodal .btn-primary{    padding:9px 25px;border: 1px solid #3fa9f5;background: #3fa9f5;text-align: center;
cursor: pointer;font-size: 14px;font-weight: 600;letter-spacing: 0;color: #fff;display: inline-block;border-radius: 3px;}

.copyright ul li{list-style:none;}
.copyright ul li a{    color: #fff;margin-right: 14px;display: inline-flex;transition-duration: .4s;font-size:14px;}
.copyright ul li a:hover{color:#3fa9f5;}


/*easy-christmas-eye-makeup-looks-tips blog css*/

.blogdetailshtwo ul li {
    position: relative;
    list-style: none;
    font-size: 15px;
}
.blogdetailshtwo ul {
    padding-left: 20px;
    margin-bottom: 10px;
}
.blogdetailshtwo ul li::before {
    content: '-';
    display: block;
    position: absolute;
    top: 0;
    left: -20px;
}


/* footer */
footer {
    background: #000;
    padding: 40px 0 0px;
}

.footerbox p {
    color: #6E6E6E;
    font-size: 16px;
    margin: 25px 0 0;
    line-height: 24px;
    font-weight: 500;
}
.footer-text p{font-size: 14px;}

.footerbox h5 {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    
}

.footerbox ul li a {
    font-size: 13px;
    color: #6E6E6E;
    transition-duration: .4s;
}

.footerbox ul li {
    padding: 4px 0px;
    position: relative;
    list-style: none;
}

.footerbox ul li a:hover {
    color: #F16579;
}

.footerbox i {
    color: #fff;
    font-size: 20px;
}

.footerbox span {
    color: #6E6E6E;
    font-size: 13px;
}

.footerbox a {
    color: #6E6E6E;
    font-size: 13px;
    text-decoration: none;
    transition-duration: .4s;
}

.footerbox a:hover {
    color: #F16579;
}

.copyright {
    border-top: solid 1px rgba(255, 255, 255, 0.498);
    margin-top: 18px;
    padding: 10px 0;
    color: #6e6e6e !important;
    font-size: 13px;
}

.copyright p {
    font-size: 13px;
}

.senorita-booking {
    padding: 20px 0px;
}

.carousel-item h4 {
    padding-top: 50px;
    font-family: 'DM Sans', sans-serif;
}

.clientsbox p {font-size: 22px;margin: 20px auto;line-height: 35px;font-weight: normal;max-width: 700px;}

.footerimg {
    overflow: hidden;
    width: 118px;
    height: 100px;
    border-radius: 50px;
    cursor: pointer;
}

.footerimg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/*.text {*/
/*    animation: textRotation 8s linear infinite;*/
/*}*/

.nav-pills .categorie-icon .nav-link.active {
    background-color: rgba(239, 114, 145, 25%);
    border-radius: 10px
}
.nav-pills .categorie-icon .nav-link.active p{color: #000;}



@keyframes textRotation {
    to {
        transform: rotate(360deg);
    }
}

.full-blog {
    background: #f1f5f9;
    padding:40px 0 20px;
}

.navbar-toggler {background-color: #fff;}
.convenient-img img{max-width: 90%;}
header.blogheader{position:relative;}
.blogheader.fixed{position: fixed;}


/* Return to Top css */


#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #F05368;
    width: 50px;
    height: 50px;
    display: block;
    z-index: 1;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    align-items: center;
    justify-content: center;color:#fff;text-align: center;
}

#return-to-top:hover {
    background: #fff;
}
#return-to-top:hover i {
    color: #F05368;
    top: 10px;
}

.ourtestimonials{background:url(../images/makeup-process-wedding-day.jpg)no-repeat;padding:80px 0;background-size:cover;}

.clientsbox{text-align:center;}

/* Center-aligned Owl Carousel arrows on the left and right sides */
 .owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}

.ourtestimonials .owl-carousel .owl-nav button.owl-next,
.ourtestimonials .owl-carousel .owl-nav button.owl-prev {
  background-color:rgba(255,255,255,.5);
  color: #fff;
  border: none;
  border-radius: 50%;
  padding: 0 !important;height:45px;width:45px;
  font-size: 18px;
}

/* Hover effect for the arrows */
.ourtestimonials .owl-carousel .owl-nav button.owl-next:hover,
.ourtestimonials .owl-carousel ..owl-nav button.owl-prev:hover {
  background-color: #0056b3;
}

.ourtestimonials .owl-carousel .owl-nav button span{color:#fff;font-size:43px;line-height: 0.9;};

/* Custom styles for Owl Carousel navigation dots */
.owl-carousel .owl-dots {
  text-align: center; /* Center-align the dots */
  margin-top: 20px; /* Adjust margin as needed */
}

.owl-carousel .owl-dot {
  background-color: #ccc !important; /* Background color for the dots */
  /* Border style for the dots */
  border-radius: 50%; /* Make the dots circular */
  display: inline-block;
  width: 10px; /* Adjust the width as needed */
  height: 10px; /* Adjust the height as needed */
  margin: 0 5px; /* Adjust the margin between the dots */
  cursor: pointer;
}

/* Active dot style */
.owl-carousel .owl-dot.active {
  background-color: #f05368  !important; /* Background color for the active dot */
  /* Border color for the active dot */
}

.owl-dots{text-align:center;}

.termsdetails{padding:40px 0;}
.termsdetails h1{font-size:25px;margin:0 0 10px;    line-height: unset;}
.termsdetails h2{font-size:23px;margin:15px 0 7px;}
.termsdetails p{padding:0 0 10px 0}

/*help-support*/

.common-faq{padding:40px 0 50px;}
.common-faq h1{font-size:38px;line-height:unset;}
.common-faq p{margin:10px 0;    font-size: 15px;}

.common-faq h3{font-size: 27px;margin: 20px 0 30px;}
.common-faq .accordion-button{font-size:15px;font-weight: 600;font-family: 'DM Sans', sans-serif;}
.accordion-button:focus{box-shadow:none;border:0;}

/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */


@media (min-width: 1499.98px) {
    .senoritahero {
    background-image: url("../images/pexels-bonaventure-fernandez.jpg");
    background-size: cover;padding:70px 0 220px;position: relative;z-index:1;
}

}

/* applies to large devices (desktops, less than 1200px) */


@media (max-width: 1199.98px) {
    h1 {font-size: 45px;line-height: 60px;}

    h2 {
        font-size: 42px !important;
    }

    h5 {
        font-size: 20px;
    }

    p {
        font-size: 14px;
    }

    
    .senoritahero {padding: 170px 0 95px;}
    .navbar-brand img {max-width: 90%;}

    .booking {
        padding: 8px 15px;
    }

    .blogdetails-left .introduction h2{font-size: 28px;}

  
    .beauty-home h5 {font-size: 22px;margin: 5px;}
    .saving {
        padding: 35px 12px
    }

    .parlour-salon {
        padding: 70px 0px;
    }

    .saving span {
        font-size: 30px;
    }

    .salon {
        overflow: hidden;
        height: 340px;
        width: 270px;
    }

    .salon-shop {
        height: 349px;
        width: 222px;
        border-radius: 0px 0px 125px 0px;
    }

    .round {
        height: 117px;
        width: 117px;
    }

    .round-iner {
        height: 85px;
        width: 85px;
    }

    .categories {
        padding: 70px 0px;
    }

    .categorie-page h2 {
        font-size: 42px;
        padding: 12px 0px 55px 0px;
    }

    .categorie-page h4 {
        font-size: 26px;
    }

    .categories-makeup {
        height: 310px;
        width: 205px;
        margin: -40px 0px 0px 30px;
    }

    .categories-makeup2 {
        height: 170px;
        width: 250px;
        margin: -65px 0px 0px -183px;
    }

    .makeup-mobile img {
        width: 60%;
    }



    .categorie-icon i {
        font-size: 35px;
    }

    .categorie-icon p {
        font-size: 17px;
    }

    .convenient-img {
        display: none;
    }

    .experience {
        padding: 50px 0px;
    }

    .counter {
        font-size: 20px;
    }

    .experience i {
        font-size: 30px;
    }

    .mobileimg {
        height: 550px;
        width: 345px;
        margin: 60px 0px;
    }

    .google-pay img {
        max-width: 28%;
    }

    .convenient-text {
        padding: 70px 0px;
        text-align: center;
    }
    .footerbox h5 {font-size: 20px;}
    .blogdetails {padding: 15px 0;}
    .blogdetails-left h1 {font-size: 24px;}
    .blogdetailshtwo h2 {font-size: 22px!important;}
    .additional-tips span{font-size: 18px;}
    .categorie-icon .nav-link{    height: 120px;width: 120px;}
   
}



/* // `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    h1{font-size: 35px; line-height: 50px;}
    h2 {
        font-size: 32px!important;
    }

    p {
        font-size: 14px;
    }
    h5{font-size: 18px;}

    .blogdetails-left .introduction h2{font-size: 28px!important; }
    .topbar {align-items: start;background-color: #8b8b8b;width: 100%;left: 0px;z-index: 2; }
    header .navbar-expand-lg .navbar-nav a.booking {padding: 7px 14px; margin-left: 0px;border-radius: 5px;}
    .navbar-brand img {max-width: 75%;}
    .booking {margin-left: 0px;}

    .caregorie-bottm {
        flex-direction: column-reverse;
    }

    .clientsbox p {
        font-size: 14px;
        padding-top: 10px;
        line-height: 28px;
    }

    .clientsbox h4 {
        padding-top: 12px;
        font-size: 16px;
    }

    .parlour-right-top span {
        font-size: 32px;
    }

    .linda-img {
        overflow: hidden;
        height: 76px;
        width: 76px;
        border-radius: 25% 35%;
    }

    .google-pay {
        padding-top: 6px;
        margin-bottom: 60px;
    }

    .mobile-text {
        text-align: center;
    }

    .borderstart {border-left: none;margin: 10px 0px;}

    .experience {
        padding: 35px 0px;
    }

    .makeup-mobile img {
        width: 50%;
    }

    .categories-makeup {height: 240px;width: 200px;margin: -118px 0px 0px 65px;}

    .categories-makeup2 {margin: -100px 0px 0px -200px;}

    .hair-salon {
        margin-bottom: 60px;
    }

    .round {
        height: 110px;
        width: 110px;
    }

    .round-iner {
        height: 80px;
        width: 80px;
    }

    .salon-shop {
        height: 340px;
        width: 270px;
    }
    .product{display: flex; justify-content: center;}
    .categorie-icon p {font-size: 15px;}
    .categorie-icon i {font-size: 30px;}
    .categorie-page h4 {font-size: 22px;}
    .parlour-right p {font-size: 14px;} 
    .categorie-page h2 {padding: 12px 0px 28px 0px;} 
    .convenient-text p {font-size: 14px;} 
    .senoritahero {padding: 0px;}
    .footerbox h5 {font-size: 18px;}
    .saving {padding: 10px 12px 35px 12px;}
    .parlour-right-top h5 {padding-top: 35px;}
    .cleanseing-blog h3 {font-size: 17px;}

    .newblogimg {height: 170px;}
    .blogtext a.bloghead {font-size: 14px;line-height: 25px;}
    .viewproject a {font-size: 14px;}
    .blogdetails-left h1 {font-size: 24px;line-height: 1.8;}
    .blogdetailshthree h3{font-size: 18px;}
    .blogdetailshtwo h2 {font-size: 21px!important;}
    .additional-tips span {font-size: 16px;}
    
.senoritahero {background-image: url(../images/pexels-bonaventure-fernandez-mid.jpg);padding: 80px 0;} 
.productmin{display: flex;overflow-x: auto;}

}


/* // `md` applies to small devices (landscape phones, less than 768px) */    
@media (max-width: 767.98px) {
    
    .senoritahero {background-image: url(../images/pexels-bonaventure-fernandez-mob.jpg);}
    .senoritahero{padding:60px 0;}
    h1 {font-size: 31px;line-height:45px;}
    h2 {font-size: 25px!important ;}
    h5 {font-size: 16px;}
    .borderstart {border-left: none;}
    .navbar-toggler {padding: 3px 8px;}
    .topbar a {font-size: 12px;}
    header .navbar-expand-lg .navbar-nav a.booking {padding: 6px 12px;}
    .home-page{padding-left:0;}
    .salon,.salon-shop {height: 300px;width: 250px;}
    .round {height: 110px;width: 110px;margin-top: -20px;}
    .round-iner {height: 70px;width: 70px;}
    .parlour-right-top p {margin-top: 12px;}
    .saving {padding: 20px 12px;}
    .parlour-right p {font-size: 12px;}
    .saving span {font-size: 22px;}
    .parlour-salon {padding:20px 0px 40px;}
    .categories {padding: 30px 0px 50px;}
    .categorie-page h2 {padding: 12px 0px 35px 0px;}
    .categories-makeup {height: 160px;width: 160px;margin: -100px 0px 0px 30px;}
    .categories-makeup2 {height: 140px;width: 200px;margin: -68px 0px 0px -135px;border-radius: 5px 15px 15px 15px;}
    .product{display: flex; justify-content: center;}
    .convenient-text {padding:25px 0px 5px;}
    .categorie-page h4 {font-size: 20px;} 
    .convenient-text i {font-size: 28px;}
    .mobile-text p {padding: 12px 0px;}
    .carousel-item p {font-size: 12px;padding-top: 7px; line-height: 24px;}
    .wrote-pic{display: none;}
    .salon {border-radius: 120px 0px 0px 0px;}
    .parlour-right-top span {font-size: 25px;}
    .stickyTop_content {max-height: unset;}
    .stickyTop_title {font-size: 16px;padding: 10px 10px;}
    .bookdemo {margin-top: 20px;}
    .blogdetails {padding: 20px 0;}
    .blogdetails-left h1 {font-size: 20px;line-height: 1.8;}  
    .blogdetailshthree h3 {font-size: 16px;}
    .blogdetails-left  .introduction h2{font-size: 24px!important;}
    .cleanseing-blog h3 {font-size: 17px;}
    .additional-tips span {font-size: 15px;}
    .navbar-toggler:focus{box-shadow:none;}
    .topbar a{color:#fff;}
  }

/* // `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    h1{font-size: 22px;line-height:34px;}
    h2{font-size: 20px!important;}
    h5{font-size: 14px;}
    p{font-size: 13px;}
    header .navbar-expand-lg .navbar-nav a.booking {padding: 10px 10px;margin: 7px 0px 13px 0px;font-size: 13px;border-radius: 5px;}
    

    .parlour-right h2 {margin-top: -40px;}
    .salon, .salon-shop {height: 190px;width: 140px;}
    .salon{border-radius: 70px 0px 0px 0px;}
    .salon-shop {border-radius: 0px 0px 80px 0px;}
    .round {height: 80px;width: 80px;}
    .round-iner {height: 60px;width: 60px;}
    .round-iner img{max-width: 75%;}
    .parlour-right-top span {font-size: 20px;}
    .parlour-right p {font-size: 13px;}
    .saving span {font-size: 18px;}
    .saving {padding:0px; border-bottom: none;}
    .parlour-right-top p {padding-left: 10px;}
    .saving h5 {font-size: 16px;margin: 0px;}
    .saving-countries {padding-top: 10px;}
    .hair-salon {margin-bottom: 60px;}
    .categories {padding: 20px 0px 20px 0px;}
    .parlour-salon {padding: 1px 0px 20px 0px;}
    .categorie-page h4 {font-size: 13px;}
    .categorie-page h2 {padding: 10px 0px 10px 0px;}
    .categorie-icon i {font-size: 25px;}
    .categorie-icon p {font-size: 13px; padding: 3px 0px;}
    .senoritahero{    padding: 27px 0;}
    .footerimg {width: 88px;height: 70px;}
    .mobileimg {height: 400px;width: 200px;margin: 3px 0px;}
    .google-pay {padding-top: 6px;margin-bottom: 20px;}
    .carousel-item p {font-size: 13px;padding-top: 0px; line-height: 13px;}
    .carousel-item h4 {padding-top: 15px;font-size: 12px;margin-bottom: -23px;}
    .counter {font-size: 13px;margin: 3px 0px 0px 0px;}
    .experience i {font-size: 30px;}
    .experience {padding: 25px 0px;}
    .convenient-text p {font-size: 13px;}
    .convenient-text i {font-size: 30px;}
    .makeup-mobile img {width: 46%;}
    .categories-makeup {height: 80px;width: 80px;margin: -80px 0px 0px 52px;border-radius: 8px 8px 5px 8px;}
    .categories-makeup2 {height: 80px;width: 110px;margin: -37px 0px 0px -85px;border-radius: 5px 15px 15px 15px;}
    .navbar-brand img {max-width: 55%;}
    .beauty-home h5 {font-size: 14px;}
    .navbar-toggler {padding: 1px 5px;}
    .topbar a {font-size: 14px;line-height: 13px;}
    .mobile-text p {padding: 7px 0px 7px 0px;}
    .footer-text p {font-size: 13px;}
    .footerbox h5 {font-size: 18px;margin: 20px 0px 5px 0px;}
    .categorie-icon {margin: 5px;}
    .convenient-text h2 {margin-bottom: 15px;}
    .senorita-booking {padding: 0px 0px 20px 0px;}
    .parlour-right-top h5 {padding-top: 25px;}

    .full-blog {padding: 20px 0;}
    .blogtext a.bloghead {font-size: 13px;line-height: 20px;}
    .viewproject a span {font-size: 14px;margin-top: 0px;}
    .viewproject a .viewprojectarrow i {top: 3px;font-size: 17px;}
    .blogdetails {padding: 3px 0;}
    .blogdetails-left h1 {font-size: 17px;line-height: 1.7;}

    .blogdetails-left .introduction h1{font-size: 18px;line-height: 25px;}
    .blogbanner {padding: 15px 0 0;}
    .blogdetailshthree h3{font-size: 16px;margin-bottom: 0px;}
    .blogdetailshtwo h2 {font-size: 18px!important;margin-bottom: 0px;}
    .stickyTop_content {padding: 2px 10px 10px;}
    .cleanseing-blog h3 {font-size: 14px;}
    .additional-tips span {font-size: 14px;} 
    .google-pay button {padding: 7px 15px;}
    .google-pay button a {font-size: 13px;}
 .categorie-icon .nav-link{    height: 90px;width: 90px;margin: 0;} 
 .blogtext a.bloghead{min-height:unset;}
 .clientsbox p{margin: 0px auto;}
 .ourtestimonials{    padding: 27px 0;}
    
 .common-faq {padding: 20px 0 40px;} 
 .common-faq h1{font-size: 25px;}
.common-faq p{font-size: 14px;}    
.common-faq h3{font-size:17px;margin: 20px 0 17px;}
.accordion-body{    font-size: 13px;}
.common-faq .accordion-button{font-size:14px;}   
.termsdetails {padding: 20px 0;}


}