.big-txt:before {font-size: 400px; transition: all 0.3s;}

#inner .product {height: auto; margin-top: calc(70px + 4vw); padding: 3% 0 0; position: relative;}

#inner .shop {margin-top: 0; padding: 3% 0 0;}
#inner .elcaps {margin-top: 0; padding: 3% 0 0;}
#inner .age-cream {margin-top: 0; padding: 3% 0 0;}
#inner .age-toner {margin-top: 0; padding: 3% 0 0;}
#inner .skrab {margin-top: 0; padding: 3% 0 0;}
#inner .active {margin-top: 0; padding: 3% 0 0;}
#inner .stem {margin-top: 0; padding: 3% 0 0;}
#inner .bioven {margin-top: 0; padding: 3% 0 0;}
#inner .renewal {margin-top: 0; padding: 3% 0 0;}
#inner .ageless-hands {margin-top: 0; padding: 3% 0 0;}
#inner .yuna {margin-top: 0; padding: 3% 0 0;}
#inner .black-mask {margin-top: 0; padding: 3% 0 0;}

#inner .lifting {margin-top: 0; padding: 3% 0 0;}
#inner .vitamin {margin-top: 0; padding: 3% 0 0;}
#inner .aquabalance {margin-top: 0; padding: 3% 0 0;}
#inner .maxilift {margin-top: 0; padding: 3% 0 0;}
#inner .masks {margin-top: 0; padding: 3% 0 0;}

#inner ul {margin: 3% 0;}
#inner {padding-left: 12%; transition: padding 0.3s;}
#inner.full-width {padding-left: 0;}

#inner ul li.prod {width: 46%; position: relative;}
#inner ul li.prod p:last-child:before {position: absolute; content:''; margin-top: -12px; width: 160px; height: 2px; background: #000;}
#inner ul li.prod .vol {display: inline; background: rgba(255,255,255, 0.8); border-radius:4px; padding: 3% 2% 2%; margin: 3% 0 0 -2%; text-shadow: 2px 2px 1px #fff;}
#inner ul li.desc {width: 50%; position: relative; background: rgba(255,255,255,0.6);}
#inner ul li.desc p:nth-child(2) {color: #39393a;}

#inner.full-width ul li.prod {width: 30%;}
#inner.full-width ul li.desc {width: 64%;}
#inner.full-width .masks li.prod {width: 40%; }
#inner.full-width .masks li.desc {width: 60%; background: none;}
#inner.full-width .skrab li.prod {width: 40%; }
#inner.full-width .skrab li.desc {width: 60%; background: none;}

#inner .box ul li {width: 100%; margin-bottom: 5%;}
#inner .info {border: 2px solid #bea67c; padding: 20px; margin-top: 0%; background: rgba(255,255,255,0.8);}
#inner .info .line-text {display: inline; background: #fff; padding: 0 3%; margin-left: -3%;}
#inner .info p:first-child {margin-top: -40px; padding-left: 3%;}
#inner .info p:last-child {margin-top: 26px; padding-left :3%;}

#inner .prod .box {height: auto; padding-top: 3%; padding-bottom: 60%;}

#inner .age-cream {background: url(../images/cat-age-cream.jpg) no-repeat 16% 30px; background-size: 26%;}
#inner .age-toner {background: url(../images/prod-age-toner.jpg) no-repeat 0 60px; background-size: 46%;}
#inner .ageless-hands {background: url(../images/prod-ageless-hands.jpg) no-repeat 0 40px; background-size: 42%;}
#inner .aquabalance {background: url(../images/prod-aquabalance.jpg) no-repeat 0 20px; background-size: 42%;}
#inner .bioven {background: url(../images/cat-bioven.jpg) no-repeat 7% 40px; background-size: 30%;}
#inner .lifting {background: url(../images/prod-lifting-serum.jpg) no-repeat 0 40px; background-size: 40%;}
#inner .vitamin {background: url(../images/cat-vitamin.jpg) no-repeat 0 40px; background-size: 38%;}
#inner .stem {background: url(../images/prod-stem.jpg) no-repeat 22% 100%; background-size: 42%;}
#inner .elcaps {background: url(../images/elle-caps-2.jpg) no-repeat 12% 60%; background-size: 50%;}
#inner .yuna {background: url(../images/yuna.jpg) no-repeat 0% 130px; background-size: 35%;}
#inner .black-mask {background: url(../images/black-mask.jpg) no-repeat 0 250px; background-size: 55%;}

