/** media query **/



@media (min-width: 1920px) and (max-width: 2500px){
section.franchise-banner .franchise-img img {
    top: 9%;
}
}

@media (min-width: 1800px) and (max-width: 1920px){
 section.franchise-banner .franchise-img img {
    top: 9%;
}   
}

@media (min-width: 1600px) and (max-width: 1800px){
section.franchise-banner .franchise-img img {
    top: 11%;
}
}


@media (min-width: 1500px) and (max-width: 1600px){
section.franchise-banner .franchise-img img {
    top: 18%;
}
}


@media (min-width: 1400px) and (max-width: 1500px){
section.franchise-banner .franchise-img img {
    top: 11%;
}
}

@media (min-width: 1366px) and (max-width: 1400px){
section.franchise-banner .franchise-img img {
    top: 10%;
}
}





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

.ser-s-c-left .ser-s-c-left-men {
    top: 0;
    min-height: 400px;
    max-height: 400px;
    overflow-y: auto;
}
.nationwide-rise-box ul li h4 {
    font-size: 18px;
    line-height: 26px;
}
.ser-t-c-right .ser-t-c-right-men {
    top: 0;
    min-height: 500px;
    max-height: 500px;
    overflow-y: auto;
}
.container {
    max-width: 95%;
}
.ser-t-c-left-men {
    position: relative;
}
.ser-t-c-right .ser-t-c-right-women.active {
    margin-bottom: 60px;
}
.ser-t-c-right .ser-t-c-right-men.active{
  margin-bottom: 60px;  
}
.ser-s-c-left .ser-s-c-left-women.active {
    margin-bottom: 60px;
}
.ser-s-c-left .ser-s-c-left-men.active{
  margin-bottom: 60px;  
}
.ser-s-c-right-women {
    position: absolute;
}
.ser-t-c-left-women {
    position: absolute;
}
section.banner-sec .carousel-caption {
    width: 90%;
    transform: translate(-50%, -50%);
}
.nationwide-rise-box ul {
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap;
}
.nationwide-rise-box ul li {
    width: calc(20% - 42px);
}
section.franchise-banner .franchise-img img {
    position: relative;
    width: 100%;
    margin-left: 0%;
}
section.franchise-banner {
    padding: 100px 0px;
}
section.franchise-banner .row {
    align-items: center;
}
}


@media (min-width: 1100px) and (max-width: 1200px){
.ser-s-c-left .ser-s-c-left-men {
    top: 0;
    min-height: 400px;
    max-height: 400px;
    overflow-y: auto;
}
.nationwide-rise-box ul li h4 {
    font-size: 18px;
    line-height: 26px;
}
.ser-t-c-right .ser-t-c-right-men {
    top: 0;
    min-height: 500px;
    max-height: 500px;
    overflow-y: auto;
}
.container {
    max-width: 95%;
}
.ser-t-c-left-men {
    position: relative;
}
.ser-t-c-right .ser-t-c-right-women.active {
    margin-bottom: 60px;
}
.ser-t-c-right .ser-t-c-right-men.active{
  margin-bottom: 60px;  
}
.ser-s-c-left .ser-s-c-left-women.active {
    margin-bottom: 60px;
}
.ser-s-c-left .ser-s-c-left-men.active{
  margin-bottom: 60px;  
}
.ser-s-c-right-women {
    position: absolute;
}
.ser-t-c-left-women {
    position: absolute;
}
section.franchise-banner .row {
    align-items: center;
}
section.banner-sec .carousel-caption {
    width: 90%;
    transform: translate(-50%, -50%);
}
.franchisee-img {
    right: 30px;
}
.nationwide-rise-box ul {
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap;
}
.nationwide-rise-box ul li {
    width: calc(20% - 40px);
}
.navbar-nav li {
    margin: 0px 14px;
}
.ser-f-c .fir-c-btn button {
    padding: 0.6vw 20px;
    font-size: 20px;
}
.ser-f-c-left h1 {
    font-size: 48px !important;
}
.bg-purple .content-area .nav-tabs button {
    border: none !important;
}
.bg-purple .content-area .nav-tabs button.active {
    background: transparent !important;
    color: #ffffff !important;
    border-bottom: 2px solid #fff !important;
}
.salon-container .tab-content-section {
    margin-top: 30px;
}
.table-purple td {
    font-size: 14px;
}
.salon-container .content-area .nav-tabs li button.active {
    background: transparent;
    border-color: transparent;
    color: #35133c;
    border-bottom: 2px solid #35133c;
    border-radius: 0px;
}
.salon-container .content-area .nav-tabs li button {
    background: transparent;
    font-size: 16px;
    border: none;
    padding: 0px !important;
}
.salon-container .content-area .nav-tabs {
    gap: 10px;
}
section.franchise-banner .franchise-img img {
    position: relative;
    width: 100%;
    margin-left: 0%;
}
section.franchise-banner {
    padding: 100px 0px;
}
section.why-solon-section .col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%;
}
}



