/** Shopify CDN: Minification failed

Line 28:0 All "@import" rules must come first

**/
/* FONT */

@import url("https://use.typekit.net/fod0sar.css");
@import url("https://use.typekit.net/foz8ira.css");
@import url("https://use.typekit.net/dcy5jxx.css"); /* Roboto */
@import url('https://use.typekit.net/tfc6qkr.css'); /* Relation */

:root {
    --wicked-heading: "vincente", serif;
    --halloween-font: "cormorant-garamond", serif;
    --bfs-font: "roboto", sans-serif;
    --script-font: 'relation-one';
}


/* imPRESS NAILS BANNER */

/* Adobe Fonts 
Cabin Sketch Bold 
-- "cabin-sketch-bold", sans-serif;
*/

@import url("https://use.typekit.net/ano6mmm.css");

@font-face {
    font-family: "dearJoe 6 TRIAL";
    src: url('https://www.impressbeauty.com/cdn/shop/t/4/assets/dearJoe-6-TRIAL.ttf');
}
@font-face {
    font-family: "Joystix";
    src: url('https://www.impressbeauty.com/cdn/shop/t/4/assets/joystix-monospace.ttf');
}
@font-face {
    font-family: "Gelica";
    src: url('https://www.impressbeauty.com/cdn/shop/t/4/assets/gelica-regular.ttf');
}

:root{
    --prints--font: "dearJoe 6 TRIAL";
    --pixel-font: "Joystix";
    --gelica: "Gelica";
}

/* Back to School */ 

.nail-back-to-school__banner::before{
    content:"NEW";
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 2vw;
    font-weight: 600;
    letter-spacing: 0;
    left: 2%;
    right: 0;
    width: 6vw;
    top: 2%;
    /* bottom: -0.15em; */
    height: 1.35em;
    border-bottom:2px solid currentColor;
    border-radius:0 0 100% 100% / 0 0 30% 30%;
    pointer-events: none;
    z-index: 1;
}

.nail-back-to-school__banner .heading-banner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.nail-back-to-school__banner  .heading-banner .first-img {
    width: 15vw;
}
.nail-back-to-school__banner  .heading-banner :is(h1,h2,p){
   font-family: var(--halloween-font);
   color: #fff;
}
.nail-back-to-school__banner  .heading-banner h1{
    font-size: 2.5vw;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
}
.nail-back-to-school__banner  .heading-banner h2{
    font-size: 4.8vw;
    font-weight: 600;
}
.nail-back-to-school__banner  .heading-banner p{
    font-size: 2vw;
    font-weight: 300;
    margin-top: 0;
}
.nail-back-to-school__banner .text-box-1 .kiss-slideshow__text  {
    font-size: 1.6vw;
    font-weight: 600;
    margin-top: 0;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .nail-back-to-school__banner::before{
        font-size: 5vw;
        width: 15vw;
    }
    .nail-back-to-school__banner .heading-banner .first-img {
        width: 25vw;
    }
    .nail-back-to-school__banner  .heading-banner h1{
        font-size: 4.8vw;
        margin-top: -0.5em;
    }
    .nail-back-to-school__banner  .heading-banner h2{
        font-size: 9vw;
    }
    .nail-back-to-school__banner  .heading-banner p{
        font-size: 3.8vw;
    }
    .nail-back-to-school__banner .text-box-1 .kiss-slideshow__text {
        font-size: 4vw;
        margin-top: -0.5em;
    }
}


/* Standard */ 

.nail-standard__banner .text-box-1 .kiss-slideshow__heading {
    font-family: var(--prints--font);
    font-size: 3vw;
}
.nail-standard__banner .text-box-1 .kiss-slideshow__text {
    font-family: 'Montserrat';
    font-size: 5.45vw;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 2vw;
}

.nail-standard__banner .kiss-slideshow__button .button {
    color: #000;
    border: #fff;
    background-color: #fff;
}

@media screen and (hover: hover) {
    .nail-standard__banner .kiss-slideshow__button .button:hover {
        color: #fff;
        border: #000;
        background-color: #000 !important;
    }
}
@media screen and (max-width: 767px) {
    .nail-standard__banner .text-box-1 .kiss-slideshow__heading {
        font-size: 5.85vw;
    }
    .nail-standard__banner .text-box-1 .kiss-slideshow__text { 
        font-size: 10vw;
        margin-bottom: -4vw;
    }
}

