/*Rem root value for all screens - start*/
@media (min-width: 2560px) {
  :root {
    font-size: calc(10px * 1.0) !important;
  }
}
@media (max-width: 2559px) and (min-width: 2351px) {
  :root {
    font-size: calc(10px * 0.95) !important;
  }
}
@media (max-width: 2350px) and (min-width: 2121px) {
  :root {
    font-size: calc(10px * 0.85) !important;
  }
}
@media (max-width: 2120px) and (min-width: 2048px) {
  :root {
    font-size: calc(10px * 0.81) !important;
  }
}
@media (max-width: 2047px) and (min-width: 1920px) {
  :root {
    font-size: calc(10px * 0.8) !important;
  }
}
@media (max-width: 1919px) and (min-width: 1761px) {
  :root {
    font-size: calc(10px * 0.79) !important;
  }
}
@media (max-width: 1760px) and (min-width: 1601px) {
  :root {
    font-size: calc(10px * 0.75) !important;
  }
}
@media (max-width: 1600px) and (min-width: 1441px) {
  :root {
    font-size: calc(10px * 0.67) !important;
  }
}
@media (max-width: 1440px) and (min-width: 1200px) {
  :root {
    font-size: calc(10px * 0.63) !important;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  :root {
    font-size: calc(10px * 0.62) !important;
  }
}
@media (max-width: 767px) {
  :root {
    font-size: calc(10px * 0.7) !important;
  }
}