Hi @numzie
For this, Kindly paste the code given below in Custom CSS field (Appearance -> Customize -> Header settings -> Custom CSS).
.flex-slider-center {
top: 50% !important;
width: 80% !important;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 768px) {
.slide-text-bg1, .slide-text-bg2 {
margin: 0 0 4px !important;
}
.slide-text-bg3 {
padding: 0 !important;
}
.slide-text-bg1 h2 {
font-size: 24px !important;
line-height: 30px !important;
}
.slide-text-bg2 h1 {
font-size: 28px !important;
line-height: 36px !important;
border-top: 1px solid #ffffff !important;
border-bottom: 1px solid #ffffff !important;
}
.slide-text-bg3 p {
font-size: 12px !important;
line-height: 20px !important;
}
}
@media (max-width: 480px) {
.flex-slider-center {
width: 100% !important;
padding: 15px;
}
.slide-text-bg1, .slide-text-bg2 {
margin: 0 0 4px !important;
}
.slide-text-bg3 {
padding: 0 !important;
}
.slide-text-bg1 h2 {
font-size: 10px !important;
line-height: 18px !important;
}
.slide-text-bg2 h1 {
font-size: 12px !important;
line-height: 20px !important;
}
.slide-text-bg3 p {
font-size: 8px !important;
line-height: 14px !important;
}
}
Hope this will helps you.
Let us know if it works..!
Regards
—
Shahid