#inner .yuna .prod ul {text-align: right;}
#inner .yuna .desc span.list {color: #c2ac85; font-weight: bold;}
#inner .shag {padding: 2% 0;}
#inner .shag li {width: 48%; border: 2px solid #bea67c; padding: 20px; margin-top: 0%; background: rgba(255,255,255,0.8);}
#inner .shag li .line-text {display: inline; background: #fff; padding: 0 3%; margin-left: -3%;}
#inner .shag li p:first-child {margin-top: -40px; }
#inner .shag li p {padding: 0 0 1% 3%; line-height: 120%;}

#inner .maxilift {background: url(../images/cat-maxilift.jpg) no-repeat 0 40px; background-size: 36%;}
#inner .masks {background: url(../images/mask.jpg) no-repeat 15% 20%; background-size: 25%;}
#inner .skrab {background: url(../images/Skrab.jpg) no-repeat 15% 15%; background-size: 25%;}
#inner .renewal {background: url(../images/eye_renewal.jpg) no-repeat 15% 80%; background-size: 42%;}

#inner .box {width:48%; float: right;}
#inner .stem .box {float: left; width: 52%; margin-left: 12%;}
#inner .elcaps .box {float: left; width: 40%; margin-left: 12%;}
#inner .renewal .box {float: left; width: 45%; margin-left: 12%;}

#inner .form-block p:first-child {margin: 3% 0;}
#inner .form-block p:last-child {margin-top: 8%;}

#inner .form-box {margin-top: 6%;}
#inner .form-block {margin: 0;}
#inner .form-block li:first-child {width: 54%; padding-left: 3%;}
#inner .form-block li:last-child {width: 42%;}

#inner .components {margin-top: 1%;}
#inner .components img {width: 100%;}
#inner .components ul li {margin: 0 0 3vw;}
#inner .components ul li:nth-child(2n+1) {width: 26%;}
#inner .components ul li:nth-child(2n+1) img {border-radius: 50%; padding: 5%; border: 2px solid #e1e1e1; box-shadow: none;}


#inner .masks .inf {padding: 1% 0;}
#inner .masks .desc .list {margin: 0;}
#inner .masks .desc .list li {padding: 4px 0 4px 80px; margin-bottom: 10px;}
#inner .masks .desc .list li:nth-child(1) {background: url(../images/pr1.png) no-repeat 0 50%; background-size: 60px;}
#inner .masks .desc .list li:nth-child(2) {background: url(../images/pr2.png) no-repeat 0 50%; background-size: 60px;}
#inner .masks .desc .list li:nth-child(3) {background: url(../images/pr3.png) no-repeat 0 50%; background-size: 60px;}
#inner .masks .desc .list li:nth-child(4) {background: url(../images/pr4.png) no-repeat 0 50%; background-size: 60px;}
#inner .masks .desc .list li:nth-child(5) {background: url(../images/pr5.png) no-repeat 0 50%; background-size: 60px;}
#inner .masks .desc .list li:nth-child(6) {background: url(../images/pr6.png) no-repeat 0 50%; background-size: 60px;}
#inner .masks .desc .list li:nth-child(7) {background: url(../images/pr7.png) no-repeat 0 50%; background-size: 60px;}

