/* ...........................mobile......................... */
@media (max-width: 660px) {
.page-id-14185 section.contact-section .container {
    max-width: 100% !important;
}
.instagram {
    padding: 45px 0px 25px 0px !important;
}
.page-template-template-contact .salon-section .salon-carousel-grid .salon-carousel-content p {
    text-align: unset;
    margin-bottom: 40px !important;
}
.page-template-template-offer section.our-service-header.offer-bottom#offr-form-pop .close {
    top: 2em !important;
}
.single-services section.other-services .container.otherservs {
    width: 100% !important;
    max-width: 100% !important;
}
.salon-section .salon-carousel-grid {
    margin-bottom: 30px !important;
}
.instagram .insta h3 {
    margin-bottom: 30px !important;
}
.abt-journey-slides.owl-theme .owl-nav [class*=owl-] {
    top: unset !important;
}
.salon-section .salon-carousel-grid .salon-carousel-content p {
    text-align: center;
}
.page-template-template-offer #offr-form-pop .modal-body {
    margin-top: 0px !important;
}
.page-template-template-offer .otherservs h2 {
    margin-top: 10px;
    margin-bottom: 45px;
}
section.faq-listing .accordian p {
      font-size: 16px !important;
    line-height: 1.5;
}
	div#page-banner{
		padding: 40px 0px;
	}
	div#page-banner h1{
		font-size: 30px;
		margin: 0;
	}
.glow-up .container.glow-tab-contnr {
    margin-top: 5px !important;
}
section.faq-listing .accordian .card-header {
    padding: 15px !important;
}
section.faq-listing .accordian .card-header h6 {
      padding-left: 0px;
    font-size: 18px !important;
    line-height: 23px;
}
	section.faq-listing .cards>.card-body{
		padding: 10px 15px;
	}
	section.faq-listing .accordian .card-header span.fa{
		font-size: 16px;
	}
	section.faq-listing .accordian .card-header span.fa{
		padding-left: 10px;
	}
.abt-journey-slides .owl-nav {
    top: 8.2em;
    transform: unset !important;
}
.single-services .newsletter {
    padding: 60px 0px 10px 0px !important;
}
.our-services .services p span.readdot{
	display: inline !important;		
}
.single-services .skincare-top .sk-top-right {
    padding: 40px 0px 95px !important;
}
.page-id-91 .newsletter {
    padding: 60px 0px 8px !important;
}
.single-services .skincare-top .sk-top-right p {
    margin-bottom: 25px !important;
}
.single-services .skincare-top .container.skin-care-top h3 {
    margin-bottom: 18px !important;
}
.our-services .bk-consultation {
    margin-top: 50px !important;
}
.contact-middle {
    margin-left: 0em !important;
}
    .vstateof-mind {
        padding: 0px 15px 0px;
    }

    .container.vstate-of-mind {
        max-width: 100% !important;
        width: 100% !important;
        margin: auto;
        padding: 30px 0px 30px;
    }

   

.vstate-of-mind p {
    max-width: 100%;
    margin: 15px auto 28px;
    font-size: 14px;
    padding: 0px 15px;
	text-align: justify;
}

 

    .vstateof-mind a.bkapp-black {
        margin-top: 5px;
    }

    .vcenter-image {
           margin-top: 40px;
    padding: 0px 20px;
    }

    .mob-vcenter-img {
          height: auto;
    margin-bottom: 20px;
    }

    .get-vurved {
        height: 142vh;
        margin-top: -225px;
    }

    .get-vurved {
        padding-top: 220px;
    }

.vget-left h2 {
           font-size: 30px;
    margin-top: 50px;
    }
    
.get-vurved .col-lg-6.vget-left {
    padding-top: 0px;
    max-height: 100%;
    padding-left: 15px !important;
}

    /* .owl-stage {
        width: 2625px;
        transform: unset !important;
        transition: unset !important;
    } */

    .get-vurved {
            padding-top: 5em;
    height: 43em !important;
    margin-top: -8em;
    }

 .our-services {
    padding: 15em 0px 90px 0px;
}

    .our-services .services h2,
    .apprv-prod-right h2 {
       font-size: 40px;
    }

.our-services .services p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 22px;
    width: 100% !important;
    max-width: 100%;
}

.vserv-list ol {
    padding-top: 15px;
    padding-bottom: 10px

}

    .bk-consultation {
        margin-top: 10px;
    }

.vserv-list .vservicess li a {
    padding: 0px;
    font-size: 35px;
    line-height: 50px;
}

