@media only screen and  (min-device-width: 160px) and (max-device-width: 199px){
    html {
        font-size: 8px
    }
}
@media only screen and  (min-device-width: 200px) and (max-device-width: 239px){
    html {
        font-size: 10px
    }
}
@media only screen and  (min-device-width: 240px) and (max-device-width: 279px){
    html {
        font-size: 12px
    }
}
@media only screen and  (min-device-width: 280px) and (max-device-width: 319px){
    html {
        font-size: 14px
    }
}
@media only screen and  (min-device-width: 320px) and (max-device-width: 359px){
    html {
        font-size: 16px
    }
}
@media only screen and  (min-device-width: 360px) and (max-device-width: 399px){
    html {
        font-size: 18px
    }
}
@media only screen and  (min-device-width: 400px) and (max-device-width: 439px){
    html {
        font-size: 20px
    }
}
@media only screen and  (min-device-width: 440px) and (max-device-width: 479px){
    html {
        font-size: 22px
    }
}
@media only screen and  (min-device-width: 480px) and (max-device-width: 599px){
    html {
        font-size: 24px
    }
}
@media only screen and  (min-device-width: 600px) and (max-device-width: 959px){
    html {
        font-size: 30px
    }
}


@media only screen and  (min-device-width: 600px) and (max-device-device-width: 799px){
  .mobileLimit {
        max-device-device-width:600px;
        margin:auto;
    }
}