#inner .maska .title {padding-left: 12%;}
#inner .maska ul li {width: 100%; padding: 0 0 0 40%;}
#inner .maska .top-text p:first-child:after {position: absolute;content: '';width: 5%;height: 3px;background: #c2ac85;left: 0;bottom: 0;}
#inner .maska ul li p {margin-bottom: 2%;position: relative;}
#inner .maska ul li .top-text {padding: 3% 25% 0 0;}
#inner .maska ul li .desc {padding-left:8%;}
#inner .maska ul li:nth-child(1) {background: url(../images/maska-delikates.jpg) no-repeat 16% 0; background-size: 28%; padding-bottom: 6%;}
#inner .maska ul li:nth-child(2) {background: url(../images/maska-glamur-kontur.jpg) no-repeat 17% 50px; background-size: 32%; padding-bottom: 7%;}
#inner .maska ul li:nth-child(3) {background: url(../images/maska-iskri-molodosti.jpg) no-repeat 16% 30px; background-size: 30%; padding-bottom: 8%;}
#inner .maska ul li:nth-child(4) {background: url(../images/maska-frants-paradox.jpg) no-repeat 17% 60px; background-size: 33%; padding-bottom: 15%;}
#inner .maska ul li:nth-child(5) {background: url(../images/maska-delikat-uhod.jpg) no-repeat 11% 50px; background-size: 37%; padding-bottom: 8%;}
#inner .maska ul li:nth-child(6) {background: url(../images/maska-vodnaya-fieriya.jpg) no-repeat 13% 70px; background-size: 35%; padding-bottom: 8%;}
#inner .maska ul li:nth-child(1) .top-text {background: url(../images/delikates.jpg) no-repeat 100% 50%; background-size: 18%;}
#inner .maska ul li:nth-child(2) .top-text {background: url(../images/glamur.jpg) no-repeat 100% 50%; background-size: 18%;}
#inner .maska ul li:nth-child(3) .top-text {background: url(../images/iskri-molodosti.jpg) no-repeat 100% 50%; background-size: 18%;}
#inner .maska ul li:nth-child(4) .top-text {background: url(../images/frantsuz-paradox.jpg) no-repeat 100% 50%; background-size: 18%;}
#inner .maska ul li:nth-child(5) .top-text {background: url(../images/delikat-uhod.jpg) no-repeat 100% 50%; background-size: 18%;}
#inner .maska ul li:nth-child(6) .top-text {background: url(../images/vod-fieriya.jpg) no-repeat 100% 50%; background-size: 18%;}



#inner .skrab .inf {padding: 1% 0;}
#inner .skrab .desc .list {margin: 0;}
#inner .skrab .desc .list li {padding: 4px 0 4px 80px; margin-bottom: 10px;}
#inner .skrab .desc .list li:nth-child(1) {background: url(../images/pr7.png) no-repeat 0 50%; background-size: 65px;}
#inner .skrab .desc .list li:nth-child(2) {background: url(../images/pr8.png) no-repeat 0 50%; background-size: 65px;}
#inner .skrab .desc .list li:nth-child(3) {background: url(../images/pr9.png) no-repeat 0 50%; background-size: 65px;}
#inner .skrab .desc .list li:nth-child(4) {background: url(../images/pr10.png) no-repeat 0 50%; background-size: 65px;}
#inner .skrab .desc .list li:nth-child(5) {background: url(../images/pr11.png) no-repeat 0 50%; background-size: 65px;}

#inner .skrabs .title {padding-left: 12%;}
#inner .skrabs ul li {width: 100%; padding: 0 0 0 40%;}
#inner .skrabs .top-text p:first-child:after {position: absolute;content: '';width: 5%;height: 3px;background: #c2ac85;left: 0;bottom: -6%;}
#inner .skrabs ul li p {margin-bottom: 2%;position: relative;}
#inner .skrabs ul li .top-text {padding: 8% 25% 2% 0;}
#inner .skrabs ul li .desc {padding-left:15%;}
#inner .skrabs ul li:nth-child(1) {background: url(../images/Skrab-Rozovaya_vual.jpg) no-repeat 10% 30px; background-size: 40%; padding-bottom: 8%;}
#inner .skrabs ul li:nth-child(2) {background: url(../images/Skrab-kokos.jpg) no-repeat 10% 70px; background-size: 40%; padding-bottom: 6%;}
#inner .skrabs ul li:nth-child(3) {background: url(../images/Skrab-mango.jpg) no-repeat 10% 30px; background-size: 40%; padding-bottom: 10%;}
#inner .skrabs ul li:nth-child(4) {background: url(../images/Skrab-Sekret-thaiti.jpg) no-repeat 10% 60px; background-size: 42%; padding-bottom: 8%;}
#inner .skrabs ul li:nth-child(5) {background: url(../images/Skrab-Tsitrus-svez.jpg) no-repeat 9% 90px; background-size: 42%; padding-bottom: 14%;}