/* Seasonal */

.nail-seasonal__banner .heading-banner :is(h1,h3){
    color: #fff;
}
.nail-seasonal__banner .heading-banner h1{
    font-size: 2vw !important;
    font-weight: 600;
    margin-bottom: 0;
    letter-spacing: 3px;
}
.nail-seasonal__banner .heading-banner h2{
    font-size: 6vw !important;
    font-weight: 600;
    margin: -0.1em auto;
}
.nail-seasonal__banner .heading-banner h3{
    font-size: 1.65vw !important;
    margin-top: 0;
    margin-bottom: 1.5em;
}
.nail-seasonal__banner .heading-banner p{
    font-family: "Montserrat";
    font-size: 1.4vw !important;
    font-weight: 600;
}
.nail-seasonal__banner .kiss-slideshow__button .button {
    color: #000;
    border: #fff;
    background-color: #fff;
}

@media screen and (hover: hover) {
    .nail-seasonal__banner .kiss-slideshow__button .button:hover {
        color: #fff;
        border: #000;
        background-color: #000 !important;
    }
}

@media screen and (max-width: 767px) {
    .nail-seasonal__banner .heading-banner h1 {
        font-size: 5vw !important;
    }
    .nail-seasonal__banner .heading-banner h2 {
        font-size: 15vw !important;
    }
    .nail-seasonal__banner .heading-banner h3 {
        font-size: 3.65vw !important;
        margin-bottom: 1em;
    }
    .nail-seasonal__banner .heading-banner p {
        font-size: 3.3vw !important;
    }
}

.nail-cyber-monday__banner .heading-banner :is(h1,h2,h3,h4,h5){
    color: #fff;
}
.nail-cyber-monday__banner .heading-banner h1{
    font-size: 1.65vw !important;
    font-weight: 600;
    margin-bottom: 0;
    letter-spacing: normal;
}
.nail-cyber-monday__banner .heading-banner h2{
    font-size: 2.8vw !important;
    font-weight: 600;
    margin-bottom: 0;
    letter-spacing: 3px;
}
.nail-cyber-monday__banner .heading-banner h3{
    font-size: 1.6vw !important;
    font-weight: 600;
    margin-top: 0.8em;
    margin-bottom: 1.5em;
}
.nail-cyber-monday__banner .heading-banner h4{
    font-size: 6.7vw !important;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}
.nail-cyber-monday__banner .heading-banner h5{
    font-size: 1.65vw !important;
    margin-top: 0;
    margin-bottom: 1.5em;
}
.nail-cyber-monday__banner .heading-banner p{
    font-family: "Montserrat";
    font-size: 1.4vw !important;
    font-weight: 600;
}
@media screen and (max-width: 767px) {
    .nail-cyber-monday__banner .heading-banner h1{
        font-size: 3.85vw !important;
    }
    .nail-cyber-monday__banner .heading-banner h2{
        font-size: 4.8vw !important;
    }
    .nail-cyber-monday__banner .heading-banner h3{
        font-size: 3.2vw !important;
        margin-top: 0.25em;
        margin-bottom: 0.5em;
    }
    .nail-cyber-monday__banner .heading-banner h4{
        font-size: 15vw !important;
    }
    .nail-cyber-monday__banner .heading-banner h5{
        font-size: 3.85vw !important;
        margin-bottom: 0.5em;
    }
    .nail-cyber-monday__banner .heading-banner p{
        font-size: 2.8vw !important;
    }
}

/* Holiday */

.nail-hoilday__banner .heading-banner :is(h1,h3){
    color: #fff;
}
.nail-hoilday__banner .heading-banner h1 {
    font-size: 3vw !important;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0.25em;
    color:#fef1e9;
}
.nail-hoilday__banner .heading-banner h1::before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('https://www.impressbeauty.com/cdn/shop/files/new-under-butterfly.png');
    background-size: 8vw;
    background-position: top;
    background-repeat: no-repeat;
    top: 22%;
    left: 0;
    z-index: 2;
}
.nail-hoilday__banner .heading-banner img{
    width: auto;
    height: 6.5vw;
    margin-top: 1.25em;
}
.nail-hoilday__banner .heading-banner h3{
    font-family: var(--gelica);
    font-size: 2.4vw !important;
    font-weight: 500;
    margin: 0.4em auto 1em;
}
.nail-hoilday__banner .heading-banner p {
    font-size: 1.4vw;
    font-weight: 600;
}
.nail-hoilday__banner .kiss-slideshow__button .button {
    color: #000;
    border: #fff;
    background-color: #fff;
}

