@media screen and (max-width: 568px) and (min-width: 481px) {
    /*slider text*/
    .cd-headline.clip .cd-words-wrapper::after {
        top: 19%;
        width: 2px;
        height: 65%;
    }
  
    .slider-text h1 .highlight-text {
        font-size: 35px;
    }
  
}
@media screen and (max-width: 780px) and (min-width: 568px) {
    /*slider text*/
    .cd-headline.clip .cd-words-wrapper::after {
        top: 19%;
        width: 2px;
        height: 65%;
    }
  
    .slider-text h1 .highlight-text {
        font-size: 35px;
    }
  
}
@media screen and (max-width: 376px) and (min-width: 361px) {
 
    /*slider text*/
    .cd-headline.clip .cd-words-wrapper::after {
        top: 27%;
        width: 2px;
        height: 50%;
    }
  
    .slider-text h1 .highlight-text {
        font-size: 30px;
    }

   
}

@media screen and (max-width: 320px) and (min-width: 0px) {
 
    /*slider text*/
    .cd-headline.clip .cd-words-wrapper::after {
        top: 27%;
        width: 2px;
        height: 50%;
    }
  
    .slider-text h1 .highlight-text {
        font-size: 25px;
    }
  
 
 
}


@media screen and (max-width: 360px) and (min-width: 321px) {
  
    /*slider text*/
    .cd-headline.clip .cd-words-wrapper::after {
        top: 27%;
        width: 2px;
        height: 50%;
    }
   
    .slider-text h1 .highlight-text {
        font-size: 25px;
    }
  
   
   
}





@media screen and (max-width: 415px) and (min-width: 376px) {
 
    /*slider text*/
    .cd-headline.clip .cd-words-wrapper::after {
        top: 27%;
        width: 2px;
        height: 50%;
    }
   
    .slider-text h1 .highlight-text {
        font-size: 30px;
    }
  
}



@media screen and (max-width: 480px) and (min-width: 415px) {
 
    /*slider text*/
    .cd-headline.clip .cd-words-wrapper::after {
        top: 19%;
        width: 2px;
        height: 65%;
    }
  
    .slider-text h1 .highlight-text {
        font-size: 30px;
    }
  
}

@media screen and (max-width: 1100px) and (min-width: 992px) {
 /*slider text*/
    .cd-headline.clip .cd-words-wrapper::after {
        top: 19%;
        width: 2px;
        height: 65%;
    }
  
    .slider-text h1 .highlight-text {
        font-size: 40px;
    }

}
@media screen and (max-width: 1215px) and (min-width: 1100px) {
 /*slider text*/
    .cd-headline.clip .cd-words-wrapper::after {
        top: 19%;
        width: 2px;
        height: 65%;
    }
  
    .slider-text h1 .highlight-text {
        font-size: 40px;
    }

}