@media (min-width: 1024px) and (max-width: 1100px){
.ser-s-c-left .ser-s-c-left-men {
    top: 0;
    min-height: 400px;
    max-height: 400px;
    overflow-y: auto;
}
.nationwide-rise-box ul li h4 {
    font-size: 18px;
    line-height: 26px;
}
.ser-t-c-right .ser-t-c-right-men {
    top: 0;
    min-height: 500px;
    max-height: 500px;
    overflow-y: auto;
}
.our-testimonial-sec {
    background-position: 25% 22% !important;
}
.ser-t-c-left-men {
    position: relative;
}
.ser-t-c-right .ser-t-c-right-women.active {
    margin-bottom: 60px;
}
.ser-t-c-right .ser-t-c-right-men.active{
  margin-bottom: 60px;  
}
.ser-s-c-left .ser-s-c-left-women.active {
    margin-bottom: 60px;
}
.ser-s-c-left .ser-s-c-left-men.active{
  margin-bottom: 60px;  
}
.ser-s-c-right-women {
    position: absolute;
}
.ser-t-c-left-women {
    position: absolute;
}
.footer-inner-area .col-md-12 {
    flex: 0 0 50%;
    max-width: 50%;
}

.footer-inner-area .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.footer-inner-area .col-md-6:last-child {
    flex: 0 0 100%;
    max-width: 100%;
}
section.franchise-banner .row {
    align-items: center;
}
.navbar-nav li {
    margin: 0px 10px;
}
section.banner-sec .carousel-caption {
    left: 58%;
    transform: translate(-50%, -50%);
}
.franchisee-img {
    right: 36px;
}
.container {
    max-width: 95%;
}
.nationwide-rise-box ul {
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap;
}
.nationwide-rise-box ul li {
    width: calc(20% - 44px);
}
.ser-f-c .fir-c-btn button {
    padding: 0.6vw 20px;
    font-size: 20px;
}
.ser-f-c-left h1 {
    font-size: 48px !important;
}
.bg-purple .content-area .nav-tabs button {
    border: none !important;
}
.bg-purple .content-area .nav-tabs button.active {
    background: transparent !important;
    color: #ffffff !important;
    border-bottom: 2px solid #fff !important;
}
.salon-container .tab-content-section {
    margin-top: 30px;
}
.table-purple td {
    font-size: 14px;
}
.salon-container .content-area .nav-tabs li button.active {
    background: transparent;
    border-color: transparent;
    color: #35133c;
    border-bottom: 2px solid #35133c;
    border-radius: 0px;
}
.salon-container .content-area .nav-tabs li button {
    background: transparent;
    font-size: 16px;
    border: none;
    padding: 0px !important;
}
.salon-container .content-area .nav-tabs {
    gap: 10px;
}
section.franchise-banner .franchise-img img {
    position: relative;
    width: 100%;
    margin-left: 0%;
}
section.franchise-banner {
    padding: 100px 0px;
}
section.why-solon-section .col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%;
}
}