#inner .skrabs ul li:nth-child(1) .top-text {background: url(../images/roze.jpg) no-repeat 100% 50%; background-size: 18%;}
#inner .skrabs ul li:nth-child(2) .top-text {background: url(../images/kokos.jpg) no-repeat 100% 50%; background-size: 18%;}
#inner .skrabs ul li:nth-child(3) .top-text {background: url(../images/mango.jpg) no-repeat 100% 50%; background-size: 18%;}
#inner .skrabs ul li:nth-child(4) .top-text {background: url(../images/thaiti.jpg) no-repeat 100% 50%; background-size: 18%;}
#inner .skrabs ul li:nth-child(5) .top-text {background: url(../images/tsitrus.jpg) no-repeat 100% 50%; background-size: 18%;}

#inner .components ul li:nth-child(2n) {width: 50%; margin-left: 5%;}
#inner .components ul li:nth-child(2n) p:first-child:after {position: absolute; content: '';  width: 5%; height: 3px; background: #c2ac85; left: 0; bottom: 0;}
#inner .components ul li:nth-child(2n) p {margin-bottom: 2%; position: relative;}

#inner .use .zvezda {font-size: 60%; vertical-align: top; line-height: 180%;}
#inner .use ul li {width: 45%;}
#inner .use .info {margin-top: 18px;}
#inner .use .info p:last-child {padding-left: 3%; margin-top: 0;}

#inner .consultation {color: #39393a; background: #f9f9d6; border: 3px solid #bea67c; padding: 2% 2% 4%; width: 60%; margin: 5% auto;}
#inner .snoska {margin: 0 0 0.5%; font-size: 12px;}

#inner .shop {padding: 0;}

#inner .shop .title {position: relative;}
#inner .shop .title:after {content: ''; position: absolute; width: 4px ; height: 100%; background: #bea67c; right:0; top: 0;}
#inner .shop .img {width: 100%; flex-grow:1; background: #000; position: relative; overflow: hidden;}
#inner .shop .img .num {position: absolute; text-shadow: 1px 1px 0 rgba(255,255,255,0.3);}
#inner .shop .img img {width: 100%; height: 100%;}

#inner .shop .p1, #inner .shop .p3 {width: 26%;}
#inner .shop .p2, #inner .shop .p4,#inner .shop .p5 {width: 40%; height: auto;}

#inner .shop .c1, #inner .shop .c2 {width: 26%;}
#inner .shop .c3 {width: 40%; height: auto;}

#inner .shop .a1 {width: 26%;}
#inner .shop .a2 {width: 40%; height: auto;}

#inner .shop .p1 .img {background: url(../images/shop-prod1.jpg) 50% 50%; background-size: cover;}
#inner .shop .p2 .img {background: url(../images/shop-prod2.jpg) 50% 50%; background-size: cover;}
#inner .shop .p3 .img {background: url(../images/shop-prod3.jpg) 50% 50%; background-size: cover;}
#inner .shop .p4 .img {background: url(../images/shop-prod4.jpg) 50% 50%; background-size: cover;}
#inner .shop .p5 .img {background: url(../images/shop-prod5.jpg) 50% 50%; background-size: cover;}

#inner .shop .c1 .img {background: url(../images/shop-clean1.jpg) 50% 50%; background-size: cover;}
#inner .shop .c2 .img {background: url(../images/shop-clean2.jpg) 50% 50%; background-size: cover;}
#inner .shop .c3 .img {background: url(../images/shop-clean3.jpg) 50% 50%; background-size: cover;}

#inner .shop .a1 .img {background: url(../images/shop-clean1.jpg) 50% 50%; background-size: cover;}
#inner .shop .a2 .img {background: url(../images/sivorotki.jpg) 50% 50%; background-size: cover;}

#inner .shop .img a {display: block; position: absolute; z-index: 99; top: 0; bottom: 0; left: 0; right: 0; transition: 0.2s; background: rgba(255,255,255,0) url(../images/eye_open.png) no-repeat 50% 50%; background-size: 0%;}
#inner .shop .img a:hover {background: rgba(255,255,255,0.4) url(../images/eye_open.png) no-repeat 50% 50%; background-size: 20%;}

#inner .shop ul li:nth-child(2) {margin-right: 4%; margin-left: 4%;}
#inner .shop ul li:nth-child(4) {margin: 0 2.5% 3%;}
#inner .shop ul li:nth-child(5) {margin: 0 2.5% 3%;}
#inner .shop ul li {margin-bottom: 3vw;}

#inner .shop ul li:nth-child(2) {margin-right: 4%; margin-left: 4%;}