@media screen and (hover: hover) {
    .nail-hoilday__banner .kiss-slideshow__button .button:hover {
        color: #fff;
        border: #000;
        background-color: #000 !important;
    }
}

@media screen and (max-width: 767px) {
    .nail-hoilday__banner .heading-banner h1 {
        font-size: 4.7vw !important;
    }
    .nail-hoilday__banner .heading-banner h1::before {
        background-size: 13vw;
        top: 21%;
    }
    .nail-hoilday__banner .heading-banner img {
        height: 11vw;
        margin-top: 0.25em;
    }
    .nail-hoilday__banner .heading-banner h3 {
        font-size: 5vw !important;
        margin: 0 auto 0;
    }
    .nail-hoilday__banner .heading-banner p {
        font-size: 3.4vw;
    }
}


/* Color FX */

.color-fx__banner::before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('https://www.impressbeauty.com/cdn/shop/files/new_sign_-_premium.png');
    background-size: 9%;
    background-position: top left;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    z-index: 2;
}
.color-fx__banner .heading-banner :is(h1,h2,p){
    font-family: var(--bfs-font);
}
.color-fx__banner .heading-banner h1 {
    font-size: 3vw !important;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}
.color-fx__banner .heading-banner h2{
    font-size: 2.4vw !important;
    font-weight: 700;
    margin-top: 0.8em;
    margin-bottom: 0;
    word-spacing: 10px;
}

.color-fx__banner .heading-banner h2 em{
    font-size: 4vw !important;
    font-weight: 500;
    font-family: var(--script-font);
    font-style: normal;
    color: #ae8dd2;
}
.color-fx__banner .heading-banner p {
    font-size: 1.15vw;
    font-weight: 600;
}
@media screen and (max-width: 767px) {
    .color-fx__banner::before {
        background-size: 20%;
    }
    .color-fx__banner .heading-banner h1 {
        font-size: 6.75vw !important;
    }
    .color-fx__banner .heading-banner h2{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        font-size: 4vw !important;
        margin-top: 0.5em;
    }
    .color-fx__banner .heading-banner h2 em {
        font-size: 7.5vw !important;
        font-weight: 600;
    }
    .color-fx__banner .heading-banner p {
        font-size: 2.5vw;
    }
}
/* Tablet View */
/* Tablets in vertical (portrait) orientation */
@media (min-width: 600px) and (max-width: 768px){
    .nail-back-to-school__banner .kiss-slide__text-box {
        left: 0;
        top: 52%;
        width: 100%;
    }
    .nail-back-to-school__banner::before {
        width: 20%;
        height: 6%;
    }
    .nail-back-to-school__banner .heading-banner .first-img {
        width: 25vw;
    }
    .nail-back-to-school__banner  .heading-banner h1{
        font-size: 4.8vw;
        margin-top: 0;
    }
    .nail-back-to-school__banner  .heading-banner h2{
        font-size: 9vw;
    }
    .nail-back-to-school__banner  .heading-banner p{
        font-size: 3.8vw;
    }
    .nail-back-to-school__banner .text-box-1 .kiss-slideshow__text {
        font-size: 4vw;
        margin-top: 0;
    }
    .nail-standard__banner .kiss-slide__text-box {
        left: 0;
        top: 66%;
        width: 100%;
    }
    .nail-standard__banner .text-box-1 .kiss-slideshow__heading {
        font-size: 5.85vw;
    }
    .nail-standard__banner .text-box-1 .kiss-slideshow__text { 
        font-size: 10vw;
        margin-bottom: 2vw;
    }
    .nail-seasonal__banner .kiss-slide__text-box {
        left: 0;
        top: 60%;
        width: 100%;
    }
    .nail-seasonal__banner .heading-banner h1 {
        font-size: 5vw !important;
    }
    .nail-seasonal__banner .heading-banner h2 {
        font-size: 15vw !important;
    }
    .nail-seasonal__banner .heading-banner h3 {
        font-size: 3.65vw !important;
        margin-bottom: 1em;
    }
    .nail-seasonal__banner .heading-banner p {
        font-size: 3.3vw !important;
    }
    .nail-cyber-monday__banner .kiss-slide__text-box {
        top: 53%;
    }
    .nail-cyber-monday__banner .heading-banner h1{
        font-size: 3.85vw !important;
    }
    .nail-cyber-monday__banner .heading-banner h2{
        font-size: 4.8vw !important;
    }
    .nail-cyber-monday__banner .heading-banner h3{
        font-size: 3.2vw !important;
        margin-top: 0.25em;
        margin-bottom: 0.5em;
    }
    .nail-cyber-monday__banner .heading-banner h4{
        font-size: 15vw !important;
    }
    .nail-cyber-monday__banner .heading-banner h5{
        font-size: 3.85vw !important;
        margin-bottom: 0.5em;
    }
    .nail-cyber-monday__banner .heading-banner p{
        font-size: 2.8vw !important;
    }
    .nail-hoilday__banner .kiss-slide__text-box {
        left: 0;
        top: 62%;
        width: 100%;
    }
    .nail-hoilday__banner .heading-banner h1 {
        font-size: 4.7vw !important;
    }
    .nail-hoilday__banner .heading-banner h1::before {
        background-size: 13vw;
        top: 21%;
    }
    .nail-hoilday__banner .heading-banner img {
        height: 11vw;
        margin-top: 0.25em;
    }
    .nail-hoilday__banner .heading-banner h3 {
        font-size: 5vw !important;
        margin: 0 auto 0;
    }
    .nail-hoilday__banner .heading-banner p {
        font-size: 3.4vw;
    }
    .color-fx__banner .kiss-slide__text-box {
        left: 0;
        top: 68%;
        width: 100%;
    }
    .color-fx__banner::before {
        background-size: 20%;
    }
    .color-fx__banner .heading-banner h1 {
        font-size: 6.75vw !important;
    }
    .color-fx__banner .heading-banner h2{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        font-size: 4vw !important;
        margin-top: 0.5em;
        word-spacing: 10px;
    }
    .color-fx__banner .heading-banner h2 em {
        font-size: 7.5vw !important;
        font-weight: 600;
    }
    .color-fx__banner .heading-banner p {
        font-size: 2.5vw;
    }
}

