Hi, I would like to add a large text using Visual Composer but it is not responsive on mobile, it does not scale down and appears very big. How do I make a new class and make it responsive on mobile? I tried to use media queries but it doesn't seem to work out. Currently there is no class style to the text, I only used span font-size to increase the font size. 

I was using the text block on VC to edit, they only have Headings 1 - 6. Is there any way I can add a new Heading 7 in? Or is there any other way that I can have my text bigger than H1 (font size 60pt) and it will be responsive on mobile also?

Hi, I would like to have a responsive font that is bigger than h1, without changing the current h1 size (because I have a lot headers with h1 and I would like them to remain). How do I do it?

What do you mean? Where do I paste the code? At the custom CSS or at the text block in Visual Composer? And do I just add this?

@media (max-width: 1000px) {

I only have one heading that I want at 60pt and I need it to be responsive. This is the text from Text Block on VC. 

<h1 style="text-align: center;"><strong><span style="color: #000000; font-size: 60pt; line-height: 60px;">PRICES STARTING FROM </span><span style="color: #0089f2; font-size: 60pt; line-height: 70px;">$5XXK</span></strong></h1>

There is only H1 to H6 so I used H1. Even when I added the media query (stated below) to the Custom CSS, it only applies to other H1 texts, not this heading that is 60pt. So how do I change it?

@media (max-width: 1000px) {
h1, .title-h1 {
    line-height: 30px !important;
    font-size: 30px !important;
}