.apprvd-products .apprv-prod-right .apprv-prod-content {
    padding: 50px 0px 50px;
}

    .apprv-prod-content h2 {
          font-size: 30px;
    line-height: 30px;
    }
	.comming-soon{
		font-size: 20px;
	}
section.our-salons.our-services {
    padding: 70px 0px 0px 0px;
}

    .our-services .services.salons {
        padding-bottom: 18px;
    }

    .vcard-section {
        display: none;
    }

.page-id-91 .newsletter {
    padding: 60px 0px 10px !important;
}
    .col-lg-6 fullw-img img:nth-child(3) {
        margin-top: 150px;
    }

    /* ..................................... */
    .footer {
        padding: 30px 0px 30px 0px;
    }

    .col-lg-4.left-footer {
        margin-bottom: 10px;
        padding: 0px;
    }

    .left-footer a.bkapp-black {
        bottom: 0px;
        left: auto;
        right: -25px;
        font-size: 12px;
        padding: 10px 15px !important;
        width: 50%;
    }

    .footer-content .footer-links li h5 {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .footer-content .footer-links li a {
        font-size: 16px;
    }

    .bottom-footer .social-media a,
    .bottom-footer .social-media {
        font-size: 16px;
    }

    .footer-content .footer-links li h6 {
        font-size: 18px;
    }

    .footer .bottom-footer {
        margin-top: 0px;
    }

    .col.footer-links {
        padding-top: 10px;
        padding-left: 0px;
    }

    .col.footer-links:last-child {
        padding-left: 0px;
    }

    .footer .bottom-footer {
        margin-top: 0px;
        margin-left: -15px;
    }

    /* ..................our-service................................. */
    .our-service-header {
        padding: 0px 15px 0px;
    }

    section.our-service-header {
        padding-top: 0px;
    }
.our-service-header .container {
    max-width: 86% !important;
    width: 86% !important;
    margin: auto;
    padding: 55px 0px 0px;
}

    .services-mens-hair {
        margin-bottom: 65px;
    }

    .our-service-header h2 {
        font-size: 51px;
		margin-bottom: 40px;
    }

    section#services-grid .row-other-sevs {
        display: block;
    }

    section#services-grid .otherserv-card .card .card-body {
           padding: 0px;
    margin-top: 30px;
    }

    .services-mens-hair {
        margin-top: 20px;
    }

    .our-other-services {
        margin-bottom: 30px;
    }

