@media (min-width:240px) and (max-width:320px) {
    html,body {
        font-size: 12.8px !important
    }
}

@media (min-width:321px) and (max-width:360px) {
    html,body {
        font-size: 14.4px !important
    }
}

@media (min-width:361px) and (max-width:375px) {
    html,body {
        font-size: 15px !important
    }
}

@media (min-width:376px) and (max-width:384px) {
    html,body {
        font-size: 15.36px !important
    }
}

@media (min-width:385px) and (max-width:414px) {
    html,body {
        font-size: 16.56px !important
    }
}

@media (min-width:412px) and (max-width:412px) {
    html,body {
        font-size: 16.48px !important
    }
}

@media (min-width:415px) and (max-width:450px) {
    html,body {
        font-size: 18px !important
    }
}

@media (min-width:451px) and (max-width:500px) {
    html,body {
        font-size: 20px !important
    }
}

@media (min-width:501px) and (max-width:550px) {
    html,body {
        font-size: 22px !important
    }
}

@media (min-width:551px) and (max-width:569px) {
    html,body {
        font-size: 22.72px !important
    }
}

@media (min-width:569px) and (max-width:640px) {
    html,body {
        font-size: 25.6px !important
    }
}

@media (min-width:641px) and (max-width:667px) {
    html,body {
        font-size: 26.68px !important
    }
}

@media (min-width:668px) and (max-width:736px) {
    html,body {
        font-size: 29.44px !important
    }
}

@media (min-width:738px) and (max-width:768px) {
    html,body {
        font-size: 30.72px !important
    }
}

@media (min-width:769px) and (max-width:900px) {
    html,body {
        font-size: 36px !important
    }
}

@media (min-width:901px) and (max-width:1080px) {
    html,body {
        font-size: 43.24px !important
    }
}


@media (min-width:432px) and (max-width:432px) {
    html,body {
        font-size: 17.28px !important
    }
}

@media (min-width:390px) and (max-width:390px) {
    html,body {
        font-size: 15.6px !important
    }
}

@media (min-width:391px) and (max-width:391px) {
    html,body {
        font-size: 15.639px !important
    }
}

@media (min-width:392px) and (max-width:392px) {
    html,body {
        font-size: 15.68px !important
    }
}

@media (min-width:393px) and (max-width:393px) {
    html,body {
        font-size: 15.72px !important
    }
}

@media (min-width:394px) and (max-width:394px) {
    html,body {
        font-size: 15.76px !important
    }
}

@media (min-width:395px) and (max-width:395px) {
    html,body {
        font-size: 15.799px !important
    }
}

@media (min-width:396px) and (max-width:396px) {
    html,body {
        font-size: 15.84px !important
    }
}

@media (min-width:397px) and (max-width:397px) {
    html,body {
        font-size: 15.88px !important
    }
}

@media (min-width:398px) and (max-width:398px) {
    html,body {
        font-size: 15.92px !important
    }
}

@media (min-width:399px) and (max-width:399px) {
    html,body {
        font-size: 15.96px !important
    }
}

@media (min-width:400px) and (max-width:400px) {
    html,body {
        font-size: 16px !important
    }
}

@media (min-width:401px) and (max-width:401px) {
    html,body {
        font-size: 16.04px !important
    }
}

@media (min-width:402px) and (max-width:402px) {
    html,body {
        font-size: 16.08px !important
    }
}

@media (min-width:414px) and (max-width:414px) {
    html,body {
        font-size: 16.56px !important
    }
}