Mobile title not responsive

HI there,

I’m having hard time sorting out my homepage look on different devices.
www.aidatorkamani.com
Title and subtitle on Slider looks fine on desktop and tablet but it’s too big on mobile, I would rather remove subtitle there and only have title and call to action.
I found some codes here that fixed slider and is responsive but I think I have some code here wrong?
Could you please have a look and let me know what I’m doing wrong.

Looking forward hearing from you and many thanks in advance.
Aida

.text-slider{
  display: table;
  text-align: left;
  float: right;
margin-right:60%;
}

.slide-inner {
	position: absolute;
	top: 50%;
	left: 10%;
	right: 40%;
	text-align: right;
 padding-right: 20px;
	z-index: 2;
	width: 100%;
	min-height: 260px;
	padding-top: 10px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.header-slider {
	overflow: hidden;
}

.page .hentry .entry-header {
    display: none;
}
.text-slider .maintitle, .text-slider .subtitle {
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
}

  .button-slider{
    margin-right: auto;
    float: left;
  }
}
@media only screen and (max-width: 320px){
  .header-slider {
    height: 275px !important;
  }
}

@media only screen and (max-width: 415px){
  .header-slider {
    height: 275px !important;
  }
}

@media only screen and (max-width: 768px){
  .header-slider {
    height: 650px !important;
  }
}

@media only screen and (max-width: 900px){
  #slideshow{
    height: 400px !important;
  }
}

@media only screen and (max-width: 600px){
  #slideshow{
    height: 210px !important;
  }
.text-slider{
display: table;
  text-align: left;
  float: right;
}

  .text-slider-section{
    top: 40%;
  }

}

#slideshow .slides-container .slide-item{
  background-position: top center;
  background-size: 100%;
}

Hello Aida,

Looks like your issue requires some coding and testing on different screen resolutions, this goes beyond our support policy. It’s considered advanced customization.

As an option, you can contact Codeable for this kind of service, or find a freelancer on Upwork.

Kind Regards, Roman.