@media (min-width: 320px) and (max-width: 480px) {

    .mainTitle {
        font-size: 30px !important;

                }
}

@media (min-width: 481px) and (max-width: 768px) {

    .mainTitle {
        font-size: 20px !important;

                }
}

@media (min-width: 768px) and (max-width: 1024px) {

    .mainTitle {
        font-size: 22px !important;

                }
}

@media (min-width: 1025px) and (max-width: 1200px) {

    .mainTitle {
        font-size: 24px !important;

                }
}

@media (min-width: 1201px) {

    .mainTitle {
        font-size: 28px !important;

                }
}