/* imPRESS LASHES BANNER */

/* Back to School */ 

.lash-back-to-school__banner .heading-banner :is(h1,p){
   font-family: 'Times New Roman', serif;
   text-transform: uppercase;
   font-weight: 500;
   font-size: 5vw;
   letter-spacing: -2px;
}
.lash-back-to-school__banner .heading-banner h1{
    margin-top: 0;
    margin-bottom: 0;
}
.lash-back-to-school__banner .heading-banner h2{
    font-size: 2vw;
    font-weight: 600;
}
.lash-back-to-school__banner .heading-banner p{
    margin-top: -0.1em;
    margin-bottom: 0.35em;
}
.lash-back-to-school__banner .text-box-1 .kiss-slideshow__text  {
    font-size: 2.3vw;
    font-weight: 500;
    margin-top: 0;
    line-height: 1.3;
}
@media screen and (max-width: 767px) {
    .lash-back-to-school__banner .heading-banner :is(h1,p){
        font-size: 10vw;
     }
    .lash-back-to-school__banner .heading-banner h1{
        margin-top: -0.5em;
    }
    .lash-back-to-school__banner .heading-banner h2{
        font-size: 4vw;
    }
    .lash-back-to-school__banner .text-box-1 .kiss-slideshow__text {
        font-size: 4.4vw;
        margin-top: -0.5em;
    }
}

/* Standard */ 

.lash-standard__banner .text-box-1 .kiss-slideshow__heading {
    font-size: 4vw;
    font-weight: 600;
    line-height: normal;
}
.lash-standard__banner .text-box-1 .kiss-slideshow__text {
    font-size: 1.75vw;
    font-weight: 500;
    margin-bottom: 3vw;
}

@media screen and (max-width: 767px) {
    .lash-standard__banner .text-box-1  {
        left: 15%;
        width: 74%;
        padding-bottom: 5px;
    }
    .lash-standard__banner .text-box-1 .kiss-slideshow__heading {
        font-size: 6.5vw;
    }
    .lash-standard__banner .text-box-1 .kiss-slideshow__text {
        font-size: 3.25vw;
        font-weight: 600;
        margin-bottom: -5vw;
        line-height: 1;
    }
}