@media (min-width: 993px) and (max-width: 1024px){
 .franchisee-img {
    right: 0;
}  
.value-item {
    min-width: 75px;
}
.ser-t-c-right .ser-t-c-right-men {
    top: 0;
    min-height: 500px;
    max-height: 500px;
    overflow-y: auto;
}
.ser-s-c-left .ser-s-c-left-men {
    top: 0;
    min-height: 400px;
    max-height: 400px;
    overflow-y: auto;
}
.ser-t-c-left-men {
    position: relative;
}
.ser-t-c-right .ser-t-c-right-women.active {
    margin-bottom: 60px;
}
.ser-t-c-right .ser-t-c-right-men.active{
  margin-bottom: 60px;  
}
.ser-s-c-left .ser-s-c-left-women.active {
    margin-bottom: 60px;
}
.ser-s-c-left .ser-s-c-left-men.active{
  margin-bottom: 60px;  
}
.ser-s-c-right-women {
    position: absolute;
}
.ser-t-c-left-women {
    position: absolute;
}
.footer-inner-area .col-md-12 {
    flex: 0 0 50%;
    max-width: 50%;
}

.footer-inner-area .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.footer-inner-area .col-md-6:last-child {
    flex: 0 0 100%;
    max-width: 100%;
}
.container {
    max-width: 95%;
}
.container {
    max-width: 95%;
}
section.banner-sec .carousel-caption {
    width: 90%;
    transform: translate(-50%, -50%);
} 
.banner-text h2 {
    font-size: 40px;
}
.products-use-box ul {
    justify-content: center;
}
.products-use-box ul li {
    width: calc(17% - -50px);
}
.our-testimonial-sec {
    background-position: 25% 22% !important;
}
section.banner-sec .carousel-caption {
    transform: translate(-50%, -50%);
}
.navbar-nav li {
    margin: 0px 8px;
}
section.inner-banner-sec {
    padding: 100px 0px;
}
.nationwide-rise-box ul {
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap;
}
.nationwide-rise-box ul li {
    width: calc(50% - 50px);
}
.ser-f-c-left h1 {
    font-size: 48px !important;
}
.ser-f-c .fir-c-btn button {
    padding: 0.6vw 20px;
    font-size: 20px;
}
.ser-f-c-left h1 {
    font-size: 48px !important;
}
.bg-purple .content-area .nav-tabs button {
    border: none !important;
}
.bg-purple .content-area .nav-tabs button.active {
    background: transparent !important;
    color: #ffffff !important;
    border-bottom: 2px solid #fff !important;
}
.salon-container .tab-content-section {
    margin-top: 30px;
}
.table-purple td {
    font-size: 14px;
}
.salon-container .content-area .nav-tabs li button.active {
    background: transparent;
    border-color: transparent;
    color: #35133c;
    border-bottom: 2px solid #35133c;
    border-radius: 0px;
}
.salon-container .content-area .nav-tabs li button {
    background: transparent;
    font-size: 16px;
    border: none;
    padding: 0px !important;
}
.salon-container .content-area .nav-tabs {
    gap: 10px;
}
section.franchise-banner .franchise-img img {
    position: relative;
    width: 100%;
    margin-left: 0%;
}
section.franchise-banner {
    padding: 100px 0px;
}
section.why-solon-section .col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%;
}
section.franchise-banner .row {
    align-items: center;
}
}