#inner .shop .p1 .num { bottom:3%; left: 3%;}
#inner .shop .p2 .num { top:3%; left: 3%;}
#inner .shop .p3 .num { bottom:3%; right: 3%;}
#inner .shop .p4 .num { top:3%; left: 3%;}
#inner .shop .p5 .num { bottom:3%; right: 3%;}

#inner .shop .name {padding: 1% 0; text-align: right; position: relative; }
#inner .shop .name a {position: absolute; bottom: 20%; left: 0;}
#inner .shop .name p {display: block; position: relative;}
#inner .shop .name p:before {content: ''; position: absolute; width: 20%; height: 2px; background: #bea67c; margin: 5% 0 0 -25%;}
#inner .shop .p2 .name p:before {content: ''; position: absolute; width: 14%; height: 2px; background: #bea67c; margin: 3% 0 0 -17%;}
#inner .shop .p4 .name p:before {content: ''; position: absolute; width: 14%; height: 2px; background: #bea67c; margin: 3% 0 0 -17%;}
#inner .shop .p5 .name p:before {content: ''; position: absolute; width: 14%; height: 2px; background: #bea67c; margin: 3% 0 0 -17%;}
#inner .shop .c3 .name p:before {content: ''; position: absolute; width: 14%; height: 2px; background: #bea67c; margin: 3% 0 0 -17%;}

#inner .shop .shop-text {padding-bottom: 8%;}
#inner .shop .shop-text p {padding: 0.5% 0;}
#inner .shop .shop-text p:first-child:before {content: '';    position: absolute;    width: 10%;    height: 2px;    margin: 1% 0 0 -12%; background: #000;}
#inner .shop .shop-text p:nth-child(2):before {content: '';    position: absolute;    width: 5%;    height: 4px;    margin: 1% 0 0 -7%; background: #bea67c;}

#inner input {width: 100%; border: 2px solid #bea67c; padding: 2% 0; text-indent: 5%; outline: none; margin: 3% 0;}
#inner button {width: 100%; border: 2px solid #bea67c; background: #bea67c; padding: 3% 0; cursor: pointer; outline: none; color: white; margin: 3% 0; transition: all 0.2s;}
#inner button:hover {background:#fff; color: #bea67c;}

#inner ::-webkit-input-placeholder {font-size: 100%; line-height: 40px;letter-spacing: 0px;text-transform: none; color:#39393a;}
#inner ::-moz-placeholder          {font-size: 100%; line-height: 40px;letter-spacing: 0px;text-transform: none; color:#39393a;}/* Firefox 19+ */
#inner :-moz-placeholder           {font-size: 100%; line-height: 40px;letter-spacing: 0px;text-transform: none; color:#39393a;}/* Firefox 18- */
#inner :-ms-input-placeholder      {font-size: 100%; line-height: 40px;letter-spacing: 0px;text-transform: none; color:#39393a;}


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


}

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


}
@media only screen and (max-width: 1440px) {
	body {font-size: 12px;}
	#inner .shop #readmore:before {height: 2px;}
	#inner .black-mask {background: url(../images/black-mask.jpg) no-repeat 0 220px; background-size: 55%;}

}
@media only screen and (max-width: 1280px) {
	}

