body { max-width: 100%!important;
overflow-x: hidden!important;
}

.product-page { max-width:100%; overflow: hidden!important;}
div, p, li, span { font-family: 'Apercu Pro', sans-serif; }

.high-damage-repair-gradient-background { background:url('../img/products/high-damage-repair-new/bg_gradient.jpg'); width:100%; background-size:cover; min-height:600px; }

.high-damage-repair-top-main-content-column-left sup { vertical-align: text-top; font-size:15px; line-height: 1.9;}

.high-damage-repair-top-main-content-container { width:1000px; margin:0 auto; padding-top:100px; color:#fff;}

.high-damage-repair-top-main-content-column-left { float:left; width:450px; margin-right:100px; }

.high-damage-repair-top-main-content-column-left span { font-size:20px; display:block; line-height:22px; margin-bottom:-20px; }

.high-damage-repair-top-main-content-column-left p { font-size:34px; display:block; margin-bottom:50px; }

.high-damage-repair-top-main-content-product-container { width:450px; position:relative; height:230px; }

.high-damage-repair-top-product-image-1 { width:57px; height:auto; position:absolute; top:0; left:0 }
.high-damage-repair-top-product-image-2 { width:57px; height:auto; position:absolute; top:0; left:80px;; }
.high-damage-repair-top-product-image-3 { width:57px; height:auto; position:absolute; top:20px; left:160px; }
.high-damage-repair-top-product-image-4 { width:29px; height:auto; position:absolute; top:42px; left:240px; }
.high-damage-repair-top-product-image-5 { width:29px; height:auto; position:absolute; top:42px; left:295px; }

.high-damage-repair-top-main-content-column-right { float:left; width:450px; }

.high-damage-repair-top-main-content-column-right span { font-size:26px!important; display:inline-block; margin-bottom:5px; font-weight:bold; border-bottom:1px solid #fff; padding-bottom:5px; }

.high-damage-repair-top-main-content-column-right p { font-size:18px!important; line-height:24px; display:block; }

.high-damage-repair-top-main-content-disclaimer sup { vertical-align: text-top; font-size:11px; }

.high-damage-repair-top-main-content-disclaimer { font-size:14px!important; }

.for-a-shiny-and-beautiful-hair { color:#fff; opacity:0.5; }

.high-damage-repair-intensive-damage-repair-white-background { width:100%; background:#fff; padding:60px 20px 20px 20px; min-height:120px; text-align:center; z-index:10!important; position:relative;}

.high-damage-repair-intensive-damage-repair-line-1 { display:inline-block; font-size:24px; margin-bottom:20px; color:#000; padding-bottom:5px; border-bottom:1px solid #784eb6; }
.high-damage-repair-intensive-damage-repair-line-2 { font-size:16px;  color:#784eb6; z-index:10!important; text-align:center; position:relative; top:40px; font-weight:bold;}
.high-damage-repair-intensive-damage-repair-line-2 span { font-size:16px;  color:#000!important; z-index:10!important; }
.high-damage-repair-intensive-damage-repair-line-2 sup { vertical-align: text-top; font-size:11px; line-height: 1.5; }
.high-damage-repair-intensive-damage-repair-line-3 { font-size:34px;  color:#784eb6; width:381px; margin:10px auto 0 auto; position:relative; top:35px; font-weight:bold;}

.high-damage-repair-intensive-damage-repair-circle-container { width:1100px; margin:0 auto; position:relative; height:1320px; }
.high-damage-repair-intensive-damage-repair-circle { 
    position: absolute;

    width: 1100px;
    height: 990px;
	
    border-radius: 50%;
	background:#fff6;
	z-index:1!important;
	top:-50px;
	left:0;
}

.high-damage-repair-intensive-damage-repair-content-1 { margin:180px auto 0 auto; font-size:16px; width:500px; text-align:center; line-height:24px; }

.high-damage-repair-intensive-damage-repair-content-2 { width:860px; margin:30px auto 0 auto; position:relative }

.high-damage-repair-intensive-damage-repair-content-2-left { width:400px; position:relative; float:left; }

.img-circle { width:400px; height:400px; }

.high-damage-repair-intensive-damage-repair-content-2-left-text-1 { position:absolute; left:75; top:130px; color:#000; font-size:16px; background:#fff; padding:10px; border-radius:20px; }
.high-damage-repair-intensive-damage-repair-content-2-left-text-2 { position:absolute; left:185px; top:140px; color:#000; font-size:16px; }

.high-damage-repair-intensive-damage-repair-content-2-left-text-3 { position:absolute; left:60; top:185px; color:#000; font-size:18px;  font-weight:bold; }

.high-damage-repair-intensive-damage-repair-content-2-left-text-3 sup { vertical-align: text-top; font-size:12px; line-height: 1.5;  font-weight:bold;}

.high-damage-repair-intensive-damage-repair-content-2-left-text-4 { position:absolute; left:90; top:215px;  color:#7e93ca; font-size:30px;  font-weight:bold;}

.high-damage-repair-intensive-damage-repair-content-2-left-text-4 sup { vertical-align: text-top; font-size:20px; line-height: 1.5;}

.high-damage-repair-intensive-damage-repair-content-2-middle { width:60px; position:relative; float:left; text-align:center; padding-top:200px; }

.x::before,
.x::after {
  content: "";
  display: block;
  margin-top: -3px;
  width: 60px;
  height: 2px;
  background: #000;
  border-radius: 1px;
}
.x::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.x::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.high-damage-repair-intensive-damage-repair-content-2-right { width:400px; position:relative; float:left; }

.high-damage-repair-intensive-damage-repair-content-2-right-text-1 { text-align:center; position:absolute; left:85px; top:130px; color:#000; font-size:16px; background:#fff; padding:10px; border-radius:20px; }
.high-damage-repair-intensive-damage-repair-content-2-right-text-2 { position:absolute; left:200px; top:140px; color:#000; font-size:16px; }

.high-damage-repair-intensive-damage-repair-content-2-right-text-3 { position:absolute; font-weight:bold; left:110; top:185px; color:#000; font-size:18px; }

.high-damage-repair-intensive-damage-repair-content-2-right-text-4 { text-align:center; font-weight:bold;  position:absolute; left:103px; top:215px;  color:#e363b0; font-size:30px; }

.high-damage-repair-intensive-damage-repair-content-2-right-text-4 sup { vertical-align: text-top; font-size:20px; line-height: 1.5;  font-weight:bold;}

.high-damage-repair-intensive-damage-repair-content-3 { margin:110px auto 0 auto; width:800px; text-align:center; }

.high-damage-repair-intensive-damage-repair-content-3-text-1 { font-size:24px; }

.high-damage-repair-intensive-damage-repair-content-3-text-2 { font-size: 45px; font-weight:bold; line-height:50px;
display: inline-block;
-webkit-background-clip: text;
color: transparent;
background-image: -webkit-linear-gradient(left bottom, rgba(227, 99, 176, .6), rgba(176, 134, 228, .6) 50%, rgba(99, 210, 208, .6)); }

.high-damage-repair-intensive-damage-repair-content-3-text-3 { margin-top:10px; font-size:12px; color:#888; }
.high-damage-repair-intensive-damage-repair-content-3-text-3 sup { vertical-align: text-top; font-size:9px; line-height: 1.5;}

.high-damage-repair-product-series { position:relative; }

.high-damage-repair-what-is-acid-heat-treatment-container { background:#fff; border-radius:20px; position:absolute; min-height:400px; width:1500px; right:-16px; top:-500px; }

.what-is-acid-heat-treatment-container { z-index:10; position:relative; text-align:left; float:left; width:600px; padding-left:40px; }

.what-is { color:#784eb6; font-size:54px; position:absolute; top:-30px; left:40px; }

.acid-heat-treatment { color:#784eb6; font-size:26px; text-align:left;padding-top:45px;}

.what-is-acid-heat-treatment-container p { width:600px; font-size:16px; line-height:20px; text-align:left; }

.what-is-acid-heat-treatment-container span {font-size:12px; color:#888; margin-top:20px; }

.what-is-acid-heat-treatment-container img {  margin:30px auto 0 auto;}

.what-is-acid-heat-treatment-img-disclaimer { font-size:12px; color:#888; bottom:-30px; right:20px; position:absolute}

.what-is-acid-heat-treatment-right-image-container { z-index:10; position:relative; float:left; width:790px; padding-top:40px; padding-bottom:100px; margin-left:60px; }

.for-the-smooth-and-beautiful-hair-text { position:absolute; bottom:0; right:-10px; width:250px; z-index:10!important;}

.stretch-image-100-percent {    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;  } 

/* Responsive for Intensive Damage Repair / What is Acid heat treatment section */

@media only screen and (min-width : 1351px) and (max-width : 1600px){
	
.high-damage-repair-what-is-acid-heat-treatment-container { width:1300px; }

.what-is-acid-heat-treatment-container { width:400px;  }

.what-is-acid-heat-treatment-container p { width:400px;  }

.what-is-acid-heat-treatment-right-image-container {  width:790px;  }
	
.what-is-acid-heat-treatment-img-disclaimer {  bottom:-30px; right:-20px;}
	
}



@media only screen and (min-width : 1100px) and (max-width : 1350px){

	
.high-damage-repair-intensive-damage-repair-circle-container { width:1050px; margin:0 auto; position:relative; height:1350px; }

.high-damage-repair-intensive-damage-repair-circle { 
    position: absolute;

    width: 1050px;
    height: 990px;
	
    border-radius: 50%;
	background:#fff6;
	z-index:1!important;
	top:-50px;
	left:0;
}
.high-damage-repair-what-is-acid-heat-treatment-container { background:#fff; border-radius:20px; position:absolute; min-height:400px; width:1050px; right:-16px; top:-510px; }

.what-is-acid-heat-treatment-container { z-index:10; position:relative; text-align:left; float:left; width:350px; padding-left:40px; }


.what-is-acid-heat-treatment-container p { width:350px; font-size:16px; line-height:20px; text-align:left; }

.what-is-acid-heat-treatment-container span {font-size:14px; color:#888; margin-top:20px; }

.what-is-acid-heat-treatment-container img {  margin:30px auto 40px auto;}

.what-is-acid-heat-treatment-img-disclaimer {  bottom:20px; right:-36px; }

.what-is-acid-heat-treatment-right-image-container { z-index:10; position:relative; float:left; width:590px; padding-top:40px; padding-bottom:40px; margin-left:60px; }
	
	.for-the-smooth-and-beautiful-hair-text { position:absolute; bottom:-40px; right:-10px; width:200px; }

}

@media only screen and (min-width : 769px) and (max-width : 1099px){
	
	.high-damage-repair-intensive-damage-repair-circle-container { width:760px; margin:0 auto; position:relative; height:1300px; }

.high-damage-repair-intensive-damage-repair-circle { 
    position: absolute;

    width: 760px;
    height: 950px;
    border-radius: 50%;
	z-index:1!important;
	top:-50px;
	left:0;
}

.high-damage-repair-intensive-damage-repair-line-1 { display:inline-block; font-size:24px; margin-bottom:20px; color:#000; padding-bottom:5px; border-bottom:1px solid #784eb6; }
.high-damage-repair-intensive-damage-repair-line-2 { font-size:16px;  color:#784eb6; z-index:10!important; text-align:center; position:relative; top:40px; font-weight:bold;}
.high-damage-repair-intensive-damage-repair-line-2 span { font-size:16px;  color:#000!important; z-index:10!important; }
.high-damage-repair-intensive-damage-repair-line-2 sup { vertical-align: text-top; font-size:11px; line-height: 1.5; }
.high-damage-repair-intensive-damage-repair-line-3 { font-size:34px;  color:#784eb6; width:381px; margin:10px auto 0 auto; position:relative; top:35px; font-weight:bold;}		
	
.high-damage-repair-intensive-damage-repair-content-1 { margin:180px auto 0 auto; font-size:16px; width:500px; text-align:center; line-height:24px; }

.high-damage-repair-intensive-damage-repair-content-2 { width:760px; margin:20px auto 0 auto; position:relative }

.high-damage-repair-intensive-damage-repair-content-2-left { width:350px; position:relative; float:left; }

.img-circle { width:350px; height:350px; }
	
.high-damage-repair-intensive-damage-repair-content-2-left-text-1 { position:absolute; left:45; top:120px; color:#000; font-size:16px; background:#fff; padding:10px; border-radius:20px; }
.high-damage-repair-intensive-damage-repair-content-2-left-text-2 { position:absolute; left:155px; top:130px; color:#000; font-size:16px; }

.high-damage-repair-intensive-damage-repair-content-2-left-text-3 { position:absolute; left:30; top:175px; color:#000; font-size:18px; }

.high-damage-repair-intensive-damage-repair-content-2-left-text-3 sup { vertical-align: text-top; font-size:12px; line-height: 1.5;}

.high-damage-repair-intensive-damage-repair-content-2-left-text-4 { position:absolute; left:60; top:205px;  color:#7e93ca; font-size:30px; }

.high-damage-repair-intensive-damage-repair-content-2-left-text-4 sup { vertical-align: text-top; font-size:20px; line-height: 1.5;}

.high-damage-repair-intensive-damage-repair-content-2-middle { width:60px; position:relative; float:left; text-align:center; padding-top:150px; }
	
.high-damage-repair-intensive-damage-repair-content-2-right { width:350px; position:relative; float:left; }

.high-damage-repair-intensive-damage-repair-content-2-right-text-1 { text-align:center; position:absolute; left:48; top:107px; color:#000; font-size:16px; background:#fff; padding:10px; border-radius:20px; }
.high-damage-repair-intensive-damage-repair-content-2-right-text-2 { position:absolute; left:178px; top:130px; color:#000; font-size:16px; }

.high-damage-repair-intensive-damage-repair-content-2-right-text-3 { position:absolute; left:83; top:175px; color:#000; font-size:18px; }

.high-damage-repair-intensive-damage-repair-content-2-right-text-4 { text-align:center; position:absolute; left:76px; top:205px;  color:#e363b0; font-size:30px; }

.high-damage-repair-intensive-damage-repair-content-2-right-text-4 sup { vertical-align: text-top; font-size:20px; line-height: 1.5;}

.high-damage-repair-intensive-damage-repair-content-3 { margin:110px auto 0 auto; width:500px; text-align:center; }

.high-damage-repair-intensive-damage-repair-content-3-text-1 { font-size:24px; }

.high-damage-repair-intensive-damage-repair-content-3-text-2 { font-size: 40px;
display: inline-block; font-weight:bold; line-height:44px;
-webkit-background-clip: text;
color: transparent;
background-image: -webkit-linear-gradient(left bottom, rgba(227, 99, 176, .6), rgba(176, 134, 228, .6) 50%, rgba(99, 210, 208, .6)); }

.high-damage-repair-intensive-damage-repair-content-3-text-3 { margin-top:20px; font-size:15px; color:#888; }
.high-damage-repair-intensive-damage-repair-content-3-text-3 sup { vertical-align: text-top; font-size:11px; line-height: 1.5;}	

	
.high-damage-repair-what-is-acid-heat-treatment-container { background:#fff; border-radius:20px; position:relative; min-height:400px; width:100%; right:auto; left:-20px; top:-520px; }

.what-is-acid-heat-treatment-container { z-index:10; position:relative; text-align:left; float:left; width:90%; padding-left:18%; }

.what-is { color:#784eb6; font-size:40px; position:absolute; top:-25px; left:19.5%; }

.acid-heat-treatment { color:#784eb6; font-size:26px; text-align:left; padding-top:40px;}

.what-is-acid-heat-treatment-container p { width:90%; font-size:16px; line-height:20px; text-align:left; }

.what-is-acid-heat-treatment-container span {font-size:14px; color:#888; margin-top:20px; }

.what-is-acid-heat-treatment-container img {  margin:30px auto 0 auto;}


.what-is-acid-heat-treatment-right-image-container { z-index:10; position:relative; float:none; width:100%; padding-top:40px; padding-bottom:40px; margin:0 auto; }
	
.for-the-smooth-and-beautiful-hair-text { position:absolute; bottom:-40px; right:-10px; width:200px; }
	
}

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

	.reduce-spacing { margin-top:-580px; }
	
}

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

	.reduce-spacing-mobile-version { margin-top:-90px; }
	.high-damage-repair-intensive-damage-repair-line-3 { font-size:26px;  color:#784eb6; width:320px; margin:10px auto 0 auto; position:relative; top:32px; font-weight:bold; text-align:center;}
	

	
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

	.reduce-spacing-mobile-version { margin-top:60px; z-index:10!important; }

	
}

/* Circle */


@media only screen and (max-width : 768px){
	
.high-damage-repair-intensive-damage-repair-circle-container { width:100%; margin:0 auto; position:relative; height:1790px; }

.high-damage-repair-intensive-damage-repair-circle { 
    position: absolute;

    width: 100%;
    height: auto;
	
    border-radius: 50%;
	background:none;
	z-index:1!important;
	top:-50px;
	left:0;
}	
	
.high-damage-repair-intensive-damage-repair-content-1 {  margin:190px auto 0 auto; font-size:16px; width:320px; text-align:center; line-height:24px; }

.high-damage-repair-intensive-damage-repair-content-2 { width:320px; margin:40px auto 0 auto; position:relative }

.high-damage-repair-intensive-damage-repair-content-2-left { width:320px; position:relative; float:none;  margin:0 auto; }

.img-circle { width:320px; height:320px; }
	
.high-damage-repair-intensive-damage-repair-content-2-left-text-1 { position:absolute; left:40px; top:100px; color:#000; font-size:16px; background:#fff; padding:10px; border-radius:20px; }
.high-damage-repair-intensive-damage-repair-content-2-left-text-2 { position:absolute; left:150px; top:110px; color:#000; font-size:16px; }

.high-damage-repair-intensive-damage-repair-content-2-left-text-3 { position:absolute; left:15px; top:155px; color:#000; font-size:18px; }

.high-damage-repair-intensive-damage-repair-content-2-left-text-3 sup { vertical-align: text-top; font-size:12px; line-height: 1.5;}

.high-damage-repair-intensive-damage-repair-content-2-left-text-4 { position:absolute; left:50px; top:185px;  color:#7e93ca; font-size:30px; }

.high-damage-repair-intensive-damage-repair-content-2-left-text-4 sup { vertical-align: text-top; font-size:20px; line-height: 1.5;}

.high-damage-repair-intensive-damage-repair-content-2-middle { width:60px; position:relative; float:none;  margin:0 auto; text-align:center; padding-top:20px; padding-bottom:20px; }
	
.high-damage-repair-intensive-damage-repair-content-2-right { width:320px; position:relative; float:none; margin:0 auto;}

.high-damage-repair-intensive-damage-repair-content-2-right-text-1 { text-align:center; position:absolute; left:43px; top:85px; color:#000; font-size:16px; background:#fff; padding:10px; border-radius:20px; }
.high-damage-repair-intensive-damage-repair-content-2-right-text-2 { position:absolute; left:159px; top:95px; color:#000; font-size:16px; }

.high-damage-repair-intensive-damage-repair-content-2-right-text-3 { position:absolute; left:73px; top:140px; color:#000; font-size:18px; }

.high-damage-repair-intensive-damage-repair-content-2-right-text-4 { text-align:center; position:absolute; left:66px; top:170px;  color:#e363b0; font-size:30px; }

.high-damage-repair-intensive-damage-repair-content-2-right-text-4 sup { vertical-align: text-top; font-size:20px; line-height: 1.5;}

.high-damage-repair-intensive-damage-repair-content-3 { margin:40px auto 0 auto; width:90%; text-align:center; }

.high-damage-repair-intensive-damage-repair-content-3-text-1 { font-size:24px; }

.high-damage-repair-intensive-damage-repair-content-3-text-2 { font-size: 40px;
display: inline-block; font-weight:bold; line-height:44px;
-webkit-background-clip: text;
color: transparent;
background-image: -webkit-linear-gradient(left bottom, rgba(227, 99, 176, .6), rgba(176, 134, 228, .6) 50%, rgba(99, 210, 208, .6)); }

.high-damage-repair-intensive-damage-repair-content-3-text-3 { margin-top:20px; font-size:12px; color:#888; }
.high-damage-repair-intensive-damage-repair-content-3-text-3 sup { vertical-align: text-top; font-size:10px; line-height: 1.5;}	
	
	
.high-damage-repair-what-is-acid-heat-treatment-container { background:#fff; border-radius:20px; position:relative; min-height:400px; width:100%; right:auto; left:auto; top:-450px; margin-bottom:-480px; }

.what-is-acid-heat-treatment-container { z-index:10; position:relative; text-align:left; float:left; width:100%; padding-left:auto; margin:0 auto; }

.what-is { color:#784eb6; font-size:40px; position:absolute; top:-25px; left:auto;; }

.acid-heat-treatment { color:#784eb6; font-size:26px; text-align:left; padding-top:30px;}

.what-is-acid-heat-treatment-container p { width:90%; font-size:16px; line-height:20px; text-align:left; }

.what-is-acid-heat-treatment-container span {font-size:14px; color:#888; margin-top:20px; }

.what-is-acid-heat-treatment-container img { margin:30px auto 0 auto; }


.what-is-acid-heat-treatment-right-image-container { z-index:10; position:relative; float:none; width:100%; padding-top:40px; padding-bottom:40px; margin:0 auto; }
	
	.high-damage-repair-intensive-damage-repair-line-2 span	{ display:block; margin-top:5px; }


.for-the-smooth-and-beautiful-hair-text-mobile-container { position:relative; width:100%;  top:-20px;}	
.for-the-smooth-and-beautiful-hair-text { width:170px; height:auto; right:0; bottom:auto; top:-20px; }

}

/* Tick Section */
.intensive-damage-repair-tick-container { width:590px; margin:10px auto; height:100px; position:relative;}
.intensive-damage-repair-tick-left-column { width:250px; float:left;margin-left:90px; }
.intensive-damage-repair-tick-right-column { width:250px; float:left; }
.intensive-damage-repair-tick { font-size:26px; line-height:32px; position:relative; text-align:left; }
.intensive-damage-repair-tick::before { position:absolute; content:''; background:url('../img/products/high-damage-repair-new/svg_check.svg');
	width:30px; height:30px; left:-50px; top:17px; background-repeat:no-repeat; background-size:cover;}

@media only screen and (max-width : 768px){
	
.intensive-damage-repair-tick-container { width:90%; margin:10px auto; height:100px; position:relative;}
.intensive-damage-repair-tick-left-column { width:39.5%; float:left; margin-left:9%; margin-right:10%; }
.intensive-damage-repair-tick-right-column { width:41.5%; float:left; }
.intensive-damage-repair-tick { font-size:15px; line-height:24px; position:relative; text-align:left; }
.intensive-damage-repair-tick::before { position:absolute; content:''; background:url('../img/products/high-damage-repair-new/svg_check.svg');
	width:25px; height:25px; left:-40px; top:12px; background-repeat:no-repeat; background-size:cover;}
	
}


/* Feature Section */

.feature-container { width:1000px; height:auto; padding-top:60px; padding-bottom:60px; margin:0 auto;}

.feature-title-container { margin:40px auto;  }
.feature-title-line-1 {     
	display: inline-block;
    font-size: 18px;
    color: #000;
    padding-bottom: 5px;
    border-bottom: 1px solid #000; }
.feature-title-line-2 { font-size:80px; color:#784eb6; display:block; letter-spacing:1px; }
.feature-title-line-3 { font-size:20px; color:#784eb6; display:block; }

.feature-content-container { padding-top:40px; padding-bottom:80px;}

.feature-column-left { float:left; width:470px; margin-right:60px; }
.feature-column-right{ float:left; width:470px; }
.feature-point { color:#784eb6; font-size:18px; margin-bottom:5px; font-weight:bold;}
.feature-point sup { color:#784eb6; font-size:18px; margin-bottom:10px; }
.feature-title { color:#000; font-size:22px; margin-bottom:20px; position:relative; padding-bottom:10px; font-weight:bold;}
.feature-title sup { color:#000; vertical-align: text-top;
    font-size: 14px;
    line-height: 1.5; }
.feature-title::after { content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    max-width: 100%;
    opacity: .2;
    background-image: linear-gradient(to right, #e363b0 0%, #b086e4 20%, #63d2d0 60%, #63d2d0 100%);
	
}
.feature-text { color:#000; font-size:16px; }
.feature-text sup { color:#000; vertical-align: text-top;
    font-size: 11px;
    line-height: 1.5; }
.feature-disclaimer { margin-top:20px; font-size:12px; color:#888 }

.feature-disclaimer sup {
	vertical-align: text-top;
    font-size: 11px;
    line-height: 1.5;
	
}
.feature-list-box { background:#f7f3fc; padding:20px; margin:20px auto }
.feature-list-box span { color:#784eb6; font-size:16px; }
.feature-list-box ul > li { color:#000; font-size:14px; margin-top:10px; margin-bottom:10px; padding-left:-20px; margin-left:-20px}

.extra-point-spacing { margin-bottom:50px; }


@media only screen and (max-width : 768px) {
	
	
	.feature-container {  width:90%; height:auto; padding-top:40px; padding-bottom:40px; margin:0 auto;}
	.feature-column-left {  float:none; width:100%; margin-right:0; }
	.feature-column-right{  float:none; width:100%; }
	.feature-container img { height:auto; margin-bottom:30px; }
	.feature-title-container { margin-top:20px; width:100%; }
	
	.feature-content-container { width:100%; margin:0 auto; padding-top:20px; padding-bottom:40px;}
	
	..feature-title::after { max-width:100%; }
	
	.extra-point-spacing { margin-bottom:0; }
	
}

/* Reviews of Beautician Section */

.reviews-of-beauticians-background-container { width:100%; height:auto; padding-top:60px; padding-bottom:60px; background:#f7f3fc}

.reviews-of-beauticians-container { width:1000px; margin:0 auto; position:relative }
.reviews-of-beauticians-title { position:absolute; top:-118px; left:0; font-size:80px; color:#784eb6; display:block; letter-spacing:1px; z-index:10; }
	
.of-beauticians-text { position:absolute; top:-56px; left:245px; width:180px; height:auto; z-index:1;}


.reviews-of-beauticians-column-container { width:1000px; padding-top:60px; padding-bottom:60px;}
.reviews-of-beauticians-column-container span { font-size:18px; }

.reviews-of-beauticians-column-container hr { border-bottom:1px solid #ccc; margin:10px auto;}

.reviews-of-beauticians-column-left { float:left; width:200px; margin-right:50px; }
.reviews-of-beauticians-column-right { float:left; width:750px;  }

/* Line up Section */

.high-damage-repair-lineup-background-container { background:#fff; width:100%; border-top-right-radius: 80px; border-bottom-right-radius: 40px; margin-top:80px; margin-bottom:80px; position:relative; }

.high-damage-repair-lineup-title-container { width:1000px; margin:0 auto; padding-top:60px; }

.high-damage-repair-lineup-title { font-size:80px; color:#fff; display:block; letter-spacing:1px;}
.high-damage-repair-lineup-container { width:1000px; margin:0 auto; padding-top:60px; padding-bottom:60px; min-height:660px; }
.high-damage-repair-lineup-container-2 { width:1000px; margin:0 auto; padding-top:60px; padding-bottom:60px; min-height:660px; }

.high-damage-repair-lineup-category { position:absolute; left:0; top:-35px; background:#b086e4; border-radius: 0 50px 50px 0; color:#fff; width:300px; text-align:right; padding:20px 30px; font-weight:bold; font-size:18px;}

.high-damage-repair-lineup-category span { font-size:24px;}

.product-3-column-container, .product-2-column-container { margin-top:60px; margin-bottom:60px; }

.landing-page-product img { width:40%; height:auto; }
.landing-page-product-oil-milk img { width:60%; height:auto; } 
.shopping-link-column img {width:60%; height:auto; }

.product-type { color:#000!important; }
.shampoo-text-color { color:#6B5BD7!important }
.treatment-text-color { color:#D65ADD!important }
.hair-mask-text-color { color:#CD249E!important }
.hair-oil-text-color { color:#57C4E3!important; }
.hair-milk-text-color { color:#8D599E!important }
.buy-now-product-detail-page { background:#b086e4!important; }
.details-button {     
	border: 1px solid #b086e4;
    color: #b086e4
}

.buy-now-column span { color:#000!important; }

.coming-soon { position:absolute;top:5px;right:50px;font-size:9px;background:rgba(255,255,255,0.4) }

/* User Reviews Section */


.user-review-container { width:1200px; margin:0 auto; }

.user-review-list-container { width:1200px; margin:0 auto; padding-top:30px; padding-bottom:30px; position:relative;  }

.user-review-and-how-to-title { font-size:80px; line-height:84px; color:#784eb6; display:block; letter-spacing:1px; margin-top:60px; }
.user-review-subtitle { font-size:24px; color:#784eb6; }

.testimonial-container { padding:10px; margin-left:15px; margin-right:15px; }
.testimonial-container span { color:#784eb6; font-size:20px; font-weight:bold;  text-align:center; display:block}
.testimonial-container p { color:#000; font-size:14px; line-height:22px; }
.testimonial-top-line-container { position:relative; border-bottom:3px solid #784eb6; margin-bottom:20px; margin-top:100px;}
.testimonial-product-img { width:10%; position:absolute; top:-35px; left:20px; }
.testimonial-product-img-oil-and-milk { width:7.5%; position:absolute; top:-53px; left:20px; }
.testimonial-icon { position:absolute; top:-10px; right:0; background:#fff; padding-left:10px; }
.testimonial-bottom-line { border-top:1px solid #784eb6; margin-top:10px}
.testimonial-icon svg {
    fill: #b086e4;
}
.testimonial-icon svg {
    width: 24px;
    height: 20px;
}

#image-slider button { background:none!important; }
		
#image-slider button::before, #image-slider button::after { display:none!important}
		
.splide__arrow:disabled { opacity:0}
		
.splide__arrow svg { width:2.0em; height:2.0em;  }

  .splide__arrow {  top:230px;  }

.splide__pagination__page.is-active { display:none;}

.splide__arrow--next { right:-20px; }
.splide__arrow--prev { left:-20px; }

.splide__list { height:auto; }

@media only screen and (max-width : 768px) {
	
#image-slider { width:90%; margin:0 auto; }
	    .splide__arrow--next { right:-10px; }
		.splide__arrow--prev { left:-10px; }
}



/* How to section */

.how-to-container { width:1000px; margin:0 auto; }
.video-column-container { width:1000px; margin:60px auto; }
.video-column { float:left; width:475px; }
.video-column-margin-right { margin-right:50px; }

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

@media only screen and (max-width : 1100px){
.high-damage-repair-video-container {  width:90%; }
.video-column-container { width:100%; margin:0 auto; }
.video-column { float:none; width:100%; margin:40px auto; }
.video-column-margin-right { margin:40px auto; }		
	
}


/* Tablet */

@media only screen and (min-width : 769px) and (max-width : 1050px){

	.high-damage-repair-top-main-content-container { width:750px; margin:0 auto; padding-top:100px; color:#fff;}
	.high-damage-repair-top-main-content-column-left { width:300px; margin-right:100px; }
	.high-damage-repair-top-main-content-column-left span { font-size:20px; display:block; line-height:22px; margin-bottom:-20px; }
	.high-damage-repair-top-main-content-column-left p { font-size:34px; display:block; margin-bottom:50px; }
	.high-damage-repair-top-main-content-product-container { width:300px; height:200px; }
	.high-damage-repair-top-main-content-column-right { width:300px; }
	
	.feature-container { width:750px; height:auto; padding-top:40px; padding-bottom:40px; margin:0 auto;}
	.feature-column-left { float:left; width:360px; margin-right:30px; }
	.feature-column-right{ float:left; width:360px; }
	
	.extra-point-spacing { margin-bottom:30px; }
	

.reviews-of-beauticians-container { width:750px; margin:0 auto; position:relative }
.reviews-of-beauticians-title { position:absolute; top:-118px; left:0; font-size:80px; color:#784eb6; display:block; letter-spacing:1px; z-index:10; }
	
.of-beauticians-text { position:absolute; top:-56px; left:245px; width:180px; height:auto; z-index:1;}

.reviews-of-beauticians-column-container { width:750px; padding-top:60px; padding-bottom:60px; }
	
.reviews-of-beauticians-column-container img { margin:20px auto}	

.reviews-of-beauticians-column-container span { font-size:18px; }

.reviews-of-beauticians-column-container hr { border-bottom:1px solid #ccc; margin:10px auto;}

.reviews-of-beauticians-column-left { float:left; width:150px; margin-right:50px; }
.reviews-of-beauticians-column-right { float:left; width:550px;  }


.high-damage-repair-lineup-title-container { width:750px; margin:0 auto; padding-top:60px; }

.high-damage-repair-lineup-title { font-size:80px; color:#fff; display:block; letter-spacing:1px;}
.high-damage-repair-lineup-container { width:750px; margin:0 auto; padding-top:30px; padding-bottom:30px; min-height:540px; }
.high-damage-repair-lineup-container-2 { width:750px; margin:0 auto; padding-top:30px; padding-bottom:30px; min-height:540px; }
}


/* Fixes */

@media only screen and (max-width : 1199px) {
	
.buy-now-product-landing-page { margin-left:auto!important; }
	
}


/* General Responsive */

@media only screen and (max-width : 768px) {
	
	
	.high-damage-repair-gradient-background { 
		background: rgb(146,200,233);
		background: linear-gradient(90deg, rgba(146,200,233,1) 0%, rgba(221,181,216,1) 100%);
    	width: 100%;
	}

	.high-damage-repair-top-main-content-container { width:320px; margin:0 auto; }
	.high-damage-repair-top-main-content-column-left { width:320px; margin:0 auto; float:none }
	.high-damage-repair-top-main-content-column-left span { font-size:18px; display:block; line-height:22px; margin-bottom:-20px; }
	.high-damage-repair-top-main-content-column-left p { font-size:28px; display:block; margin-bottom:50px; text-align:center;}
	.high-damage-repair-top-main-content-product-container { width:320px; height:220px; }
	.high-damage-repair-top-main-content-column-right { width:320px; margin:0 auto; float:none; text-align:center; }
	
	
	.reviews-of-beauticians-background-container { width:100%; height:auto; padding-top:60px; padding-bottom:60px; background:#f7f3fc}

.reviews-of-beauticians-container { width:320px; margin:0 auto; position:relative }
.reviews-of-beauticians-title { position:absolute; top:-118px; left:0; font-size:80px; color:#784eb6; display:block; letter-spacing:1px; z-index:10; }
	
.of-beauticians-text { position:absolute; top:-46px; left:145px; width:180px; height:auto; z-index:1;}

.reviews-of-beauticians-column-container { width:320px; padding:40px auto;}

.reviews-of-beauticians-column-container span { font-size:18px; }

.reviews-of-beauticians-column-container hr { border-bottom:1px solid #ccc; margin:10px auto;}

.reviews-of-beauticians-column-left { float:none; width:320px; margin:0 auto; }
.reviews-of-beauticians-column-right { float:none; width:320px; margin:0 auto;  }
	
	.reviews-of-beauticians-column-container img { margin:20px auto}
	
	.high-damage-repair-lineup-title-container { width:320px; margin:0 auto; padding-top:30px; }

.high-damage-repair-lineup-title { font-size:80px; color:#fff; display:block; letter-spacing:1px;}
.high-damage-repair-lineup-container { width:320px; margin:0 auto; padding-top:30px; padding-bottom:30px; min-height:840px; }
.product-3-column-container, .product-2-column-container { margin-top:30px; margin-bottom:30px; }

.high-damage-repair-lineup-container-2 { width:320px; margin:0 auto; padding-top:30px; padding-bottom:30px; min-height:510px;}
	
    .mobile-left-spacing { margin-left:80px; }
	.coming-soon { top:5px;right:-25px;font-size:9px; }
	
	.user-review-container { width:320px; ; }

.user-review-list-container { width:320px;  padding:0;   }
.how-to-container { width:320px;  margin:0 auto; }
.video-column-container { width:100%; margin:20px auto; }
.video-column { float:none; margin:20px auto; }
.video-column-margin-right { float:none; margin:20px auto;  }
.high-damage-repair-lineup-background-container { width:90%; margin-bottom:60px;}

}

/* Additional */

.text-show-on-desktop { display:block; }
.text-show-on-mobile { display:none; }

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

.text-show-on-desktop { display:none; }
.text-show-on-mobile { display:block; }	
	
.what-is-acid-heat-treatment-img-disclaimer-mobile {      font-size: 12px;
color: #888; display:block; margin:20px auto 0 auto;}
	
.for-a-shiny-and-beautiful-hair-mobile-container { padding-left:40px; padding-right:40px; }
}