@media(max-width: 767px)
{
  .navbar-nav {
    gap: 42px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.stats {
    display: inline-block;
    width: 100%;
}
.stats > div{ margin-bottom: 30px;}

section#about {
    display: inline-block;
}
.about-image {
    margin-bottom: 35px;
}
    .testimonial-section {
        padding: 90px 20px 80px;
        padding-top: 0;
    }
    .instagram-section {
    padding: 90px 20px;
    padding-right: 0;
    text-align: center;
    padding-top: 30px;
    padding-left: 0;
}
.salon-slider {
    /* max-width: 1100px; */
    margin-left: 23px;
}
h2.text-center, .section-head h2, h2, .hero-title, .hero-title-two {
    font-size: 33px;
}
.testimonial-text {
        font-size: 16px;
        line-height: 1.7;
    }
a.navbar-brand img {
    width: 70%;
}
.hero-subtitle img {
    width: 76%;
    margin: 0 auto;
}

.about{ grid-template-columns: none;}

.hero-btn-group {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 55px;
    margin-bottom: 150px;
    display: inline-block;
    width: 100%;
}
.hero-btn-outline {
    width: auto;
    margin-top: 20px;
}


.navbar-toggler{ width: 40px; height: 40px; position: relative; padding: 0; }
.toggler-icon{ position: absolute; left: 8px; width: 24px; height: 2px; background: #000; transition: .3s ease; }
.top-bar{ top: 11px; }
.middle-bar{ top: 19px; }
.bottom-bar{ top: 27px; }
.navbar-toggler:not(.collapsed) .top-bar{ transform: rotate(45deg); top: 19px; }
.navbar-toggler:not(.collapsed) .middle-bar{ opacity: 0; }
.navbar-toggler:not(.collapsed) .bottom-bar{ transform: rotate(-45deg); top: 19px; }
}