html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body {line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}nav ul {list-style:none}blockquote,q {quotes:none}blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del {text-decoration: line-through}abbr[title],dfn[title] {border-bottom:1px dotted;cursor:help}table {border-collapse:collapse;border-spacing:0}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select {vertical-align:middle;
}
*{box-sizing:border-box}
body{font-family:'Open Sans', sans-serif; position:relative; }
body, html{height:100%}
.mainWraper{float:left; width:100%;height:100%; position:relative; z-index:9;padding-bottom:87px; overflow:auto}
.headerblock{float:left; width:100%; background-color:rgba(255,255,255,.8); height:110px; padding-left:50px; padding-top:10px}
.homePage .headerblock{background:none}

/* Menu Styles */
.mainMenu{height:77px; background-color:rgba(0,0,0,.5); position:fixed; left:0; bottom:7px; width:100%}
.mainMenu nav{float:right;}
.mainMenu nav > ul > li{float:left; margin-right:80px; padding-top:30px; font-weight:600; position: relative}
.mainMenu nav > ul > li > a{color:#66ff66; text-decoration:none; font-size:20px}
.mainMenu nav > ul > li:hover > a,.mainMenu nav > ul > li > a.active{color:#fff}

.mainMenu nav > ul > li > ul{position:absolute; bottom:100%; left:-17px; width:120px; display:none}

.mainMenu nav > ul > li > ul li a{ background-color:rgba(0,0,0,.5); display:block; line-height:30px; color:#fff; margin-bottom:1px; text-decoration:none; font-size:12px; text-align:center; position:relative}
.mainMenu nav > ul > li > ul li a:before{content:''; position:absolute; left:50%; bottom:0;border:solid transparent 4px; border-bottom-color:rgba(255,255,255,.8); margin-left:-5px}
.mainMenu nav > ul > li > ul li a:hover,.mainMenu nav > ul > li > ul li a.active{background-color:rgba(0,0,0,.7)}
.mainMenu .socialMedia{float:left; width:auto; padding-top:25px; padding-left:50px}
.mainMenu .socialMedia a{background:url(../images/sprite.png) -148px -2px no-repeat; display:inline-block; vertical-align:middle; width:34px; height:33px; border-radius:100%;}
.mainMenu .socialMedia a:hover{ background-position:  -148px -40px}
/* Menu Styles */

/*main slider */
#controls-wrapper {margin: 0 auto;height:51px;width:51px;bottom: 130px;right: 50px;z-index: 99;position: fixed;}
#controls {overflow: hidden;height: 100%;position: relative;text-align: left;z-index: 5;}
#play-button {float: left;margin-top: 1px;border-radius:7px}
#play-button img{width:51px; opacity:.7}
#play-button:hover {background-position: 0 1px;cursor: pointer;}
#supersized-loader {position: absolute;top: 50%;left: 50%;z-index: 0;width: 60px;height: 60px;margin: -30px 0 0 -30px;text-indent: -999em;background: url(../images/img/progress.gif) no-repeat center center;}
#supersized {display: block;position: fixed;left: 0;top: 0;overflow: hidden;z-index: -999;height: 100%;width: 100%;}
#supersized img {width: auto;height: auto;position: relative;display: none;outline: none;border: none;}
#supersized.speed img {-ms-interpolation-mode: nearest-neighbor;image-rendering: -moz-crisp-edges;}
#supersized.quality img {-ms-interpolation-mode: bicubic;image-rendering: optimizeQuality;}
#supersized li {display: block;list-style: none;z-index: -30;position: fixed;overflow: hidden;top: 0;left: 0;width: 100%;height: 100%;background: #fff;}
#supersized a {width: 100%;height: 100%;display: block;}
#supersized li.prevslide {z-index: -20;}
#supersized li.activeslide {z-index: -10;}
#supersized li.image-loading img {visibility: hidden;}
#supersized li.prevslide img, #supersized li.activeslide img {display: inline;}
#progress-back{ z-index:5; position:fixed; bottom:0; left:0; height:8px; width:100%; }
#progress-bar{ position:relative; height:8px; width:100%; background:#419f29 }
.mapAddr{white-space:nowrap; height:20px; padding-top:4px}
/*main slider */

/* Home Page Styles */
.contentSection{float:left; width:800px; max-width:70%; min-width:300px; padding-left:50px; padding-right:50px}
.homePage .contentSection{width:650px}
.contentSection .mainquote{font-weight:600; font-size:51px; color:#f63; padding-bottom:20px; border-bottom:#666 solid 1px; margin-top:78px; line-height:65px;text-shadow:1px 1px 1px #fff}
.contentSection .mainquote{margin-bottom:20px}
.contentSection .mainquote > span{color:#666666}
.contentSection .subquote{font-weight:600; font-size:22px; color:#333; line-height:32px;text-shadow:1px 1px 1px #fff}
.locations{float:left; margin-top:88px; clear:left; width:100%}
.locations h2{color:#77ea58; font-size:30px; font-weight:600; padding-bottom:20px; float:left; width:100%}
.locations h2:before{ float:left; width:30px; height:40px; background:url(../images/sprite.png) no-repeat; content:''}
.locations address{float:left; text-align:center; width:97px; height:116px;background:url(../images/sprite.png) -36px 0 no-repeat; font-size:14px; font-weight:600; color:#4d4d4d; font-style:normal; margin-right:20px; padding:15px 18px 16px 18px; word-wrap:break-word; cursor:pointer}
.locations address span{ color:#333; padding-top:10px; display:inline-block}
.locations address a{color:inherit; text-decoration:none}

.smallHeight .contentSection .mainquote{margin-top:-2px; font-size:31px; line-height:37px; margin-bottom:4px; padding-bottom:10px}
.smallHeight .contentSection .locations{margin-top:20px}
.smallHeight .contentSection .subquote{font-size:18px; line-height:25px; padding-bottom:10px}
.smallHeight .contentSection .locations h2{font-size:22px; padding-bottom:8px}
.smallHeight .contentSection{width:624px}

.extraSMallHeight .contentSection .mainquote{margin-top:-11px; font-size:32px; line-height:38px; margin-bottom:7px; padding-bottom:15px}
.extraSMallHeight .contentSection .locations{margin-top:10px}
.extraSMallHeight .contentSection .locations h2{padding-bottom:10px}
.extraSMallHeight .contentSection .subquote{font-size:16px; line-height:23px;}
.extraSMallHeight .contentSection .locations h2{font-size:23px}
/* Home Page Styles End*/

/* About us pagr */
.backgrounImg{background:url(../images/Allfacelarge.jpg) 0 center no-repeat; background-size:cover; position:fixed; left:0; top:0; width:100%; height:100%}
.pagetitle{float:right; padding-right:40px;text-align:right; padding-top:20px}
.pagetitle .infotitle{font-weight:300; font-style:italic; color:#ff6633; font-size:14px; padding-bottom:10px}
.pagetitle h1{font-size:28px; font-weight:700; color:#666666; font-size:28px }
.aboutContent{float:left; width:700px; max-width:100%; overflow:auto; background-color:rgba(255,255,255,.7); padding:15px; margin-top:40px; min-height:120px}
.aboutContent p{ font-weight:400; padding-bottom:20px; color:#333; font-size:14px; line-height:22px; text-align:justify}
/* About us pagr end*/

/* careers page*/
.careersImg{background-image:url(../images/beautyspotheader_bg.jpg);}
.careersSection{background-color:rgba(255,255,255,.9); width:800px}
.careersSection h2{background-color:#66ff66;padding:10px 15px; color:#333; font-size:16px; font-weight:400; margin-bottom:20px}
.carrerInfo{float:left; width:100%; padding:20px 5% 0;} .carrerInfo p{padding-bottom:15px}
.careesForm{float:left; width:100%; padding:20px 5%}
.careesForm .rowfield{float:left; width:100%; padding-bottom:15px}
.careesForm .rowfield >label{ font-size:16px; font-style:italic; color:#333; float:left; width:25%; padding-right:10px; padding-top:10px; line-height:20px}
.careesForm .rowfield .inputDIv{float:left; width:75%; padding-left:20px}
.careesForm .cmnInput,.careesForm .cmnTextarea{border:#999999 solid 1px; border-radius:4px;  font-weight:400; font-size:16px; padding:5px; float:left; width:100%; font-family:'Open Sans', sans-serif}
.careesForm .cmnInput{ height:34px;}
.careesForm .cmnInput:focus,.careesForm .cmnTextarea:focus{box-shadow:0 0 5px #66ff66}
.careesForm .cmnTextarea{line-height:20px; height:115px; resize:none} 
.careesForm .cmnBtn,a.cmnBtn{ width:90px; height:24px; font-weight:400; color:#333; background-color:#66ff66; border-radius:4px; font-size:12px; float:right; margin-left:10px; border:none; padding-bottom:4px; cursor:pointer}
a.cmnBtn{ text-decoration:none; text-align:center; line-height:20px}
.careesForm .cmnBtn:hover,a.cmnBtn:hover{background-color:#4ae04a}
.careesForm .cmnBtn.resetBtn,a.cmnBtn.resetBtn{ background-color:#666; color:#fff}
.careesForm .cmnBtn.resetBtn:hover,a.cmnBtn.resetBtn:hover{ background-color:#333}
.contentInn{float:left; width:100%}
.careersSection h2 a.cmnBtn.resetBtn{margin-top:-4px}
/* careers page end*/

/* locations page*/
.locationsPage{border:#339933 solid 10px; background-color:rgba(255,255,255,1); width:677px}
.locationsPage .locationInfo{float:left; width:100%; padding:0 10px; margin-bottom:20px}
.locationsPage .locationInfo:last-child{margin-bottom:0}
.locationsPage .locationInfo .title{width:100%; float:left; background-color:#e8e8e8; border:#ccc solid 1px; font-size:16px; color:#3f3f3f; padding-left:30px; cursor:pointer; position:relative}
.locationsPage .locationInfo .title:before{border:transparent solid 7px; border-top-color:#565656; content:''; width:0; height:0; font-size:0; position:absolute; top:50%; margin-top:-3px; left:10px}
.locationsPage .locationInfo .title.collapse:before{border:transparent solid 7px; border-left-color:#565656; margin-top:-9px}
.locationsPage .locationInfo .title address{ font-style:normal; padding:15px 15px 18px 5px}
.locationsPage .locationInfo .info{ float:left; width:100%; padding:0 10px}
.info .culmn01, .info .culmn02{float:left; width:46%; background-color:#f2f2f2; margin:20px 2%;padding:15px; min-height:243px}
.locationsPage .locationInfo .info h2{color:#3f3f3f; font-size:15px; border-bottom:#bfbfbf solid 1px; padding-bottom:10px; font-weight:600; text-transform:uppercase; margin-bottom:10px }
.locationsPage .locationInfo .info p{font-size:16px; color:#6d6d6d; line-height:24px; padding-bottom:11px}
.locationsPage .locationInfo .info p > span.weekDate{color:#e85d22}
.locationsPage .locationInfo .info p.phone a{color:#6d6d6d; text-decoration:none; cursor:default}
.locationsPage .locationInfo .info p.phone:before{background:url(../images/sprite.png) -200px -52px no-repeat; float:left; width:18px; height:16px; margin-right:10px; content:''; margin-top:5px}
.addressImg1{background-image:url(../images/address01.jpg)}
.addressImg2{background-image:url(../images/address02.jpg)}
.addressImg3{background-image:url(../images/address03.jpg)}
.backgroundURL{position:fixed; left:0; top:0; width:100%; height:100%}
.carrerInfo p.thankyouMessage{color:#1d8a46; font-size:20px; text-align:center; line-height:25px}
.mapload,.mapLoadMain{position:fixed; width:100%; height:100%; left:0; top:0; z-index:9}
.locationPage{z-index:inherit; position:inherit}
.locationPage .headerblock, .locationPage .locationsPageMain .aboutContent ,.locationPage .mainMenu{z-index:10}
.locationPage .headerblock, .locationPage .locationsPageMain .aboutContent{position:relative}
/* locations page End*/

.mobileNav{display:none}

/* ServicewsMen */
/*.meEyeBrow{background-image:url(../images/noImage.jpg);}*/
.eyeBrow{background-image:url(../images/eyeBrowImg.jpg)}
.eyeTinting{background-image:url(../images/eyebrow-tinting.jpg)}
.lips{background-image:url(../images/lips.jpg)}
.chin{background-image:url(../images/chin.jpg)}
.foreHead{background-image:url(../images/forehead.jpg)}
.sides{background-image:url(../images/sides.jpg)}
.sidesburns{background-image:url(../images/sideburns.jpg)}
.cheeks{background-image:url(../images/cheek.jpg)}
.neck{background-image:url(../images/neck.jpg)}
.fullface{background-image:url(../images/fullface.jpg)}

.eyeBrowMen{background-image:url(../images/eyebrow-Men.jpg)}
.earMen{background-image:url(../images/ears-men.jpg)}
.noseMen{background-image:url(../images/nose-men.jpg)}



.serviceContent{float:left; width:400px; max-width:100%; overflow:auto;  padding:0px; margin-top:40px; min-height:100px}
.serviceContent > h2{font-weight:300; letter-spacing:2px; font-size:32px; color:#e85d22;  padding-bottom:10px;background-color:rgba(255,255,255,.7); padding:10px 15px 7px; float:left; width:100%;}
.serviceContent > h2.mainTitle{text-transform:uppercase}

.serviceContent .contentInn{background-color:rgba(255,255,255,.7);padding:0 15px 10px}
.bdrTop{border-top:#4f4f4f solid 1px; float:left; width:100%; height:1px; margin-top:7px}
.serviceContent > h2.ourServicesTitle{background-color:rgba(255,255,255,.7); margin-top:5px; float:left; width:100%; color:#565656; font-size:25px; font-weight:700; border-bottom:none; text-align:center; letter-spacing:inherit; padding-top:10px; padding-bottom:10px}
.serviceContent p{ font-weight:400; padding-bottom:20px; color:#333; font-size:16px; line-height:22px; text-align:justify}
.servicesPage .pagetitle{ width:80%}
.serviceLink{text-align:center; float:left; width:100% }
.serviceLink a{ color:#2b2b2b; font-weight:700; text-decoration:none; font-size:14px; line-height:18px}
.serviceLink a:hover,.serviceLink a.active{ color:#e85d22}
.servicesMenu{float:left; width:100%; padding:0 18px 0; margin-top:10px}

.servicesInner div[data-content],.serviceContent > h2.mainTitle span[data-content]{display:none}
.servicesInner div[data-content]:first-child,.serviceContent > h2.mainTitle span[data-content]:first-child{display:block}

.menSevrvices .pagetitle{width:370px; max-width:100%}

.menServicesLinks{padding:0 0}
.menServicesLinks .serviceLink{text-align:right;}

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Icons */
/* Arrows */
.slick-prev, .slick-next,.nextSlide,.prevSlide { position: absolute; display: block; height:16px; width: 12px; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -4px; border:none; text-indent:-99999px; z-index:99; padding:0}
.slick-prev:focus, .slick-next:focus { outline: none; }

.slick-prev:before, .slick-next:before, .nextSlide:before,.prevSlide:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background:#ccc;  content:''; width:12px; height:16px; float:left; background:url(../images/sprite.png) -14px -42px no-repeat; /*opacity:0; filter:alpha(opacity=0)*/ }
.slick-next:hover:before{background-position:-14px -42px}
.banner-section .nextSlide:before,.banner-section .prevSlide:before{opacity:0; filter:alpha(opacity=0)}
.slick-prev:hover:before, .slick-next:hover:before, .nextSlide:hover:before,.prevSlide:hover:before{opacity:1; filter:alpha(opacity=100)}

.slick-prev:before,.prevSlide:before{ background-position:-2px -42px; cursor:pointer}
.slick-prev:hover:before{ background-position:-2px -42px; cursor:pointer}
.slick-prev,.prevSlide{ left: 0px; }
.responsive,.responsive1,.JsPartenerList,.relative{position:relative}.marT8{margin-top:15px}
.slick-next,.nextSlide { right: 0px; }
.slider h3.bg{background:#ccc !important; float:left; width:100%}
.slick-prev:hover, .slick-next:hover,.slick-prev:focus, .slick-next:focus{opacity:1; background:none; box-shadow:none; border:none}

.slick-list{ width:100%; margin:0 auto; position:relative; padding:0 0px}
.slick-list.draggable{background:none; border:none;}

.slick-dots{text-align:center; float:left; width:100%; margin-top:30px; margin-bottom:30px; padding-left:0}
.slick-dots li{display:inline-block; margin-right:10px}.slick-dots li button{display:inline-block; text-indent:-9999px; width:12px; height:12px; border-radius:100%; background-color:#464a4d; border:none; font-size:0}
.slick-dots li button:hover, .slick-dots li.slick-active button{background-color:#c8c8c9}
.slick-next.slick-disabled,.slick-prev.slick-disabled{opacity:.5; filter:alpha(opacity=50); cursor:default}
.servicesMenuLink{display:none}

.mapInput{ border:1px solid #999; border-radius:4px; height:25px; margin-top:2px; padding-left:4px; padding-right:4px}
.mapInput:focus{ box-shadow:0 0 5px #66ff66}
.getDirectionbtn{ border:none; background-color:#666; color:#fff; border-radius:4px; cursor:pointer; font-size:12px; height:25px; margin-left:5px; line-height:24px; padding:0 5px 3px;margin-top:2px}
.getDirectionbtn:hover{background-color:#333;}
/*Slick Slider Styles End*/
.servicesPageHeading{display:none}

/* ServicewsMen End*/
@media screen and (max-width:1220px){
.womneServices  .pagetitle{width:70%}
}

@media screen and (max-width:1024px){
.homePage .contentSection{width:626px}
}
@media screen and (max-width:890px){
	.mainMenu nav > ul > li{margin-right:40px}
		.locationsPage{border-width:5px; padding:7px 10px}
	.locationsPage .locationInfo{padding:0}
	.locationsPage .locationInfo .title address{line-height:23px; font-size:16px; padding:5px 15px 8px 5px}
	.info .culmn01, .info .culmn02{width:100%; margin:10px 0 0; min-height:20px}
	.locationsPage .locationInfo .info p{font-size:14px}
	.womneServices  .pagetitle{width:60%}
	.homePage .contentSection{padding-left:10px}
	.homePage .headerblock{padding-left:10px}
	
}




@media screen and (min-width:769px){
	.mainMenu nav > ul > li:hover ul{display:block}
}
@media screen and (max-width:768px){
	.mobileNav{display:block; float:right; border:#fff solid 2px; width:50px; height:auto; padding:5px 5px 0 5px; border-radius:7px; margin-top:23px; margin-right:15px; cursor:pointer}
	.mobileNav > span{display:block; background-color:#fff; height:3px; margin-bottom:5px}
	.mainMenu nav{display:none; position:absolute; right:15px; bottom:77px; width:200px; background-color:rgba(0,0,0,.6); padding:10px}
	.mainMenu nav > ul > li{padding-top:15px; margin-right:0; width:100%}
	.mainMenu nav > ul > li:first-child{padding-top:0}
	.mainMenu{ height:66px}
	.mainWraper{padding-bottom:10px}
	.headerblock{padding-left:10px; padding-right:10px; padding-bottom:10px; height:90px}
	.headerblock > a>img{width:185px}
	.pagetitle{padding-top:10px; padding-right:10px}
	.contentSection{padding:0 15px}
	.aboutContent,.serviceContent{margin-top:15px}
	.mainMenu .socialMedia{padding-left:15px}
	.mainMenu .socialMedia{padding-top:18px}
	.mobileNav{margin-top:16px}
	.mainMenu nav > ul > li ul{display:none; position:relative; left:auto; width:100%; margin-top:10px; margin-bottom:-10px}
	
	
	



	.carrerInfo{padding-top:0}
	.careesForm .rowfield > label{width:100%; padding-top:0; font-size:14px}
	.careesForm .rowfield .inputDIv{width:100%; padding-left:0}
	.menSevrvices .pagetitle{width:55%}
	.menServicesLinks{padding:0 18px}
	.menServicesLinks .serviceLink{text-align:center}
	.serviceContent > h2.mainTitle{font-size:20px}
	.serviceContent > h2.ourServicesTitle{font-size:18px}
	.homePage .contentSection{max-width:80%; width:429px}
	.locations{margin-top:20px}
	
	.smallHeight .contentSection .mainquote,.contentSection .mainquote{font-size:30px; line-height:38px; margin-bottom:0; border-bottom:none}
	.contentSection .subquote{font-size:18px; line-height:22px; display:none} 
	.locationsPage .locationInfo .title address{font-size:13px; line-height:19px}
	.locationsPage .locationInfo .title{padding-left:17px}
	.locationsPage .locationInfo .title::before,.locationsPage .locationInfo .title.collapse::before{margin-top:-5px; border-width:5px; left:6px}
	.locationsPage .locationInfo{margin-bottom:11px}
	.locationsPage .locationInfo .info h2,.locationsPage .locationInfo .info p{font-size:12px}
	.locationsPage .locationInfo .info h2{margin-bottom:5px; padding-bottom:6px}
	.locationsPage .locationInfo .info p{line-height:18px; padding-bottom:7px}
	.locationsPage .locationInfo .info p.phone::before{background-position:-147px -83px; margin-right:6px}
	
	.locations address{ background-image:none; background-color:#77ea58; height:auto; width:100%; margin-bottom:10px; padding:5px}
	.locations address {display:block; line-height:20px}.locations address  br{display:none}
	.locations address span{display:block; background-color:#fff; padding:2px 5px 4px 5px; margin-top: 5px}
	.locations h2{font-size:22px;}

homePage .contentSection{margin-bottom:80px}	
#supersized{  height:400px !important;}
#supersized li{height:400px !important;}
#supersized img{left:auto !important;right:0 !important; height:auto !important; top:-0px !important; width:100% !important}
.homePageSection .mainWraper{overflow:visible; height:auto}
.homePageSection .contentSection{width:100%; max-width:100%}
#supersized li,#supersized{position:absolute}
.homePage .contentSection{margin-bottom:64px}
#controls-wrapper{position:absolute; bottom:auto; top:321px}
.locations h2{display:none}
.contentSection .mainquote{margin-top:207px}
.backgrounImg{ background-position: -100px center}
.backgrounImg.lips,.backgrounImg.chin,.backgrounImg.foreHead,.backgrounImg.sides,.sidesburns,.cheeks,.neck,.fullface,.eyeBrowMen,.earMen,.noseMen{ background-position:right center}
.serviceContent .contentInn,.aboutContent{min-height:120px}
.contentSection{margin-bottom:78px}
	
	
	
	
	
}

@media only screen and (min-width: 769px) and (max-width: 800px) and (orientation : portrait) {
	.mobileNav{display:block; float:right; border:#fff solid 2px; width:50px; height:auto; padding:5px 5px 0 5px; border-radius:7px; margin-top:23px; margin-right:15px; cursor:pointer}
	.mobileNav > span{display:block; background-color:#fff; height:3px; margin-bottom:5px}
	.mainMenu nav{display:none; position:absolute; right:15px; bottom:77px; width:200px; background-color:rgba(0,0,0,.6); padding:10px}
	.mainMenu nav > ul > li{padding-top:15px; margin-right:0; width:100%}
	.mainMenu nav > ul > li:first-child{padding-top:0}
	.mainMenu{ height:66px}
	.mainWraper{padding-bottom:10px}
	.headerblock{padding-left:10px; padding-right:10px; padding-bottom:10px; height:90px}
	.headerblock > a>img{width:185px}
	.pagetitle{padding-top:10px; padding-right:10px}
	.contentSection{padding:0 15px}
	.aboutContent,.serviceContent{margin-top:15px}
	.mainMenu .socialMedia{padding-left:15px}
	.mainMenu .socialMedia{padding-top:18px}
	.mobileNav{margin-top:16px}
	.mainMenu nav > ul > li ul{display:none; position:relative; left:auto; width:100%; margin-top:10px; margin-bottom:-10px}
	
	
	



	.carrerInfo{padding-top:0}
	.careesForm .rowfield > label{width:100%; padding-top:0; font-size:14px}
	.careesForm .rowfield .inputDIv{width:100%; padding-left:0}
	.menSevrvices .pagetitle{width:55%}
	.menServicesLinks{padding:0 18px}
	.menServicesLinks .serviceLink{text-align:center}
	.serviceContent > h2.mainTitle{font-size:20px}
	.serviceContent > h2.ourServicesTitle{font-size:18px}
	.homePage .contentSection{max-width:80%; width:429px}
	.locations{margin-top:20px}
	
	.smallHeight .contentSection .mainquote,.contentSection .mainquote{font-size:30px; line-height:38px; margin-bottom:0; border-bottom:none}
	.contentSection .subquote{font-size:18px; line-height:22px; display:none} 
	.locationsPage .locationInfo .title address{font-size:13px; line-height:19px}
	.locationsPage .locationInfo .title{padding-left:17px}
	.locationsPage .locationInfo .title::before,.locationsPage .locationInfo .title.collapse::before{margin-top:-5px; border-width:5px; left:6px}
	.locationsPage .locationInfo{margin-bottom:11px}
	.locationsPage .locationInfo .info h2,.locationsPage .locationInfo .info p{font-size:12px}
	.locationsPage .locationInfo .info h2{margin-bottom:5px; padding-bottom:6px}
	.locationsPage .locationInfo .info p{line-height:18px; padding-bottom:7px}
	.locationsPage .locationInfo .info p.phone::before{background-position:-147px -83px; margin-right:6px}
	
	.locations address{ background-image:none; background-color:#77ea58; height:auto; width:100%; margin-bottom:10px; padding:5px}
	.locations address a{display:block; line-height:20px}.locations address a br{display:none}
	.locations address a span{display:block; background-color:#fff; padding:2px 5px 4px 5px; margin-top: 5px}
	.locations h2{font-size:22px;}

homePage .contentSection{margin-bottom:80px}	
#supersized{  height:400px !important;}
#supersized li{height:400px !important;}
#supersized img{left:auto !important;right:0 !important; height:auto !important; top:-0px !important; width:100% !important}
.homePageSection .mainWraper{overflow:visible; height:auto}
.homePageSection .contentSection{width:100%; max-width:100%}
#supersized li,#supersized{position:absolute}
.homePage .contentSection{margin-bottom:64px}
#controls-wrapper{position:absolute; bottom:auto; top:321px}
.locations h2{display:none}
.contentSection .mainquote{margin-top:207px !important}
.contentSection{margin-top:0 !important}
.backgrounImg{ background-position: -100px center}
.backgrounImg.lips,.backgrounImg.chin,.backgrounImg.foreHead,.backgrounImg.sides,.sidesburns,.cheeks,.neck,.fullface,.eyeBrowMen,.earMen,.noseMen{ background-position:right center}
.serviceContent .contentInn,.aboutContent{min-height:120px}
.contentSection{margin-bottom:78px}
}


@media screen and (max-width:680px){

#supersized{  height:200px !important;}
#supersized li{height:200px !important;}
#supersized img{left:auto !important;right:0 !important; height:auto !important; top:-71px !important; width:100% !important}
.contentSection .mainquote{margin-top:10px}
#controls-wrapper{top:132px}
.backgrounImg{ background-position: right center}
.servicesMenu{ position:absolute; right:15px; z-index:999; width:150px; text-align:left; padding:10px 10px 10px 10px; background-color:rgba(0,0,0,.5); margin-top:10px; display:block; }
.servicesMenu .serviceLink{ width:100%; text-align:left}
.servicesMenu .serviceLink a{ color:#fff; display:block; padding:5px 0}
.servicesMenu .serviceLink a.active{color:#ffc9b2}
.servicesMenuLink{ display:block; cursor:pointer; font-size:14px; font-weight:700; color:#e85d22; position:relative; padding-right:15px}
.servicesMenuLink:after{ position:absolute;  right:0; border:4px  solid transparent; border-top-color:#e85d22; content:''; font-size:0; width:0; height:0; top:9px}

.servicesMenu{position:fixed; padding:0; left:0; top:91px; height:100%; overflow:auto; width:100%; margin-top:0; background:rgba(0, 0, 0, 0.2)}.servicesMenuLink{display:none}
.serviceContent{display:none}
.servicesMenu > div{border-bottom:rgba(236,236,236,.5) solid 1px; float:left; width:100%;}
.servicesMenu > div a,.servicesMenu .serviceLink a{ float:left; width:100%; padding:10px 20px; font-size:17px; line-height:20px}
.servicesMenu .serviceLink a.active{background:rgba(0, 0, 0, 0.2)}
.mainMenu{z-index:999}
.pagetitle h1.servicesPageHeading{display:block; white-space:nowrap; /*font-size:19px; */text-transform:uppercase}

}

@media screen and (max-width:600px){
.careersSection h2{text-align:center}
.careersSection h2 a.cmnBtn.resetBtn{float:none; display:inline-block; margin-top:0; position:relative; top:5px}

}
	
@media screen and (max-width:520px){
.headerblock > a > img{width:130px}
.pagetitle h1{font-size:23px}
.pagetitle .infotitle{font-size:13px}
.pagetitle{width:250px;padding-top:0; line-height:18px; padding-bottom:5px}
/*.backgrounImg{background-position: center center}*/

.homePageSection{background-color:#f7f7f7}
#controls-wrapper{ bottom:auto; top:137px; right:12px}
.contentSection .mainquote{margin-top:20px}

.locations{margin-top:0}



.backgrounImg.eyeBrow{background-position:center center}

.backgrounImg.chin{background-position:center center}

.backgrounImg.cheeks{background-position:center center}

.backgrounImg.eyeTinting{ background-position:left center;background-image:url("../images/eyebrow-tintingM.jpg")}
.backgrounImg.chin{background-position:center center;background-image:url("../images/chinM.jpg")}
.backgrounImg.foreHead{background-position:center center;background-image:url("../images/foreheadM.jpg")}
.backgrounImg.cheeks{background-position:center center; background-image:url("../images/cheekM.jpg")}
.backgrounImg.neck{background-position:center center; background-image:url("../images/neckM.jpg")}
.backgrounImg.fullface{background-position:center center; background-image:url("../images/fullfaceM.jpg")}
.backgrounImg.eyeBrowMen{background-position:center center;}
backgrounImg earMen{background-position:left center;background-image:url("../images/ears-menM.jpg")}






}

@media screen and (max-width:420px){
#supersized img{top:-14px !important}	
.womneServices  .pagetitle{width:56%}
.pagetitle{width:170px;}
.contentSection{max-width:100%}
.serviceContent > h2{font-size:18px}
.serviceContent p{ font-size:14px}
.serviceContent > h2.ourServicesTitle{font-size:16px; padding:8px; }
.contentSection .mainquote{margin-top: 49px;font-size: 19px;line-height: 25px;}

}