.mens-hair-content h3 {
    margin-bottom: 4px;
    font-size: 30px;
}

    .our-servs-content h3 {
        font-size: 30px;
    }

    .mens-hair-content p {
        font-size: 14px;
        line-height: 25px;
        padding-right: 0px;
        margin-bottom: 15px;
    }

    .page-template-template-services .otherserv-card .card .card-body .card-title {
        font-size: 30px;
    }

    .otherserv-card .card .card-body .card-text {
        font-size: 14px;
        margin-bottom: 10px;
        padding-right: 0px;
    }

    /* ................................... */
    .our-service-header offer-bottom {
        padding: 0px 15px 0px;
    }

    .our-service-header offer-bottom .container {
        max-width: 100% !important;
        width: 100% !important;
        margin: auto;
        padding: 30px 0px 30px;
    }
   .page-template-template-offer .our-service-header {
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .page-template-template-offer .our-service-header h2 {
        margin-bottom: 0px;
    }

    .our-service-header .mt-80 {
        margin-top: 80px !important;
    }

    .offer-bottom .nav-link {
           padding: 16px;
    font-size: 15px;
    }

    .page-template-template-offer .other-services {
      padding: 60px 0px 5px 0px;
    }

    .otherservs h2 {
        font-size: 26px;
        margin-bottom: 35px;
    }

  

    .page-template-template-offer .otherserv-card .card .card-body .card-title {
        font-size: 25px;
        margin-bottom: 8px;
    }

    .otherserv-card .card .card-body {
        padding: 30px 0px 30px 0px;
    }

    /* ................contact........................ */
    .contact-section {
        padding: 0px 15px 0px;
    }

    .contact-section .container {
        max-width: 100% !important;
        width: 100% !important;
        margin: auto;
        padding: 0px;
    }

    .contact-section:before {
        width: 100%;
    }
	section.about-head .container{
			    max-width: 90% !important;
    width: 90% !important;
    margin: auto;		
	}
	.about-head-content h1{
		font-size: 40px;
		margin: 40px 0px;
	}
	.page-template-template-about h2{
		font-size: 38px;
	}
	.about-head-content p{
    font-size: 14px;
    line-height: 22px;
		max-width: 100% !important;
	}
	.whvr-abt-h2{
		    font-size: 38px;
    position: relative;
    bottom: unset;
    left: unset;
    text-align: center;
	}
	section.about-head{
		margin-bottom: 50px;
	}
	.abt-journy-title{
		      font-size: 38px;
    text-align: center;
    margin-bottom: 25px;
    line-height: 48px;
	}
	section.about-journey .container,section.about-journey.journey-yrs .container{
		    max-width: 82% !important;
    width: 82% !important;
    margin: auto;
	}
	.abt-journey-slides.owl-theme .owl-nav img{
		height: 30px;
	}
	
    .abt-journey-slides.owl-theme .owl-nav .owl-prev {
    left: -3em;
    margin: 0;
    padding: 0;
}
	.abt-journey-slides.owl-theme .owl-nav .owl-next{    
		    right: -3em;
    margin: 0;
    padding: 0;
	}
	section.about-journey{
		margin-bottom: 40px !important;
	}
	.abt-grid-desc{
		    font-size: 22px;
    margin-top: 10px;
    font-weight: 500;
    line-height: 35px;
	}
.abt-grid-desc span {
    font-size: 16px;
    line-height: 22px;
}
	section.about-cares{
		padding: 40px 20px;
	}
	.abt-care-left{
		    padding-left: unset;
    padding-right: unset;
	}
	.abt-care-left h2{
		margin-bottom: 20px;
	}
	.abt-care-left h3{
		font-size: 26px;
		margin-bottom: 15px;
	}
	.abt-care-left p {
    font-size: 14px;
    line-height: 18px;
}
	.abt-care-right{
		margin-top: 10px;
	}
	div#abt-care-sliderr .owl-nav{
		    position: relative;
    bottom: unset;
 
    margin: 0 !important;
	}
	div#abt-care-sliderr .owl-dots{
		    position: relative;
    left: unset;
    bottom: unset;
    text-align: center;
	}
	div#abt-care-sliderr .owl-dot.active:before{
		left: auto;
	}
	div#abt-care-sliderr .owl-dots:after{
		padding-left: 0px;
	}
	div#abt-care-sliderr .owl-dot.active:before{
		content: counter(slides-num) " / ";
		position: relative;
		margin-right: 5px;
	}
	div#abt-care-sliderr .owl-dot{
		margin-right: 0;
	}
	div#abt-care-sliderr .owl-dots:after, div#abt-care-sliderr .owl-dot.active:before{
		font-size: 18px !important;
	}
	div#abt-care-sliderr .owl-nav img{
		    height: 40px;
    margin-top: 20px;
	}
	section.about-bottom.text-center{
		    padding-top: 40px;
    padding-bottom: 40px;
	}
	.abt-btm-wrap .d-flex{
		    font-size: 32px;
    margin: 30px 0px 0px;
    display: block !important;
	}
	.abt-btm-wrap .d-flex span{
		    visibility: hidden;
    font-size: 22px;
	}
	.abt-btm-wrap .d-flex span:after{
		    content: '_____';
    position: relative;
    visibility: visible;
    top: -15px;
	}
	.abt-btm-wrap a{
		display: block;
	}
	.page-template-template-about .news-letter h2{
		font-size: 32px !important;
		margin: 28px 0px;
	}
	.page-template-template-about .news-letter h6{
		margin: 0;
	}
  
}
@media (min-width: 700px){
	.bridal-header-content p span.readMore,.bridal-header-content p span.readLess,.bridal-header-content p span.readdot{
		display: none;
	}
}

@media screen and (min-width: 1220px) and (max-width: 1650px){

section.blog-main .container {
    max-width: 81% !important;
    padding: 0px;
}
section.recent-blog .container {
    padding: 0px !important;
    max-width: 79% !important;
    width: 79% !important;
}
ol.blog-rep-lists li {
    padding-left: 0 !important;
}	
.blog-rep-content p {
    margin-bottom: 10px !important;
}




}







/*normal-style*/

.abt-jrny-grid img{
	border: 1px solid grey;
}
.navbar-light .navbar-toggler-icon{
	background-size: 34px;
}
.cat-blg-catg a{
	color: #fff !important;
	font-family: 'Neue Haas Grotesk Display Pro' !important;
	font-weight: 300 !important;
}