@media (min-width: 768px) and (max-width: 993px){
.footer-wrap {
    margin-top: 30px;
}
.value-item {
    min-width: 75px;
}
.ser-t-c-left-men {
    position: absolute;
}
.ser-t-c-right .ser-t-c-right-women.active {
    margin-bottom: 60px;
}
.ser-t-c-right .ser-t-c-right-men.active{
  margin-bottom: 60px;  
}
.ser-s-c-left .ser-s-c-left-women.active {
    margin-bottom: 60px;
}
.ser-s-c-left .ser-s-c-left-men.active{
  margin-bottom: 60px;  
}
section.inner-banner-sec {
    padding: 100px 0px;
}
section.about-sec .col-md-6:first-child {
    flex: 0 0 40%;
    max-width: 40%;
}

section.about-sec .col-md-6:last-child {
    flex: 0 0 60%;
    max-width: 60%;
}
.our-testimonial-sec {
    background-position: 25% 22% !important;
}

.service-container {
    padding: 80px 0px 0px;
} 
.franchisee-img {
    right: 0;
}
.service-experience ul {
    flex-wrap: wrap;
}
.service-experience ul li {
    width: calc(50% - 10px);
}
.service-experience ul {
    gap: 18px;
}
.container {
    max-width: 95%;
}
.nationwide-rise-box ul {
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap;
}
.nationwide-rise-box ul li {
    width: calc(50% - 50px);
}
.ser-f-c {
    flex-wrap: wrap;
    padding: 0px 20px;
}
.ser-f-c-left {
    width: 100%;
    margin-left:0px; 
    text-align: center;
}
.ser-f-c-right {
    width: 100%;
}
.ser-f-c-left h1 {
    font-size: 48px !important;
}
.ser-f-c .fir-c-btn button {
    padding: 0.6vw 20px;
    font-size: 20px;
}
.ser-t-c-right {
    margin-bottom: 40px;
}
.ser-s-c-left {
    margin-bottom: 40px;
}
.ser-f-c .fir-c-btn button {
    padding: 0.6vw 20px;
    font-size: 20px;
}
.store-wrapper .storeform .select-container select {
    font-size: 14px;
}

.store-locator-wrap p br {
    display: none;
}
.store-address {
    margin-bottom: 30px;
}
.store-list p {
    font-size: 18px;
}
.store-banner img.store-img {
    z-index: 0;
}
.bg-purple .content-area .nav-tabs button {
    border: none !important;
}
.bg-purple .content-area .nav-tabs button.active {
    background: transparent !important;
    color: #ffffff !important;
    border-bottom: 2px solid #fff !important;
}
.salon-container .tab-content-section {
    margin-top: 30px;
}
.table-purple td {
    font-size: 14px;
}
.salon-container .content-area .nav-tabs li button.active {
    background: transparent;
    border-color: transparent;
    color: #35133c;
    border-bottom: 2px solid #35133c;
    border-radius: 0px;
}
.salon-container .content-area .nav-tabs li button {
    background: transparent;
    font-size: 16px;
    border: none;
    padding: 0px !important;
}
.salon-container .content-area .nav-tabs {
    gap: 10px;
}
.pricing-womens img {
    width: 420px;
}
section.franchise-banner .franchise-img img {
    position: relative;
    width: 100%;
    margin-left: 0%;
}
section.franchise-banner {
    padding: 100px 0px;
}

section.franchise-opportunities-section .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

section.franchise-opportunities-section .col-md-6:last-child {
    margin-top: 30px;
}
section.enquire-now .enquire-img {
    display: none;
}
section.enquire-now .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
}
.job-wrap h3 {
    font-size: 20px;
}
ul.list-unstyledw li {
    width: 100%;
}
.footer-inner-area .col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%;
}

.footer-inner-area .col-lg-4 {
    flex: 0 0  50%;
    max-width: 50%;
}
.footer-inner-area .col-lg-5 {
    flex: 0 0 100%;
    max-width: 100%;
}
.ser-s-c-right-women {
    position: absolute;
}
.ser-t-c-left-women {
    position: absolute !important;
}
.ser-t-c .ser-t-c-body .ser-t-c-left .ser-t-c-left-women{
        position: relative;
    }
.ser-t-c-right .ser-t-c-right-men {
    position: absolute;
    top: 0;
    overflow-y: auto;
    height: 600px;
}
.ser-s-c-body .ser-s-c-left {
    margin-left: 0%;
}
.ser-t-c-body .ser-t-c-right {
    margin-right: 0%;
}
.ser-s-c-left .ser-s-c-left-men {
    top: 0;
    max-height: 490px;
    min-height: 490px;
    overflow-y: auto;
}
.s-c-text-wrapper {
    width: 100%;
}
}





@media(max-width: 993px){
#toggle {
  width: 28px;
  margin: 10px auto;
}
.navbar-toggler {
    padding: 0px;
    height: auto;
    border: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}

#toggle div {
  width: 100%;
  height: 3px;
  background: white;
  margin: 7px auto;
  transition: all 0.3s;
  backface-visibility: hidden;
}

#toggle.on .one {
  transform: rotate(45deg) translate(5px, 5px);
}

