Text slider and CTA button alignment on mobile site

Hi Kharis ,

i researched lots topic here but my problem still there i am sharing the screenshot of mobile site it looks weird and google didnt pass the mobile friendly test https://prnt.sc/ioqdlq

here is the css i used from Athemes forums
/* Mobile menu */

@media only screen and (max-width: 768px) {
.site-logo {
max-height: 50px !important;
}
}
@media only screen and (max-width:1024px){

#mainnav-mobi {
top: 45px;

}

.header-wrap .container{
position: relative;
padding-top: 0;
}

.header-wrap .col-md-8{
height: 50%;
position: absolute;
top: 0;
right: 0;
}

.btn-menu {
position: absolute;
bottom: -17px;
right: 15px;
font-size: 28px;
font-family: “FontAwesome”;
color: #000;
}

@media only screen and (max-width:480px) {

.text-slider .maintitle {
font-size: 22px;
}

.text-slider .subtitle {
font-size: 16px;
}

}

plz help to make it good and mobile friendly
regards
Fatima

Hi sydney team i searched the topic in forum about my problem but didnt match can u plz help me find out the way to adjust the text slider and CTA button which is not displaying in mobile version i sent the screenshot below your help really appreciated .website is kitchentek.com.au

Note(i had my profile as fatima.s on Athemes and lost my password after and i tried to get the password recovery email but no luck so i am here with new ID)