@media only screen and (max-width: 1140px) {
	
	//#inner .age-cream {background: url(../images/cat-age-cream.jpg) no-repeat 0% 0%; background-size: 65%;}
	//#inner .age-cream .box {width:60%; float: right;}
	#inner.full-width ul li.prod {width: 100%;}
	#inner.full-width ul li.desc {width: 100%;}	
	#inner .prod .box {padding: 12% 0 20%; margin-right: 10%;}
	#inner .age-cream {background-size: 30%;}
	#inner .ageless-hands {background-size: 50%;}	
	#inner .aquabalance {background-size: 50%;}
	#inner .age-toner {background-size: 55%; background-position: 0 5%;}
	#inner .stem {background: url(../images/prod-stem.jpg) no-repeat 100% 5%; background-size: 55%;}
	#inner .stem .box {padding: 4% 0 25%; margin-left: 0; width: 40%;}
	#inner .elcaps {background: url(../images/elle-caps-2.jpg) no-repeat 96% 3%; background-size: 58%;}
	#inner .elcaps .box {padding: 4% 0 30%; margin-left: 0; width: 48%;}
	#inner .renewal {background: url(../images/eye_renewal.jpg) no-repeat 100% 5%; background-size: 55%;}
	#inner .renewal .box {padding: 4% 0 25%; margin-left: 0; width: 40%;}
	#inner .consultation {width: 100%; margin: 3% 0;}
	#inner .shop .px40 {font-size: 220%;}
	#inner .yuna {background: url(../images/yuna.jpg) no-repeat -5% 30px; background-size: 48%;}
	#inner .black-mask {background: url(../images/black-mask.jpg) no-repeat 0 30px; background-size: 65%;}
	#inner .black-mask .prod .box {padding-top: 5%; margin-right: 3%; width: 40%;}
	#inner .black-mask .prod .vol {margin-left: 0;text-align: right;}
	
	//#inner .shop .name p:before {display: none;}
	#inner .shop ul li:nth-child(1) {margin-right: 2.5%;}
	#inner .shop ul li:nth-child(2) {margin-right: 0; margin-left: 2.5%;}
	#inner .shop ul li:nth-child(3) {margin-left: 0%; margin-right: 2.5%;}
	#inner .shop ul li:nth-child(4) {margin: 0 0 3% 2.5%;}
	#inner .shop ul li:nth-child(5) {margin: 0 2.5% 3% 2.5%;}
	#inner .shop .p1, #inner .shop .p3 {width: 37.5%;}
	#inner .shop .p2, #inner .shop .p4,#inner .shop .p5 {width: 57.5%;}

	#inner .shop .c1, #inner .shop .c2 {width: 47%;}
	#inner .shop .c3 {width: 80%;}


  }