#toggle.on .two {
  opacity: 0;
}

#toggle.on .three {
  transform: rotate(-45deg) translate(7px, -8px);
}

#menu {
  color: white;
  border: 1px solid white;
  width: 150px;
  height: 100px;
  padding: 10px;
  border-radius: 3px;
  line-height: 100px;
  text-align: center;
  margin: auto;
  display: none;
}
.navbar-collapse {
    position: absolute;
    top: 100%;
    width: 100%;
    background: #9C27B0;
    z-index: 2;
}
.navbar-nav li {
    margin: 0px 0px;
    border-bottom: 1px solid #dbc4dfab;
}
nav.navbar {
    padding: 10px 0px;
}
.navbar-nav li {
    padding: 0px 0px;
}
.navbar-nav li a {
    padding: 8px 10px;
    display: block;
    width: 100%;
    position: relative;
}

ul.navbar-nav {
    margin: 0px !important;
}

.navbar-nav li:last-child {
    border-bottom: transparent;
}
    span.expanded {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 46px;
    height: 46px;
    line-height: 40px;
}
.navbar-nav li ul.sub-menu {
    position: relative;
    top: 100%;
    width: 100%;
    background: #ba40cf;
    opacity: 1;
    visibility: visible;
    display: none;
}
.navbar-nav li ul.sub-menu li a {
    padding: 8px 20px;
    color: #fff;
}
section.banner-sec .carousel-inner .carousel-item img {
    object-fit: cover;
    height: 400px;
    object-position: right;
}

section.banner-sec .carousel-inner .carousel-item {
    position: relative;
}

section.banner-sec .carousel-inner .carousel-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000033;
}

section.banner-sec .carousel-caption {
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 80%;
}
section.banner-sec button span {
    width: 36px;
}
.banner-text h2 {
    font-size: 30px;
}
header.inner-header {
    z-index: 9;
}
.banner-text p {
    padding: 0px;
    font-size: 20px;
}
}


