Hi

Thanks for contacting us. Use this CSS

@media (max-width: 767px){
    .sp-slider #sp-slider-item-1653228190453-num-0-key #sp-slider-inner-item-1653228190454-num-0-key{
         white-space:nowrap;
    margin:0px 0px 0px 50px!important;
    padding:0px !important;
    text-align:center !important; 
    }
.sp-slider #sp-slider-item-1653228190453-num-0-key #sp-slider-inner-item-1653228190454-num-1-key {
font-size:17px !important;
    white-space:nowrap;
    margin:0px 0px 0px 20px!important;
    padding:0px !important;
    position:relative;
    right:30px;
    text-align:center !important;
}
    .sp-slider #sp-slider-item-1653228190453-num-0-key #sp-slider-inner-item-1653228190454-num-2-key{
        font-size:17px !important;
    margin:0px 0px 0px 0px!important;
    padding:0px !important;
    text-align:center !important;
    }
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards.

You are most welcome. You should accept my answer as its the solution for this post.