@media only screen and (max-width: 960px) {
	#inner .masks {background: url(../images/mask.jpg) no-repeat 3% 0%; background-size: 26%;}	
	#inner .masks .about {padding:3% 0 12% 35%;}
	#inner .maska ul li .desc {padding-left:0%;}
	#inner .maska ul li {width: 100%; padding: 0 0 0 35%;}
	#inner .maska ul li:nth-child(1) {background: url(../images/maska-delikates.jpg) no-repeat 0 20px; background-size: 28%;}
	#inner .maska ul li:nth-child(2) {background: url(../images/maska-glamur-kontur.jpg) no-repeat 0 20px; background-size: 30%;}
	#inner .maska ul li:nth-child(3) {background: url(../images/maska-iskri-molodosti.jpg) no-repeat 0 20px; background-size: 29%;}
	#inner .maska ul li:nth-child(4) {background: url(../images/maska-frants-paradox.jpg) no-repeat 0 20px; background-size: 30%;}
	#inner .maska ul li:nth-child(5) {background: url(../images/maska-delikat-uhod.jpg) no-repeat 0 30px; background-size: 33%;}
	#inner .maska ul li:nth-child(6) {background: url(../images/maska-vodnaya-fieriya.jpg) no-repeat 0 30px; background-size: 33%;}
	#inner .maska ul li:nth-child(1) .top-text {background-size: 25%; background-position: 100% 15px;}
	#inner .maska ul li:nth-child(2) .top-text {background-size: 25%; background-position: 100% 15px;}
	#inner .maska ul li:nth-child(3) .top-text {background-size: 25%; background-position: 100% 15px;}
	#inner .maska ul li:nth-child(4) .top-text {background-size: 25%; background-position: 100% 15px;}
	#inner .maska ul li:nth-child(5) .top-text {background-size: 25%; background-position: 100% 15px;}
	#inner .maska ul li:nth-child(6) .top-text {background-size: 25%; background-position: 100% 15px;}

	#inner .skrab {background: url(../images/Skrab.jpg) no-repeat 3% 0%; background-size: 25%;}
	#inner .skrab .about {padding:3% 0 12% 35%;}
	#inner .skrabs ul li .top-text {padding: 3% 25% 3% 0;}
	#inner .skrabs ul li .desc {padding-left:0%;}	
	#inner .skrabs ul li {width: 100%; padding: 0 0 0 35%;}
	#inner .skrabs ul li:nth-child(1) {background: url(../images/Skrab-Rozovaya_vual.jpg) no-repeat 0 30px; background-size: 32%; padding-bottom: 8%;}
	#inner .skrabs ul li:nth-child(2) {background: url(../images/Skrab-kokos.jpg) no-repeat 0 30px; background-size: 32%; padding-bottom: 6%;}
	#inner .skrabs ul li:nth-child(3) {background: url(../images/Skrab-mango.jpg) no-repeat 0 30px; background-size: 32%; padding-bottom: 10%;}
	#inner .skrabs ul li:nth-child(4) {background: url(../images/Skrab-Sekret-thaiti.jpg) no-repeat 0 30px; background-size: 34%; padding-bottom: 8%;}
	#inner .skrabs ul li:nth-child(5) {background: url(../images/Skrab-Tsitrus-svez.jpg) no-repeat 0 30px; background-size: 34%; padding-bottom: 14%;}
	#inner .skrabs ul li:nth-child(1) .top-text {background-size: 25%; background-position: 100% 15px;}
	#inner .skrabs ul li:nth-child(2) .top-text {background-size: 25%; background-position: 100% 15px;}
	#inner .skrabs ul li:nth-child(3) .top-text {background-size: 25%; background-position: 100% 15px;}
	#inner .skrabs ul li:nth-child(4) .top-text {background-size: 25%; background-position: 100% 15px;}
	#inner .skrabs ul li:nth-child(5) .top-text {background-size: 25%; background-position: 100% 15px;}
	#inner .skrabs ul li:nth-child(6) .top-text {background-size: 25%; background-position: 100% 15px;}
}
@media only screen and (max-width: 960px) {
	#inner {padding-left: 0;}	
	#inner.full-width .masks li.prod {width: 100%;}
	#inner.full-width .masks li.desc {width: 100%;}
	#inner.full-width .skrab li.prod {width: 100%;}
	#inner.full-width .skrab li.desc {width: 100%;}	
	#inner .maska .title {padding-left: 0%;}
	#inner .skrabs .title {padding-left: 0%;}
	
	#inner .components ul li:nth-child(2n) {width: 69%;}
	
}
@media only screen and (max-width: 720px) {
	body {font-size: 10px;}
	.px16 {font-size:120%;}
	.px18,
	.px22,
	.px26,
	.px28,
	.px32 {font-size: 170%;}
	#inner .shop #readmore:before {height: 1px;}

	#inner .prod .box {padding: 8% 0 16%; margin-right: 5%;}
	#inner .use ul li {width: 100%; margin: 3% 0; }
	
	#inner .components ul li:nth-child(2n) p:first-child:after {width: 10%; height: 2px;}
	#inner .maska ul li {width: 100%; padding: 0 ;}
	#inner .maska ul li .top-text {padding: 380px 0 0;}
	#inner .maska ul li .top-text .px32 {font-size: 250%;}
	#inner .maska ul li .desc {padding-left: 0;}
	#inner .maska ul li:nth-child(1) {background: url(../images/maska-delikates.jpg) no-repeat 45% 0; background-size: 275px; padding-bottom: 6%;}
	#inner .maska ul li:nth-child(2) {background: url(../images/maska-glamur-kontur.jpg) no-repeat 42% 0; background-size: 325px; padding-bottom: 7%;}
	#inner .maska ul li:nth-child(3) {background: url(../images/maska-iskri-molodosti.jpg) no-repeat 45% 0; background-size: 310px; padding-bottom: 8%;}
	#inner .maska ul li:nth-child(4) {background: url(../images/maska-frants-paradox.jpg) no-repeat 45% 0; background-size: 320px; padding-bottom: 10%;}
	#inner .maska ul li:nth-child(5) {background: url(../images/maska-delikat-uhod.jpg) no-repeat 45% 0; background-size: 360px; padding-bottom: 8%;}
	#inner .maska ul li:nth-child(6) {background: url(../images/maska-vodnaya-fieriya.jpg) no-repeat 38% 0; background-size: 370px; padding-bottom: 8%;}
	#inner .maska ul li:nth-child(1) .top-text {background: none;}
	#inner .maska ul li:nth-child(2) .top-text {background: none;}
	#inner .maska ul li:nth-child(3) .top-text {background: none;}
	#inner .maska ul li:nth-child(4) .top-text {background: none;}
	#inner .maska ul li:nth-child(5) .top-text {background: none;}
	#inner .maska ul li:nth-child(6) .top-text {background: none;}

	#inner .skrabs ul li {width: 100%; padding: 0 ;}
	#inner .skrabs ul li .top-text {padding: 380px 0 0;}
	#inner .skrabs ul li .top-text .px32 {font-size: 250%;}
	#inner .skrabs ul li .desc {padding-left: 0;}
	#inner .skrabs ul li:nth-child(1) {background: url(../images/Skrab-Rozovaya_vual.jpg) no-repeat 45% 0; background-size: 375px; padding-bottom: 8%;}
	#inner .skrabs ul li:nth-child(2) {background: url(../images/Skrab-kokos.jpg) no-repeat 45% 0; background-size: 350px; padding-bottom: 6%;}
	#inner .skrabs ul li:nth-child(3) {background: url(../images/Skrab-mango.jpg) no-repeat 45% 0; background-size: 360px; padding-bottom: 6%;}
	#inner .skrabs ul li:nth-child(4) {background: url(../images/Skrab-Sekret-thaiti.jpg) no-repeat 45% 0; background-size: 400px; padding-bottom: 8%;}
	#inner .skrabs ul li:nth-child(5) {background: url(../images/Skrab-Tsitrus-svez.jpg) no-repeat 45% 0; background-size: 400px; padding-bottom: 14%;}
	#inner .skrabs ul li:nth-child(1) .top-text {background: none;}
	#inner .skrabs ul li:nth-child(2) .top-text {background: none;}
	#inner .skrabs ul li:nth-child(3) .top-text {background: none;}
	#inner .skrabs ul li:nth-child(4) .top-text {background: none;}
	#inner .skrabs ul li:nth-child(5) .top-text {background: none;}
	#inner .skrabs ul li:nth-child(6) .top-text {background: none;}
	#inner .form-box {margin: 9% 0 5%;}
	#inner .form-box ul li { width: 100%!important;}
	#inner input {padding: 4% 0; text-indent: 5%; outline: none; margin: 3% 0;}
	#inner button {padding: 5% 0 4.5%;}
}