@media(max-width: 767px){
section.franchise-banner .franchise-img img {
    position: relative;
}
section.franchise-model-sec {
    padding-bottom: 0px !important;
}
.apply-footer .apply-now {
    text-align: center !important;
}
.apply-footer .apply-now-wrap h2 {
    text-align: center;
    font-size: 36px;
}
section.apply-now-sec .col-md-12.text-center.d-flex {
    justify-content: center;
        flex-direction: column;
}
section.apply-now-sec {
    padding: 40px 0px !important;
}
section.apply-now-sec h2 {
    line-height: 40px;
    margin-bottom: 30px;
}
section.enquire-now form.contact_us_form{
    margin-bottom: 0px;
}
section.enquire-now h2.heading {
    margin-bottom: 0px;
}
.mission-values {
    justify-content: center;
}
.vission-mission-warp p {
    text-align: left;
}
.vission-mission-warp h2 {
    font-size: 26px;
        margin: 0px;
}
.mission-inner-box {
    justify-content: center;
}
section.banner-sec {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
.mission-inner-box figure img {
    width: 38px;
}
.value-item {
    min-width: 48px;
}
section.franchise-section>p {
    margin-bottom: 0px;
}
.row-mr {
    row-gap: 50px;
}
.contact_us_inner .col-md-8 {
    padding: 0px;
}
section.map-sec {
    padding-top: 0px !important;
}
.contact_us_form {
    padding-top: 30px;
}
.our-story-sec {
    margin-top: 50px;
}
.main_blog_items {
    padding-right: 0px;
}
.main_blog_items .main_blogpost_item {
    margin-bottom: 30px;
}
.main_blog_items .main_blogpost_item .blog_image {
        height: auto;
}
.blog-page .main_blog_inner .blog_image img {
    height: auto;
}
section {
    padding: 50px 0px !important;
}
section.enquire-now {
    position: relative;
    padding: 50px 0px;
}
.franchise-wrap h1 {
    font-size: 36px;
    line-height: 42px;
}
section.about-sec {
    padding-top: 0px !important;
}

.service-item {
    padding: 12px 14px;
    font-size: 14px;
}
.banner-text h1 {
    font-size: 30px !important;
}
.banner-text a {
    padding: 7px 20px;
}
.store-wrapper .storeform .select-container {
    width: 50%;
}
.about-full-banner {
    padding: 100px 0px !important;
}
.salon-container .content-area .nav-tabs {
    margin-top: 30px;
}
.service-content-section {
    text-align: center;
}
.ser-t-c-right .ser-t-c-right-men {
    position: absolute;
    top: 0;
    overflow-y: auto;
    height: 400px;
}
.ser-t-c-body .ser-t-c-right {
    margin-right: 0%;
}
.ser-s-c-body .ser-s-c-left {
    margin-left: 0%;
}
.p-content {
    padding: 0px;
    margin-bottom: 36px;
}
.inner-pricing-sec .content-area {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: center;
}
.table-purple th {
    font-size: 16px;
    white-space: nowrap;
}
.ser-s-c-head .ser-s-c-m {
    margin-bottom: 20px;
}
.cls-6  .ser-t-c-right-men {
}
.cls-6  .ser-t-c-right {}
.cls-3  .ser-s-c-left-men {
    min-height: auto;
    position: absolute;
    overflow-y: auto;
    max-height: 500px;
}
.cls-6 .ser-t-c-left-women.active {
    position: absolute;
}
.home-about {
    margin-top: 40px;
}
.google-review .google-wrap .google-img img {
    width: 40px;
}
.google-review .google-wrap {
    gap: 15px;
}
.google-review .google-img-wrap img {
    width: 40px;
}
.goolge-star span img {
    width: 18px !important;
}
.job-wrap h3 {
    font-size: 20px;
}
.inner-banner-wrap h1 {
    font-size: 40px;
}
.inner-banner-wrap h2 {
    font-size: 20px;
}
.enquire-img {
    display: none;
}
.franchise-card {
    flex-direction: column-reverse;
}
.franchise-wrap {
    text-align: center;
}
.franchise-img {
    margin-top: 0px;
}
section.franchise-banner .franchise-img img {
    width: 100%;
    margin-left: 0%;
}
section.franchise-banner {
    padding: 100px 0px;
}
.salon-container .content-area {
    width: calc(100% - 10px);
}
.bg-purple .content-area .nav-tabs button {
    border: none !important;
}
.bg-purple .content-area .nav-tabs button.active {
    background: transparent !important;
    color: #ffffff !important;
    border-bottom: 2px solid #fff !important;
}
.salon-container .tab-content-section {
    margin-top: 0px;
}
.table-purple td {
    font-size: 14px;
}
.salon-container .content-area .nav-tabs li button.active {
    background: transparent;
    border-color: transparent;
    color: #35133c;
    border-bottom: 2px solid #35133c;
    border-radius: 0px;
}
.salon-container .content-area .nav-tabs li button {
    background: transparent;
    font-size: 16px;
    border: none;
    padding: 0px !important;
}
.inner-pricing-sec  .content-area {
    order: 1;
}
.inner-pricing-sec .image-gallery {
    order: 2;
}
.pricing-text h1 {
    font-size: 48px;

}
.salon-container .image-gallery {
    width: calc(100% - 10px);
}
.salon-container .content-area .nav-tabs {
    justify-content: center;
    gap: 10px;
}
.salon-container .tab-content {
    text-align: center;
}
div.ser-t-c-head {
    margin-bottom: 0px;
}
.pricing-section {
    padding-bottom: 0px !important;
}
.store-wrapper .storeform .select-container select {
    font-size: 14px;
}
.pricing-text {
    text-align: center;
    margin-bottom: 30px;
}
.pricing-womens img {
    position: relative;
    width: 100%;
    text-align: center;
}
.store-locator-wrap p br {
    display: none;
}
.store-address {
    margin-bottom: 30px;
}
.store-banner .inner-banner-wrap {
    text-align: center !important;
}
.store-banner img.store-img {
    z-index: 0;
}
.ser-t-c-right .ser-t-c-right-women {
    margin-bottom: 40px;
}
.ser-s-c-body .ser-s-c-left {
    margin-bottom: 40px;
}
.ser-t-c-right .ser-t-c-right-men {
    margin-bottom: 40px;
}
.ser-t-c-left-women {
    position: absolute;
    bottom: 0;
}
.ser-s-c-right-women {
    position: absolute;
    bottom: 0;
}
.ser-s-c-left h3 {
    font-size: 18px;
}
.ser-t-c-right h3 {
    font-size: 18px;
    margin-top: 30px;
}
.ser-f-c-right-men.active {
    right: -11%;
}
.ser-s-c-body {
    padding: 0px 10px;
    text-align: center;
}
div.ser-s-c-head {
    margin-bottom: 0px;
}
.ser-s-c-body .ser-s-c-left {
    margin-left: 0%;
}
.ser-f-c-left h1 {
    font-size: 36px !important;
}
.ser-f-c .fir-c-btn button {
    padding: 0.6vw 20px;
    font-size: 20px;
}
section.banner-sec button {
    width: 30px;
    height: 30px;
}
.ser-f-c-right {
    width: 100%;
    height: 530px;
}
.ser-f-c-left {
    margin-left: 0%;
}
.ser-f-c {
    flex-wrap: wrap;
    padding: 0px 20px;
}
.ser-f-c-left {
    width: 100%;
    text-align: center;
}
.vission-mission-img figure img {
    border-radius: 50%;
    width: 100%;
}
.vission-mission-warp {
    text-align: center;
}

section.inner-banner-sec {
    padding: 100px 0px;
}
.our-story-sec .about-img {
    margin-bottom: 30px;
}
.nationwide-rise-box ul li {
    width: calc(50% - 50px);
}
.nationwide-rise-box ul {
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap;
}
.footer-wrap {
    margin-bottom: 60px;
}
.footer-inner-area ul.list-unstyledw {
    flex-direction: column;
}
.container {
    max-width: 95%;
}
.service-content-section {
    flex: auto;
}
.about-text {
    text-align: left !important;
}
.s-c-text-wrapper {
    margin-top: 50px;
}
.service-content-section h2.heading {
    text-align: center !important;
}
.heading {
    font-size: 30px;
}
.service-image-container img {
    display: none;
}
.service-container {
    padding: 60px 0px 30px;
}
.service-tabs {
    justify-content: center;
}
.service-categories.active {
    justify-content: center;
}
.service-details {
    display: none;
    text-align: center;
}
img.franchisee-img {
    display: none;
}
.offer-wrap h2.heading {
    text-align: center;
}
.franchisee-inner-wrap {
    width: 100%;
}
.franchisee-item {
    width: 100%;
    text-align: center;
}
div#franchisee .owl-dots {
    bottom: -10px;
}
.franchisee-wrap a.btn-style1 {
    width: 200px;
    text-align: center;
    margin: 40px auto 0px;
    display: block;
}
.service-experience ul {
    flex-wrap: wrap;
}
.service-experience ul li {
    width: calc(50% - 10px);
}
.products-use-box ul li {
    width: calc(19% - -12px);
}
.our-testimonial-sec {
    padding: 80px 0px;
}
.testimonial-wrap .item {
    width: 100%;
    text-align: center;
    margin-left: auto;
}
.testimonial-wrap .owl-dots {
    justify-content: center;
}
.blog-box a.style2 {
    padding: 5px 18px;
}
.footer-box {
    text-align: left;
    margin-top: 50px;
}
.footer-inner-area .col-lg-3:first-child .footer-box {
    margin-top: 0px;
}
.main-footer .form {
    padding: 20px;
}
.footer-inner-area .footer-box ul.list-unstyledw li a {
    font-size: 18px !important;
}
section.franchise-opportunities-section .col-md-6:last-child {
    margin-top: 30px;
}
.franchise-card .franchise-img figure img {
    height: 350px !important;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.franchise-card {
    height: auto;
}
section.franchise-banner .franchise-img {
    margin-top: 50px;
}
.wrap-box {
    margin-top: 50px;
}
.wrap-box {
    height: auto;
}
.franchise-model-wrap {
    flex-wrap: wrap;
}
section.ser-sec.blog-se .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
}
.footer-inner-area .col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%;
}

