Hi ranjan singh,

Never use the style.css unless you are adding it into the Child Theme style.css, otherwise your edits will be overridden each time the theme is updated.

You can also put your edits into the North Theme Options > Advanced > Custom CSS Styling box.

For mobile styling you need to target the responsive styling:

@media only screen and (max-width: 400px) {
.address-soft h2.phone-text, .address-soft a.mail-text {
    //add your edits here
}
}

A useful tool is to use Chrome, right-click on the text and click 'Inspect'.

You can then toggle the device toolbar to show you what it looks like on mobile to see the responsive CSS used

Hi ranjan singh,

Ah! You want the phone number text smaller too!

Try this:

@media only screen and (max-width: 480px){
.address-soft h1.phone-text {
    font-size: 20px;
}
}

(add to the North Theme options as before)

Hi ranjan singh,

Glad you found a way to get it sorted