@media only screen and (max-width: 640px) {	
	#inner .prod .box {padding-bottom: 15%;}
	#inner .stem {background: url(../images/prod-stem.jpg) no-repeat 100% 10%; background-size: 74%;}
	#inner .stem .box {padding: 4% 0 45%; margin-left: 0; width: 65%;}
	#inner .elcaps {background: url(../images/elle-caps-2.jpg) no-repeat 100% 8%; background-size: 76%;}
	#inner .elcaps .box {padding: 4% 0 55%; margin-left: 0; width: 60%;}
	#inner .renewal {background: url(../images/eye_renewal.jpg) no-repeat 60% 18%; background-size: 74%;}
	#inner .renewal .box {padding: 4% 0 45%; margin-left: 0; width: 65%;}
	#inner .maxilift {background-size: 40%; background-position: 0% 4%;}
	#inner .shag li {width: 100%; border: 2px solid #bea67c; padding: 20px; margin: 3% 0; background: rgba(255,255,255,0.8); }
	
	#inner .masks {background: url(../images/mask.jpg) no-repeat 50% 3%; background-size: 45%;}
	#inner .masks .about {padding: 90% 0 0 0;}
	#inner .masks .list .px12 {display: block;}

	#inner .skrab {background: url(../images/Skrab.jpg) no-repeat 50% 3%; background-size: 45%;}	
	#inner .skrab .about {padding: 90% 0 0 0;}
	#inner .skrab .list .px12 {display: block;}

	#inner .black-mask {background: url(../images/black-mask.jpg) no-repeat 0 150px; background-size: 90%;}
	#inner .black-mask .prod .box {padding: 5% 0 50%; margin-right: 0%; width: 65%;}

}

@media only screen and (max-width: 580px) {
	#inner .age-cream {background-size: 38%; background-position: 10% 30px;}
	#inner .ageless-hands {background-size: 54%;}	
	#inner .age-toner {background-size: 62%; background-position: 0 4%;}
	#inner .lifting {background-size: 50%; background-position: -6% 4%;}
	

	
}
@media only screen and (min-width: 2048px) {
	body {font-size: 18px;}
}

@media only screen and (min-width: 2280px) {
	body {font-size: 20px;}
}

@media only screen and (min-width: 2500px) {
	body {font-size: 22px;}
}