.footer-inner-area .col-lg-4 {
    flex: 0 0  50%;
    max-width: 50%;
}
ul.list-unstyledw li {
    width: 100%;
}
.cls-6 .ser-t-c-right-women {
    margin: 0px;
}

.cls-6 .ser-t-c-right-women h3 {
    font-size: 30px;
}

.cls-6 .ser-t-c-right .ser-t-c-right-women {
    margin-bottom: 50px;
}
}


@media (min-width: 575px) and (max-width: 767px){
section.why-solon-section .col-12 {
    flex: 0 0 50%;
    max-width: 50%;
}
}


@media(max-width:600px){
.ser-s-c-right-women {
    position: relative;
}
.skincare-wrap .ser-t-c-body .ser-t-c-left .ser-t-c-left-men {
    position: absolute;
}
.skincare-wrap .ser-t-c-body .ser-t-c-left .ser-t-c-left-women {
    position: relative;
}
.cls-6 .ser-t-c-left .ser-t-c-left-men {
    position: relative;
}
.ser-t-c-left-women {
    position: relative;
}
.ser-s-c-body .ser-s-c-left {
    margin-bottom: 0px;
}
.ser-t-c-right .ser-t-c-right-women {
    margin-bottom: 0px;
}
.ser-t-c-right .ser-t-c-right-men {
    margin-bottom: 0px;
}
.cls-6 .ser-t-c-left-women.active {
        position: absolute;
}
.ser-t-c-right .ser-t-c-right-men {
    height: auto;
}
}
 