/* Seasonal */

.lash-seasonal__banner .heading-banner :is(h1,h3,p){
    font-family: var(--bfs-font);
    color: #fff;
}
.lash-seasonal__banner .heading-banner h1{
    font-size: 2vw !important;
    font-weight: 500;
    margin-bottom: 0;
}
.lash-seasonal__banner .heading-banner h2{
    font-size: 6vw !important;
    font-weight: 700;
    margin: -0.1em auto;
    color: #fff;
}
.lash-seasonal__banner .heading-banner h3{
    font-size: 1.4vw !important;
    margin-top: 0;
    margin-bottom: 1.5em;
    text-transform: uppercase;
}
.lash-seasonal__banner .heading-banner p{
    font-size: 1.4vw !important;
    font-weight: 400;
}
.lash-seasonal__banner .kiss-slideshow__button .button {
    color: #000;
    border: #fff;
    background-color: #fff;
}

@media screen and (hover: hover) {
    .lash-seasonal__banner .kiss-slideshow__button .button:hover {
        color: #fff;
        border: #000;
        background-color: #000 !important;
    }
}

@media screen and (max-width: 767px) {
    .lash-seasonal__banner .heading-banner h1 {
        font-size: 5vw !important;
    }
    .lash-seasonal__banner .heading-banner h2 {
        font-size: 15vw !important;
    }
    .lash-seasonal__banner .heading-banner h3 {
        font-size: 3.65vw !important;
        margin-bottom: 1em;
    }
    .lash-seasonal__banner .heading-banner p {
        font-size: 4.3vw !important;
    }
}

.lash-cyber-monday__banner .heading-banner :is(h2,h4,p){
    font-family: var(--bfs-font);
    color: #fff;
}
.lash-cyber-monday__banner .heading-banner h1{
    font-family: var(--pixel-font);
    font-size: 3.2vw !important;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0.6em;
}
.lash-cyber-monday__banner .heading-banner h2{
    font-size: 2vw !important;
    font-weight: 500;
    margin-bottom: 0;
}
.lash-cyber-monday__banner .heading-banner h3{
    font-size: 6vw !important;
    font-weight: 700;
    margin-top: 0.15em;
    margin-bottom: 0;
    color: #fff;
}
.lash-cyber-monday__banner .heading-banner h4{
    font-size: 1.4vw !important;
    margin-top: 0;
    margin-bottom: 1.5em;
    text-transform: uppercase;
}
.lash-cyber-monday__banner .heading-banner p{
    font-size: 1.4vw !important;
    font-weight: 400;
}
.lash-cyber-monday__banner .kiss-slideshow__button .button{
    border: inherit;
    border-left: 2px solid #00ffbf;
    border-right: 2px solid #0080ff;
    border-top: 1px solid #ff4ecf;
}

@media screen and (max-width: 767px) {
    .lash-cyber-monday__banner .heading-banner h1 {
        font-size: 5.6vw !important;
        margin-bottom: 0.3em;
    }
    .lash-cyber-monday__banner .heading-banner h2 {
        font-size: 3.2vw !important;
        margin-bottom: 79vw;
    }
    .lash-cyber-monday__banner .heading-banner h3 {
        font-size: 14vw !important;
    }
    .lash-cyber-monday__banner .heading-banner h4 {
        font-size: 3vw !important;
        margin-bottom: 0;
    }
    .lash-cyber-monday__banner .heading-banner p {
        font-size: 4vw !important;
        margin-top: 0;
        margin-bottom: 0;
    }
    .lash-cyber-monday__banner .kiss-slideshow__button {
        margin-top: 0.5em !important;
    }
}

/* base text */
.glitch-text {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 4px;
  text-shadow: 0 0 18px rgba(0,0,0,0.35);
  margin: 0;
  animation: glitch-flicker 1.3s infinite steps(2, end);
}

/* cyan layer */
.glitch-text::before,
.glitch-text::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  pointer-events: none;
}

/* cyan on the left */
.glitch-text::before {
  color: #00ffe7;
  mix-blend-mode: screen;
  transform: translate(2px, 0);
  animation: glitch-shift-1 1.3s infinite;
}

