/* Small devices (portrait tablets and large phones, 600px and up) / */
@media only screen and (min-width: 320px) {
    html {
      font-size: 50% !important;
    }
  }
  
  /* / Small devices (portrait tablets and large phones, 600px and up) / */
  @media only screen and (min-width: 600px) and (min-height: 338px) {
    html {
      font-size: 50% !important;
    }
  }
  
  /* / Medium devices (landscape tablets, 768px and up) / */
  @media screen and (min-width: 768px) {
    html {
      font-size: 50% !important;
    }
  }
  
  /* / Large devices (Antd lg size: from 992px and up or Ipad 1024px) / */
  @media screen and (min-width: 992px) {
    html {
      font-size: 50% !important;
    }
  }
  
  /*Large devices (Antd xl size: from 1200px and up) */
  @media screen and (min-width: 1201px) {
    html {
      font-size: 50% !important;
    }
  }
  /* / Extra Large devices (laptops/desktops or Ipad Pro 1366px, from HD 1280px to HD+ 1600px) / */
  @media screen and (min-width: 1281px) {
    html {
      font-size: 55% !important;
    }
  }
  
  /* / Extra large devices (large laptops and desktops) / */
  @media screen and (min-width: 1400px) {
    html {
      font-size: 62.5% !important;
    }
  }