@media(max-width:575px){
.cls-6 .ser-t-c-body .ser-t-c-right {
    margin-bottom: 30px;
}
.banner-text p {
    font-size: 16px;
}

.store-wrapper .storeform {
    flex-direction: column;
}
.store-wrapper .storeform .select-container {
    width: 100%;
}
.banner-text h1 {
    font-size: 26px !important;
}

.cls-6 .ser-t-c-body .ser-t-c-left .ser-t-c-left-men.active {/* position: relative; */}
section.ser-sec.blog-se .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
}
.footer-inner-area .col-lg-3 {
    flex: 0 0 100%;
    max-width: 100%;
}

.footer-inner-area .col-lg-4 {
    flex: 0 0  100%;
    max-width: 100%;
}
section.banner-sec .carousel-caption {
    transform: translate(-50%, -50%);
}
section.why-solon-section .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
section.franchise-opportunities-section .col-md-6:last-child {
    margin-top: 30px;
}
.franchise-card .franchise-img figure img {
    height: 350px !important;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.vission-mission-sec .col-md-6:nth-child(3) {
    order: 1;
}
.banner-text h2 {
    font-size: 30px;
}
.service-experience ul li {
    width: calc(100% - 10px);
}
.products-use-box ul li {
    width: calc(27% - -10px);
}
.ser-f-c-right {
    height: 410px;
}

}


@media(max-width: 480px){
.products-use-box ul li {
    width: calc(40% - -22px);
} 
 .ser-f-c .fir-c-btn button {
    font-size: 18px;
} 
.circular-step {
    width: 95%;
    height: 100%;
}
.circular-step{
    border-radius: 0px;
    
}
.value-item {
    min-width: 84px;
}
.value-item h4 {
    font-size: 18px;
}
.mission-inner-box {
    flex-direction: column;
}
}


@media(max-width: 440px){
.ser-f-c-right {
    height: 300px;
}
}

@media(max-width: 380px){
.service-item {
    padding: 12px 10px;
}
section.banner-sec .carousel-caption {
    transform: translate(-50%, -59%);
}
.value-item {
    min-width: 60px;
}
.nationwide-rise-box ul li h4 {
    line-height: 24px;
}
} 

@media(max-width: 360px){
.navbar-brand img {
    width: 200px;
}  
.products-use-box ul li {
    width: calc(40% - -10px);
} 
ul.list-unstyledw li {
    width: 100%;
}
.ser-f-c .fir-c-btn {
    flex-wrap: wrap;
    gap: 20px;
}
.banner-text a {
    font-size: 14px;
}
}