/* pink on the right */
.glitch-text::after {
  color: #ff55d8;
  mix-blend-mode: screen;
  transform: translate(-2px, 0);
  animation: glitch-shift-2 1.3s infinite;
}

/* slight brightness flicker */
@keyframes glitch-flicker {
  0%, 100% { opacity: 1; filter: none; }
  40%      { opacity: 0.9; filter: blur(0.5px); }
  45%      { opacity: 1;   filter: brightness(1.15); }
  60%      { opacity: 0.85; }
}

/* small, sharp jumps – no crazy slicing */
@keyframes glitch-shift-1 {
  0%, 100% { transform: translate(2px, 0); }
  10%      { transform: translate(-2px, -1px); }
  20%      { transform: translate(3px, 1px); }
  30%      { transform: translate(-1px, 0); }
  60%      { transform: translate(2px, 1px); }
}

@keyframes glitch-shift-2 {
  0%, 100% { transform: translate(-2px, 0); }
  15%      { transform: translate(2px, 1px); }
  25%      { transform: translate(-3px, -1px); }
  55%      { transform: translate(1px, 0); }
  70%      { transform: translate(-2px, -1px); }
}

/* Holiday */

.lash-hoilday__banner .heading-banner h2{
    font-family: 'Times New Roman', Times, serif;
    font-size: 4vw;
    font-weight: 500;
}
.lash-hoilday__banner .heading-banner p {
    font-size: 1.65vw;
    font-weight: 500;
}
.lash-hoilday__banner .kiss-slideshow__button .button {
    color: #000;
    border: #fff;
    background-color: #fff;
}

@media screen and (hover: hover) {
    .lash-hoilday__banner .kiss-slideshow__button .button:hover {
        color: #fff;
        border: #000;
        background-color: #000 !important;
    }
}

@media screen and (max-width: 767px) {
    .lash-hoilday__banner .heading-banner h2 {
        font-size: 8vw !important;
    }
    .lash-hoilday__banner .heading-banner p {
        font-size: 3.4vw;
    }
}


/* Tablet View */
/* Tablets in vertical (portrait) orientation */
@media (min-width: 600px) and (max-width: 768px){
    .lash-back-to-school__banner .kiss-slide__text-box {
        left: 0;
        top: 63%;
        width: 100%;
    }
    .lash-back-to-school__banner .heading-banner :is(h1,p){
        font-size: 10vw;
     }
    .lash-back-to-school__banner .heading-banner h1{
        margin-top: -0.5em;
    }
    .lash-back-to-school__banner .heading-banner h2{
        font-size: 4vw;
    }
    .lash-back-to-school__banner .text-box-1 .kiss-slideshow__text {
        font-size: 4.4vw;
        margin-top: -0.5em;
    }
    .lash-standard__banner .text-box-1  {
        top: 65%;
        left: 15%;
        width: 75%;
        color: #fff;
    }
    .lash-standard__banner .text-box-1 .kiss-slideshow__heading {
        font-size: 7vw;
    }
    .lash-standard__banner .text-box-1 .kiss-slideshow__text {
        font-size: 3.25vw;
        font-weight: 600;
        margin-top: 5vw;
        margin-bottom: 5vw;
        line-height: 1;
    }
    .lash-seasonal__banner .kiss-slide__text-box {
        left: 0;
        top: 60%;
        width: 100%;
    }
    .lash-seasonal__banner .heading-banner h1 {
        font-size: 5vw !important;
    }
    .lash-seasonal__banner .heading-banner h2 {
        font-size: 15vw !important;
    }
    .lash-seasonal__banner .heading-banner h3 {
        font-size: 3.65vw !important;
        margin-bottom: 1em;
    }
    .lash-seasonal__banner .heading-banner p {
        font-size: 4.3vw !important;
    }
    .lash-seasonal__banner .kiss-slide__text-box {
        top: 2%;
    }
    .lash-cyber-monday__banner .heading-banner h1 {
        font-size: 5.6vw !important;
        margin-bottom: 0.3em;
    }
    .lash-cyber-monday__banner .heading-banner h2 {
        font-size: 3.2vw !important;
        margin-bottom: 85vw;
    }
    .lash-cyber-monday__banner .heading-banner h3 {
        font-size: 14vw !important;
        margin-bottom: 0;
    }
    .lash-cyber-monday__banner .heading-banner h4 {
        font-size: 3vw !important;
        margin-bottom: 0;
    }
    .lash-cyber-monday__banner .heading-banner p {
        font-size: 4vw !important;
        margin-top: 0;
        margin-bottom: 0;
    }
    .lash-cyber-monday__banner .kiss-slideshow__button {
        margin-top: 0.5em !important;
    }
    .lash-hoilday__banner .kiss-slide__text-box {
        left: 0;
        top: 59%;
        width: 100%;
    }
    .lash-hoilday__banner .heading-banner h2 {
        font-size: 8vw !important;
    }
    .lash-hoilday__banner .heading-banner p {
        font-size: 3.4vw !important;
    }
}


