.shop-now-container { margin-top:-10px; }

.shop-now-line { color:#ccc; margin-left:10px; margin-right:10px; display:inline-block; font-size:20px; }
 
.shop-img {float:left; padding:5px; max-width:100%; opacity:1;}

.shop-img:hover {opacity:0.6;}


.buy-button { padding:5px 36px 5px 20px; font-size:18px; color:#fff; background:#000; display:inline-block; position: relative; transition:0.3s; cursor:pointer;font-family: 'Oswald', sans-serif;
    
}

.buy-button:hover { opacity:0.6; }

.buy-button-active { opacity:0.6; }

.buy-button::before { content: " "; position:absolute;  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
  right:18px;
  top:14px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); 
  color:#fff; }
  
.buy-button:hover::before { opacity:0.6; }

.select-text { padding-top:10px;  }

.shop-spacing { margin-top:300px; }

.buy-1-retailer {
  position: relative;
  display: inline-block;
}

.buy-1-retailer .buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #fff;
  border:1px solid #000;
  text-align: center;
  padding: 10px;
  position: absolute;
  z-index:99;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.buy-1-retailer .buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 96px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.buy-1-retailer:hover .buy-text {
  visibility: visible;
  opacity: 1;
}

.buy-2-retailers {
  position: relative;
  display: inline-block;
}

.buy-2-retailers .buy-text {
  visibility: hidden;
  width: 430px;
  background-color: #fff;
  border:1px solid #000;
  text-align: center;
  padding: 10px;
  position: absolute;
  z-index:99;
  top: 100%;
  left: 50%;
  margin-left: -215px;
  opacity: 0;
  transition: opacity 1s;
}

.buy-2-retailers .buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 211px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.buy-2-retailers:hover .buy-text {
  visibility: visible;
  opacity: 1;
}








.buy-2-retailers-last {
  position: relative;
  display: inline-block;
}

.buy-2-retailers-last .buy-text {
  visibility: hidden;
  width: 430px;
  background-color: #fff;
  border:1px solid #000;
  text-align: center;
  padding: 10px;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -215px;
  opacity: 0;
  transition: opacity 1s;
}

.buy-2-retailers-last .buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 211px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.buy-2-retailers-last:hover .buy-text {
  visibility: visible;
  opacity: 1;
}
@media all and (max-width: 768px) {
    
.buy-1-retailer .buy-text, .buy-2-retailers .buy-text   {
  width: 100%;
  margin-top:-10px;
  margin-left:0;
  margin-right:0;
  left:0;
  padding:5px;

}

.buy-1-retailer .buy-text::after, .buy-2-retailers .buy-text::after {

  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;

}    

.buy-2-retailers-last  .buy-text   {
  width: 100%;
  margin-top:-10px;
  margin-left:0;
  margin-right:0;
  left:0;
  padding:5px;
  border:none;

}

.buy-2-retailers-last::after {

  display:none;
}  

.buy-2-retailers-last:hover .buy-text {
  visibility: visible;
  opacity: 1;
  position:relative;
}

.select-text { padding:10px 5px 0px 5px; }

.buy-button { width:260px; margin-bottom:10px; } 

.shop-now-container { display:block; margin-top:50px; margin-bottom:50px; }

.shop-img { display:block; float:none; margin-left:25px;}

.shop-now-line { display:none; }



}






.hair-removal-series-comparison { width:100%; margin:0 auto; padding:30px 0 0 0;  }

.hair-removal-series-comparison .background { background:#eee; font-weight:bold; }

.lineup-container { width:900px; margin:0 auto; }


.lineup { float:left; width:270px; margin-top:30px; margin-right:30px; text-align:center; }

.lineup span { display:block; font-size:14px; line-height:18px; font-weight:bold; margin-bottom:20px; }

.resize-img {
  transition:0.3s; opacity:1;
}

.resize-img:hover {
  transition:0.3s; opacity:0.6;
}

.resize-img { width:80%; margin:0 auto; margin-bottom:10px; }

.cream { font-weight:bold; font-size:22px; line-height:26px;color:#024593; display:block; margin-bottom:20px; }
.foam { font-weight:bold; font-size:22px; line-height:26px;color:#0269b8; display:block; margin-bottom:20px;}
.trimmer { font-weight:bold; font-size:22px; line-height:26px; color:#0f92cf; display:block; margin-bottom:20px; }

.hair-removal-series-comparison p { font-size:20px; line-height:24px; font-weight:bold; display:block; margin-bottom:20px;  }

.hair-removal-technology, .hair-removal-content { width:1068px; margin:0 auto; padding:30px 0 0 0;  }

.clear { clear:both; }
.responsive { max-width:100%; height:auto; display:block; }

.hair-removal-technology-left { float:left; width:534px; padding:20px;  }
.hair-removal-technology-right { float:left; width:534px; padding:20px;  }

.hair-removal-technology-left img, .hair-removal-technology-right img { margin-top:20px; margin-bottom:20px; }

.hair-removal-technology-left .disclaimer { display:block; font-size:13px; line-height:15px; margin-top:10px;}

.hair-removal-technology .point-1 { color:#004793; font-size:20px; display:block; margin-bottom:20px; padding-left:50px; position:relative; }
.hair-removal-technology .point-1::before { content:'1'; position:absolute; left:0; top:-6px; background-color:#004793; padding:5px 15px; font-size:20px; color:#fff; }

.hair-removal-technology .point-2 { color:#004793; font-size:20px; display:block; margin-bottom:20px; padding-left:50px; position:relative; }
.hair-removal-technology .point-2::before { content:'2'; position:absolute; left:0; top:-6px;background-color:#004793; padding:5px 15px; font-size:20px; color:#fff; }

.hair-removal-technology .point-3 { color:#004793; font-size:20px; display:block; margin-bottom:20px; padding-left:50px; position:relative; }
.hair-removal-technology .point-3::before { content:'3'; position:absolute; left:0; top:-6px;background-color:#004793; padding:5px 15px; font-size:20px; color:#fff; }

.hair-removal-technology .point-4 { color:#004793; font-size:20px; display:block; margin-bottom:20px; padding-left:50px; position:relative; }
.hair-removal-technology .point-4::before { content:'4'; position:absolute; left:0; top:-6px;background-color:#004793; padding:5px 15px; font-size:20px; color:#fff; }
.hair-removal-banner { position:absolute; z-index:1; top:0; left:0; height:auto; }

.hair-removal-technology p { font-size:15px; line-height:20px; }

.tech-grey-box { background-color:#f4f4f4; padding:10px 15px; color:#000; font-size:14px; margin-top:20px; }

.hair-removal-banner-container { max-width:1600px; height:650px;  margin:0 auto; position:relative; }

@keyframes xfade {
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
}
@keyframes fade {
  20% {
    visibility: visible;
  }
  30% {
    visibility: hidden;
  }
}
.image-content-slide {
  position: absolute;
  max-width: 100%;
  height: auto;
  display: block;
  animation: xfade 12s infinite;
  opacity: 0;
}

.image-content-slide:nth-child(1) {
  animation-delay: 8s;
}

.image-content-slide:nth-child(2) {
  animation-delay: 4s;
}

.image-content-slide:nth-child(3) {
  animation-delay: 0s;
}

.image-holder {
  position: relative;
  text-align: left;
  font-size: 0;
  height: auto;
  width: 100%;
}

.hair-removal-content .point { background-color:#004793; padding:10px 20px; color:#fff; font-size:18px; display:block; margin-bottom:20px; }

.hair-removal-content .disclaimer { background-color:#f4f4f4; padding:10px 15px; color:#000; font-size:14px; margin-top:20px; }

.hair-removal-content-left { float:left; width:534px; padding:20px;  }
.hair-removal-content-right { float:left; width:534px; padding:20px;  }

.hair-removal-content-left .content, .hair-removal-content-right .content { float:left; width:310px; padding-left:20px; }

.hair-removal-content-left .img, .hair-removal-content-right .img { float:left; width:150px; margin-left:20px; }

.hair-removal-details { width:1200px; margin:0 auto; padding:30px; position:relative; display:block;}

.hair-removal-details h5 { font-size: 15px;
font-size: 1.5rem;
font-weight: bold;
margin: 15px 0; }
.hair-removal-details ul {
margin-bottom: 35px; }

.trimmer-content-left { float:left; width:300px; padding-top:20px;}
.trimmer-content-right { float:left; width:180px; }

.trimmer-content-box { width:900px; margin:30px auto; border:1px solid #ddd; padding:20px; }

.trimmer-content-box-left { float:left; width:420px; padding:30px; }
.trimmer-content-box-right { float:left; width:390px; }
    
.point-a { color:#004793; font-size:20px; display:block; margin-bottom:20px; padding-left:55px; position:relative; }
.point-a::before { content:'A'; position:absolute; left:0; top:-6px; background-color:#004793; padding:5px 15px; font-size:20px; color:#fff; }

.point-b { color:#004793; font-size:20px; display:block; margin-bottom:20px; padding-left:55px; position:relative; }
.point-b::before { content:'B'; position:absolute; left:0; top:-6px; background-color:#004793; padding:5px 15px; font-size:20px; color:#fff; }

.trimmer-content-right-container { padding:0 20px; }

.trimmer-img { margin-bottom:20px; }

.line { border-top:1px solid #DDD; margin-top:30px; width:1200px; }

.cream-lineup-button { background:#024593; text-transform:uppercase; border:1px solid #ccc; padding:8px 18px; border-radius:15px; font-size:12px; color:#fff; transition:0.3s; position:relative; margin-top:20px; display:inline-block;}

.foam-lineup-button { background:#0269b8; text-transform:uppercase; border:1px solid #ccc; padding:8px 18px; border-radius:15px; font-size:12px; color:#fff; transition:0.3s; position:relative; margin-top:20px; display:inline-block;}

.trimmer-lineup-button { background:#0f92cf; text-transform:uppercase; border:1px solid #ccc; padding:8px 18px; border-radius:15px; font-size:12px; color:#fff; transition:0.3s; position:relative; margin-top:20px; display:inline-block;}

.cream-lineup-button:hover, .foam-lineup-button:hover, .trimmer-lineup-button:hover { opacity:0.8;}


.youtube-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom:60px;
}

.youtube-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.desktop { display:block; }
.mobile { display:none; }


.banner-mobile-spacing { display:none; }
.banner-mobile-spacing-trimmer { display:none; }

@media all and (min-width: 1200px) AND (max-width: 1500px) { 
    .hair-removal-banner-container {  height:550px;   }
}

@media all and (min-width: 1000px) AND (max-width: 1199px) { 
    .hair-removal-banner-container {  height:450px;   }
    
}

@media all and (min-width: 769px) AND (max-width: 999px) { 
    .hair-removal-banner-container {  height:400px;   }
}


@media all and (min-width: 300px) AND (max-width: 768px) { 
    .hair-removal-banner-container {  height:200px;   }
}

@media all and (max-width: 1199px) { 
    .hair-removal-technology { width:100%;   }
    
    .hair-removal-content { width:100%;  }
    
    .hair-removal-technology-left, .hair-removal-technology-right { width:100%;  }
    
    .hair-removal-content-left, .hair-removal-content-right{ float:none; width:100%!important; padding:20px; }
    
    .hair-removal-content-left .content, .hair-removal-content-right .content {  width:100%!important; padding:20px; }

    .hair-removal-content-left .img, .hair-removal-content-right .img { float:none; width:80%!important;padding:20px; }
    
    .hair-removal-content .point {  margin:0!important; }
    
    .hair-removal-details { width:100%; }
    
    .trimmer-content-left { width:230px;  margin:0 auto; float:none;}
    .trimmer-content-right { width:230px; margin:0 auto; float:none; }
    .trimmer-content-right img {  margin-top:30px; width:30%;  }
    
    .trimmer-content-left p, .trimmer-content-right p { line-height:16px; }
    
    .trimmer-img { margin-bottom:20px; }
    
    .line { width:100%; }
    
    .trimmer-content-box { width:90%; margin:30px auto; border:1px solid #ddd; padding:20px; }

    .trimmer-content-box-left { float:none; width:100%; padding:10px; }
    .trimmer-content-box-right { float:left; width:100%; }
    
    .desktop { display:none!important; }
    .mobile { display:block; }
    
     .tit-line-top {
    font-size:20px!important;
    line-height:22px;
    margin: 0 0 45px;
    border-top: none;
    padding: 14px 0 0; }
    .tit-line-top span {
    border-bottom: 3px solid #000;
    padding-bottom: 15px; }
    


}
    
@media all and (min-width: 601px) and (max-width: 840px) {

.lineup-container { width:600px; margin:0 auto; }

.lineup { float:left; width:170px; margin-top:30px; margin-right:30px; text-align:center; }

.lineup span { display:block; font-size:14px; line-height:18px; font-weight:bold; margin-bottom:20px; }

.resize-img { width:60%; margin:0 auto; margin-bottom:10px; }

.cream { font-weight:bold; font-size:18px; line-height:20px;color:#024593; display:block; margin-bottom:20px; }
.foam { font-weight:bold; font-size:18px; line-height:20px;color:#0269b8; display:block; margin-bottom:20px;}
.trimmer { font-weight:bold; font-size:18px; line-height:20px; color:#0f92cf; display:block; margin-bottom:20px; }

.hair-removal-series-comparison p { font-size:20px; line-height:24px; font-weight:bold; display:block; margin-bottom:10px; margin-top:0; padding:0 20px; }

}

@media all and (max-width: 600px) {

.lineup-container { width:320px; margin:0 auto; }

.lineup { float:left; width:100px; margin-top:30px; margin-right:5px; text-align:center; }

.lineup span { display:block; font-size:13px; line-height:17px; font-weight:bold; margin-bottom:20px; }

.resize-img { width:60%; margin:0 auto; margin-bottom:10px; }

.chart-img { width:80%; }

.cream { font-weight:bold; font-size:14px; line-height:16px;color:#024593; display:block; margin-bottom:20px; }
.foam { font-weight:bold; font-size:14px; line-height:16px;color:#0269b8; display:block; margin-bottom:20px;}
.trimmer { font-weight:bold; font-size:14px; line-height:16px; color:#0f92cf; display:block; margin-bottom:20px; }

.hair-removal-series-comparison p { font-size:20px; line-height:24px; font-weight:bold; display:block; margin-bottom:10px; margin-top:0; padding:0 20px; }

.cream-lineup-button, .foam-lineup-button, .trimmer-lineup-button {  font-size:11px; transition:0.3s; position:relative; margin-top:20px; margin-bottom:20px; display:inline-block;}

}


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

.buy .buy-text {
  width: 100%;
  margin-top:-10px;
  margin-left:0;
  margin-right:0;
  left:0;
  padding:5px;

}

.buy .buy-text::after {

  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;

}    

.select-text { padding:10px 5px 0px 5px; }

.buy-button { width:260px; margin-bottom:10px; } 

.shop-now-container { display:block; margin-top:50px; margin-bottom:50px; }

.shop-img { display:block; float:none; margin-left:25px;}

.shop-now-line { display:none; }

.banner-mobile-spacing { display:block; margin-bottom:730px; }
.banner-mobile-spacing-trimmer { display:block; margin-bottom:780px; }

}

/* Mobile only */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
 
   .banner-mobile-spacing { display:block; margin-bottom:500px; }
    .banner-mobile-spacing-trimmer { display:block; margin-bottom:550px; }
    
}