/* imPRESS LASHES FALSIES BANNER */

/* .middle-banner--row .__page-banner::before{
    content: "";
    display: block;
    position: absolute;
    width: 20%;
    height: 58%;
    background-image: url('/cdn/shop/files/Cosmo_Holy_Grail_for_imPRESS_Falsies.png');
    background-size: 80%;
    background-position: top left;
    background-repeat: no-repeat;
    top: -4%;
    left: -1%;
    z-index: 2;
} */
@media screen and (min-width: 750px){
    .middle-banner--row .__page-banner-text {
        top: 0 !important;
    }
    .middle-banner--row .column-text p br{
        display: none;
    }
}

.middle-banner--row .column-image img {
    width: 17vw;
    margin-left: auto;
    margin-right: auto;
}
.middle-banner--row .column-text h2 {
    font-size: 3.3vw;
    font-weight: 600;
    color: #fff;
    line-height: 1;
}
.middle-banner--row .column-text p {
    font-size: 1.45vw;
    font-weight: 600;
    color: #000;
}
.middle-banner--row .column-text :is(p) {
    margin-top: 0 !important;
    margin-bottom: 2em !important;
}

@media screen and (max-width: 749px){
    /* .middle-banner--row .__page-banner::before{
        width: 30%;
        background-size: 100%;
        top: -2%;
        left: -2%;
    } */
    .middle-banner--row .__page-banner-text {
        width: 100% !important;
    }
    .middle-banner--row .column-image img {
        width: 50vw;
    }
    .middle-banner--row .column-text h2 br{
        display: none;
    }
    .middle-banner--row .column-text h2 {
        font-size: 6.2vw;
    }
    .middle-banner--row .column-text :is(h2) {
        margin-top: 0 !important;
    }
    .middle-banner--row .column-text p {
        font-size: 3.5vw;
        color: #fff;
        line-height: 1.3;
    }
    .middle-banner--row .column-text :is(p) {
        margin-top: 1em !important;
        margin-bottom: 2em !important;
    }
}

/* Tablets in vertical (portrait) orientation */
@media (min-width: 600px) and (max-width: 768px){
    .middle-banner--row .__page-banner-text.text-desktop-horizontal-position__right {
        left: 0 !important;
    }
    .middle-banner--row .__page-banner-text.text-desktop-vertical-position__center {
        justify-content: end !important;
    }
    .middle-banner--row .__page-banner-text {
        width: 100% !important;
    }
    /* .middle-banner--row .__page-banner::before{
        width: 30%;
        background-size: 100%;
        top: -2%;
        left: -2%;
    } */
    .middle-banner--row .column-image img {
        width: 50vw;
    }
    .middle-banner--row .column-text h2 br{
        display: none;
    }
    .middle-banner--row .column-text h2 {
        font-size: 6.2vw;
    }
    .middle-banner--row .column-text :is(h2) {
        margin-top: 0 !important;
    }
    .middle-banner--row .column-text p br{
        display: block;
    }
    .middle-banner--row .column-text p {
        font-size: 3.5vw;
        color: #fff;
        line-height: 1.3;
    }
    .middle-banner--row .column-text :is(p) {
        margin-top: 1em !important;
        margin-bottom: 1em !important;
    }
}

/* Tablets in horizontal (landscape) orientation */
@media (min-width: 820px) and (max-width: 1180px){
    .middle-banner--row .__page-banner-text {
        padding-bottom: 30px !important;
    }
}


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

/* Tablet View */
/* Tablets in vertical (portrait) orientation */
@media (min-width: 600px) and (max-width: 768px){
}

/* Tablets in horizontal (landscape) orientation */
@media (min-width: 800px) and (max-width: 1280px){
}