/* HelpDiv.css */

/* Defaults */
.HelpDiv {
  z-index: 29;
  display: none;
  background-color: rgb(255,255,255);
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 27vh;
  width: 42vw;
  height: auto;
  border: .25vw ridge white;
}
.HelpInnerDiv {
  margin: auto;
  overflow-y: unset;
  width: 100%;
  height: auto;
}
.HelpTitleTbl {
  width: 100%;
  border-bottom: .01vw solid darkslategrey;
}
.HelpTitleTd1, .HelpTitleTd3 {
  width: 10%; /* multiply by 2 */
}
.HelpTitleTd3 {
  text-align: right;
}
.HelpTitle {
  text-align: center;
  font-family: Salsa;
  color: black;
  width: 80%;
  font-size: 1vw;
  line-height: 1.65em;
}
.HelpTbl {
  width: 100%;
}
.HelpData, .HelpCategory {
  font-family: 'Average Sans';
  font-size: .95vw;
}
.HelpData {
  text-align: left;
  position: relative;
  color: black;
  width: 100%;
  padding: .25vh .5vw .45vh .5vw;
}
.HelpTextTbl {
  text-align: left;
  position: relative;
  width: 100%;
}
.HelpTextData {
  text-align: left;
  position: relative;
  width: 100%;
  line-height: 1.1em;
}
.HelpCategory {
  margin: 0;
  font-style: italic;
  font-weight: bold;
}
.HelpBullet {
  vertical-align: bottom;
  display: inline;
  color: #387dff; /* blueish */
  padding-left: 1.15vw;
  font-size: 1.85vw;
}
.HelpMenuItem {
  color: #c78200; /* goldish */
  font-family: Salsa;
  font-size: .95vw;
}
.HelpLineBreak {
  background-color: black;
  height: .1vh;
  width: 100%;
}

/* 1600 x 1024 */
@media only screen and (min-width: 1401px) and (max-width: 1600px) {
.HelpDiv {
  top: 27vh;
  width: 46vw;
  border-width: .25vw;
}
.HelpTitle {
  font-size: 1.15vw;
  line-height: 1.5em;
}
.HelpData, .HelpCategory {
  font-size: 1.1vw;
}
.HelpData {
  padding: .25vh .5vw .35vh .5vw;
}
.HelpTextData {
  line-height: 1.1em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 1.9vw;
}
.HelpMenuItem {
  font-size: 1.1vw;
}
}

/* Dell E7450 Laptop: 1920 x 991 - @ 100% - (1024: default styles)*/
/* Dell E7450 Laptop: 1536 x 782 (792 ?) - @ 125% device settings */
@media only screen and (min-width: 1401px) and (max-width: 1600px) and (min-height: 760px) and (max-height: 810px) {
.HelpDiv {
  top: 25vh;
  width: 46vw;
  border-width: .25vw;
}
.HelpTitle {
  font-size: 1.2vw;
  line-height: 1.5em;
}
.HelpData, .HelpCategory {
  font-size: 1.15vw;
}
.HelpData {
  padding: .25vh .5vw .35vh .5vw;
}
.HelpTextData {
  line-height: 1.1em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 1.95vw;
}
.HelpMenuItem {
  font-size: 1.15vw;
}
}

/* Laptop Georgie's Lenovo Win11:  1485 x 737 - custom resized */
@media only screen and (min-width: 1281px) and (max-width: 1500px) and (min-height: 726px) and (max-height:750px) {
.HelpDiv {
  top: 25vh;
  width: 46vw;
  border-width: .25vw;
}
.HelpTitle {
  font-size: 1.2vw;
  line-height: 1.5em;
}
.HelpData, .HelpCategory {
  font-size: 1.15vw;
}
.HelpData {
  padding: .25vh .5vw .35vh .5vw;
}
.HelpTextData {
  line-height: 1.1em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 1.95vw;
}
.HelpMenuItem {
  font-size: 1.15vw;
}
}

/* 1400 x 1024 */
@media only screen and (min-width: 1281px) and (max-width: 1400px) {
.HelpDiv {
  top: 27vh;
  width: 46vw;
  border-width: .25vw;
}
.HelpTitle {
  font-size: 1.3vw;
  line-height: 1.55em;
}
.HelpData, .HelpCategory {
  font-size: 1.25vw;
}
.HelpData {
  padding: .25vh .5vw .35vh .5vw;
}
.HelpTextData {
  line-height: 1.15em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 2.1vw;
}
.HelpMenuItem {
  font-size: 1.25vw;
}
}

/* Laptop Georgie's Dell: 1367 x 693 - ( when I had this device !! ) */
@media only screen and (min-width: 1281px) and (max-width: 1400px) and (min-height: 685px) and (max-height: 725px) {
.HelpDiv {
  top: 24vh;
  width: 54vw;
  border-width: .25vw;
}
.HelpTitle {
  font-size: 1.4vw;
  line-height: 1.565em;
}
.HelpData, .HelpCategory {
  font-size: 1.3vw;
}
.HelpData {
  padding: .25vh .5vw .425vh .5vw;
}
.HelpTextData {
  line-height: 1.1em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 2.15vw;
}
.HelpMenuItem {
  font-size: 1.3vw;
}
}

/* Laptop Georgie's Toshiba: 1366 x 768 - ( recommended - F11 ) */
@media only screen and (min-width: 1281px) and (max-width: 1400px) and (min-height: 750px) and (max-height: 780px) {
.HelpDiv {
  top: 24vh;
  width: 54vw;
  border-width: .25vw;
}
.HelpTitle {
  font-size: 1.4vw;
  line-height: 1.5em;
}
.HelpData, .HelpCategory {
  font-size: 1.3vw;
}
.HelpData {
  padding: .25vh .5vw .425vh .5vw;
}
.HelpTextData {
  line-height: 1.125em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 2.15vw;
}
.HelpMenuItem {
  font-size: 1.3vw;
}
}

/* Laptop Georgie's Toshiba: 1364 x 650 */
@media only screen and (min-width: 1281px) and (max-width: 1400px) and (min-height: 630px) and (max-height: 680px) {
.HelpDiv {
  top: 24vh;
  width: 54vw;
  border-width: .25vw;
}
.HelpTitle {
  font-size: 1.4vw;
  line-height: 1.5em;
}
.HelpData, .HelpCategory {
  font-size: 1.3vw;
}
.HelpData {
  padding: .25vh .5vw .425vh .5vw;
}
.HelpTextData {
  line-height: 1.15em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 2.15vw;
}
.HelpMenuItem {
  font-size: 1.3vw;
}
}

/* Landscape: 1280 x 1024 */
@media only screen and (min-width: 1153px) and (max-width: 1280px) {
.HelpDiv {
  top: 27vh;
  width: 46vw;
  border-width: .25vw;
}
.HelpTitle {
  font-size: 1.4vw;
  line-height: 1.65em;
}
.HelpData, .HelpCategory {
  font-size: 1.4vw;
}
.HelpData {
  padding: .25vh .5vw .35vh .65vw;
}
.HelpTextData {
  line-height: 1.125em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 2.2vw;
}
.HelpMenuItem {
  font-size: 1.4vw;
}
}

/* Landscape: 1280 x 728 */
@media only screen and (min-width: 1153px) and (max-width: 1280px) and (min-height: 701px) and (max-height: 800px) {
.HelpDiv {
  top: 24vh;
  width: 58vw;
  border-width: .25vw;
}
.HelpTitle {
  font-size: 1.4vw;
  line-height: 1.6em;
}
.HelpData, .HelpCategory {
  font-size: 1.45vw;
}
.HelpData {
  padding: .25vh .5vw .35vh .65vw;
}
.HelpTextData {
  line-height: 1.125em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 2.15vw;
}
.HelpMenuItem {
  font-size: 1.45vw;
}
}

/* Landscape Dell E7450 Laptop: 1280 x 642 */
@media only screen and (min-width: 1153px) and (max-width: 1280px) and (min-height: 636px) and (max-height: 700px) {
.HelpDiv {
  top: 24vh;
  width: 58vw;
  border-width: .25vw;
}
.HelpTitle {
  font-size: 1.45vw;
  line-height: 1.565em;
}
.HelpData, .HelpCategory {
  font-size: 1.45vw;
}
.HelpData {
  padding: .25vh .5vw .35vh .65vw;
}
.HelpTextData {
  line-height: 1.1em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 2.15vw;
}
.HelpMenuItem {
  font-size: 1.45vw;
}
}

/* Landscape Sandra's Tablet: 1280 x 632 */
@media only screen and (min-width: 1153px) and (max-width: 1280px) and (min-height: 625px) and (max-height: 640px) {
.HelpDiv {
  top: 24vh;
  width: 58vw;
  border-width: .25vw;
}
.HelpTitle {
  font-size: 1.45vw;
  line-height: 1.565em;
}
.HelpData, .HelpCategory {
  font-size: 1.45vw;
}
.HelpData {
  padding: .25vh .5vw .35vh .65vw;
}
.HelpTextData {
  line-height: 1.1em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 2.15vw;
}
.HelpMenuItem {
  font-size: 1.45vw;
}
}

/* Landscape: Lenovo M11 Tablet: 1280 x 605 - Chrome changed the viewport */
@media only screen and (min-width: 1153px) and (max-width: 1280px) and (min-height: 550px) and (max-height: 624px) {
.HelpDiv {
  top: 20vh;
  width: 58vw;
  border-width: .3vw;
}
.HelpTitle {
  font-size: 1.45vw;
  line-height: 1.565em;
}
.HelpData, .HelpCategory {
  font-size: 1.45vw;
}
.HelpData {
  padding: .25vh .5vw .35vh .65vw;
}
.HelpTextData {
  line-height: 1.1em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 2.15vw;
}
.HelpMenuItem {
  font-size: 1.45vw;
}
}

/* Landscape: 1152 x 834 */
@media only screen and (min-width: 1089px) and (max-width: 1152px) {
.HelpDiv {
  top: 24vh;
  width: 62vw;
  border-width: .35vw;
}
.HelpTitle {
  font-size: 1.6vw;
  line-height: 1.55em;
}
.HelpData, .HelpCategory {
  font-size: 1.6vw;
}
.HelpData {
  padding: .25vh .5vw .35vh .65vw;
}
.HelpTextData {
  line-height: 1.065em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 2.4vw;
}
.HelpMenuItem {
  font-size: 1.6vw;
}
}

/* Landscape: 1088 x 800 */
@media only screen and (min-width: 1025px) and (max-width: 1088px) and (min-height: 760px) and (max-height: 800px) {
.HelpDiv {
  top: 24vh;
  width: 62vw;
  border-width: .35vw;
}
.HelpTitle {
  font-size: 1.6vw;
  line-height: 1.65em;
}
.HelpData, .HelpCategory {
  font-size: 1.6vw;
}
.HelpData {
  padding: .25vh .5vw .35vh .65vw;
}
.HelpTextData {
  line-height: 1.065em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 2.4vw;
}
.HelpMenuItem {
  font-size: 1.6vw;
}
}

/* Landscape: 1024 x 768 */
@media only screen and (min-width: 951px) and (max-width: 1024px) {
.HelpDiv {
  top: 24vh;
  width: 68vw;
  border-width: .35vw;
}
.HelpTitle {
  font-size: 1.75vw;
  line-height: 1.65em;
}
.HelpData, .HelpCategory {
  font-size: 1.7vw;
}
.HelpData {
  padding: .25vh .65vw .35vh .65vw;
}
.HelpTextData {
  line-height: 1.075em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 2.6vw;
}
.HelpMenuItem {
  font-size: 1.7vw;
}
}

/* Landscape Melaina's iPad: 1024 x 651 */
@media only screen and (min-width: 951px) and (max-width: 1024px) and (min-height: 645px) and (max-height: 660px) {
.HelpDiv {
  top: 24vh;
  width: 68vw;
  border-width: .35vw;
}
.HelpTitle {
  font-size: 1.8vw;
  line-height: 1.65em;
}
.HelpData, .HelpCategory {
  font-size: 1.7vw;
}
.HelpData {
  padding: .25vh .65vw .35vh .65vw;
}
.HelpTextData {
  line-height: 1.075em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 2.6vw;
}
.HelpMenuItem {
  font-size: 1.7vw;
}
}

/* Landscape: Georgie's Motorola Edge: 980 x 387 */
@media only screen and (min-width: 901px) and (max-width: 985px) and (min-height: 361px) and (max-height: 395px) {
.HelpDiv {
  top: 9vh;
  width: 58vw;
  height: 65.5vh;
  border-width: .4vw;
}
.HelpInnerDiv {
  overflow-y: auto;
  width: 99.4%;
  height: 88.65%;
}
.HelpTitle {
  font-size: 1.85vw;
  line-height: 1.6em;
}
.HelpData, .HelpCategory {
  font-size: 1.65vw;
}
.HelpData {
  padding: .15vh .5vw .25vh .65vw;
}
.HelpTextData {
  line-height: 1.1em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 3.15vw;
}
.HelpMenuItem {
  font-size: 1.785vw;
}
}

/* Landscape Tablet: 936 x 768 */
@media only screen and (min-width: 901px) and (max-width: 950px) {
.HelpDiv {
  top: 24vh;
  width: 68vw;
  border-width: .4vw;
}
.HelpTitle {
  font-size: 1.9vw;
  line-height: 1.65em;
}
.HelpData, .HelpCategory {
  font-size: 1.8vw;
}
.HelpData {
  padding: .5vh .65vw .35vh .65vw;
}
.HelpTextData {
  line-height: 1.09em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 2.6vw;
}
.HelpMenuItem {
  font-size: 1.8vw;
}
}

/* Landscape: Georgie's Edge: 890 x 352 - Customized */
@media only screen and (min-width: 831px) and (max-width: 900px) and (min-height: 290px) and (max-height: 360px) {
.HelpDiv {
  top: 9vh;
  width: 58vw;
  height: 65.5vh;
  border-width: .4vw;
}
.HelpInnerDiv {
  overflow-y: auto;
  width: 99.4%;
  height: 88.65%;
}
.HelpTitle {
  font-size: 1.95vw;
  line-height: 1.6em;
}
.HelpData, .HelpCategory {
  font-size: 1.85vw;
}
.HelpData {
  padding: .15vh .5vw .25vh .65vw;
}
.HelpTextData {
  line-height: 1.1em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 3.5vw;
}
.HelpMenuItem {
  font-size: 1.785vw;
}
}

/* Laptop Georgie's Dell: 876 x 493 ( recommended, uses F11 ) */
@media only screen and (min-width: 831px) and (max-width: 900px) and (min-height: 460px) and (max-height: 510px) {
.HelpDiv {
  top: 15vh;
  width: 58vw;
  height: 65.5vh;
  border-width: .4vw;
}
.HelpInnerDiv {
  overflow-y: auto;
  width: 99.4%;
  height: 89.85%;
}
.HelpTitle {
  font-size: 2.1vw;
  line-height: 1.6em;
}
.HelpData, .HelpCategory {
  font-size: 2vw;
}
.HelpData {
  padding: .15vh .5vw .25vh .65vw;
}
.HelpTextData {
  line-height: 1.1em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 3.65vw;
}
.HelpMenuItem {
  font-size: 1.875vw;
}
}

/* Laptop Georgie's Dell: 876 x 383 ( recommended, non-F11 ) */
@media only screen and (min-width: 831px) and (max-width: 900px) and (min-height: 360px) and (max-height: 410px) {
.HelpDiv {
  top: 9vh;
  width: 58vw;
  height: 65.5vh;
  border-width: .4vw;
}
.HelpInnerDiv {
  overflow-y: auto;
  width: 99.4%;
  height: 88.65%;
}
.HelpTitle {
  font-size: 2.1vw;
  line-height: 1.6em;
}
.HelpData, .HelpCategory {
  font-size: 2vw;
}
.HelpData {
  padding: .15vh .5vw .25vh .65vw;
}
.HelpTextData {
  line-height: 1.1em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 3.65vw;
}
.HelpMenuItem {
  font-size: 1.875vw;
}
}

/* Landscape A20: 814 x 332 Chrome */
@media only screen and (min-width: 801px) and (max-width: 830px) {
.HelpDiv {
  top: 9vh;
  width: 58vw;
  height: 65.5vh;
  border-width: .4vw;
}
.HelpInnerDiv {
  overflow-y: auto;
  width: 99.4%;
  height: 88.65%;
}
.HelpTitle {
  font-size: 2.1vw;
  line-height: 1.6em;
}
.HelpData, .HelpCategory {
  font-size: 2vw;
}
.HelpData {
  padding: .15vh .5vw .25vh .65vw;
}
.HelpTextData {
  line-height: 1.1em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 3.65vw;
}
.HelpMenuItem {
  font-size: 1.875vw;
}
}

/* Landscape A42: 778 x 304 Chrome */
@media only screen and (min-width: 761px) and (max-width: 800px) and (min-height: 290px) and (max-height: 310px) {
.HelpDiv {
  top: 9vh;
  width: 58vw;
  height: 65.5vh;
  border-width: .4vw;
}
.HelpInnerDiv {
  overflow-y: auto;
  width: 99.4%;
  height: 88.65%;
}
.HelpTitle {
  font-size: 2.05vw;
  line-height: 1.6em;
}
.HelpData, .HelpCategory {
  font-size: 1.9vw;
}
.HelpData {
  padding: .15vh .5vw .25vh .65vw;
}
.HelpTextData {
  line-height: 1.05em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 3.65vw;
}
.HelpMenuItem {
  font-size: 1.85vw;
}
}

/* Portrait: Lenovo M11: 800 x 1085 - Chrome update changed the viewport */
@media only screen and (min-width: 760px) and (max-width: 900px) and (min-height: 900px) and (max-height: 1100px) {
.HelpDiv {
  top: 30vh;
  width: 80vw;
  border-width: .5vw;
}
.HelpTitle {
  font-size: 2.2vw;
  line-height: 1.65em;
}
.HelpData, .HelpCategory {
  font-size: 2.265vw;
}
.HelpData {
  padding: .25vh .65vw .45vh .65vw;
}
.HelpTextData {
  line-height: 1.075em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 3.6vw;
}
.HelpMenuItem {
  font-size: 2.15vw;
}
}

/* Portrait Melaina's iPad: 768 x 907 */
@media only screen and (min-width: 720px) and (max-width: 900px) and (min-height: 850px) and (max-height: 930px) {
.HelpDiv {
  top: 30vh;
  width: 80vw;
  border-width: .5vw;
}
.HelpTitle {
  font-size: 2.2vw;
  line-height: 1.65em;
}
.HelpData, .HelpCategory {
  font-size: 2.265vw;
}
.HelpData {
  padding: .25vh .65vw .45vh .65vw;
}
.HelpTextData {
  line-height: 1.075em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 3.6vw;
}
.HelpMenuItem {
  font-size: 2.15vw;
}
}

/* Landscape Tenant S23: 749 x 336 */
@media only screen and (min-width: 726px) and (max-width: 760px) and (min-height: 331px) and (max-height: 340px) {
.HelpDiv {
  top: 9vh;
  width: 58vw;
  height: 65.5vh;
  border-width: .4vw;
}
.HelpInnerDiv {
  overflow-y: auto;
  width: 99.4%;
  height: 88.65%;
}
.HelpTitle {
  font-size: 2.05vw;
  line-height: 1.6em;
}
.HelpData, .HelpCategory {
  font-size: 1.9vw;
}
.HelpData {
  padding: .15vh .5vw .25vh .65vw;
}
.HelpTextData {
  line-height: 1.05em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 3.65vw;
}
.HelpMenuItem {
  font-size: 1.85vw;
}
}

/* Landscape S23: 749 x 304 ===>> new Samsung Ultra */
@media only screen and (min-width: 726px) and (max-width: 760px) and (min-height: 286px) and (max-height: 330px) {
.HelpDiv {
  top: 9vh;
  width: 58vw;
  height: 65.5vh;
  border-width: .4vw;
}
.HelpInnerDiv {
  overflow-y: auto;
  width: 99.4%;
  height: 88.65%;
}
.HelpTitle {
  font-size: 2.05vw;
  line-height: 1.6em;
}
.HelpData, .HelpCategory {
  font-size: 1.9vw;
}
.HelpData {
  padding: .15vh .5vw .25vh .65vw;
}
.HelpTextData {
  line-height: 1.05em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 3.65vw;
}
.HelpMenuItem {
  font-size: 1.85vw;
}
}

/* Landscape: Henry (the VCR band): 715 x 328 */
@media only screen and (min-width: 656px) and (max-width: 725px) and (min-height: 286px) and (max-height: 340px) {
.HelpDiv {
  top: 9vh;
  width: 58vw;
  height: 65.5vh;
  border-width: .4vw;
}
.HelpInnerDiv {
  overflow-y: auto;
  width: 99.4%;
  height: 88.65%;
}
.HelpTitle {
  font-size: 2.05vw;
  line-height: 1.6em;
}
.HelpData, .HelpCategory {
  font-size: 1.9vw;
}
.HelpData {
  padding: .15vh .5vw .25vh .65vw;
}
.HelpTextData {
  line-height: 1.05em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 3.65vw;
}
.HelpMenuItem {
  font-size: 1.85vw;
}
}

/* Landscape: Moto: 672 x 280 ===> From Georgie */
@media only screen and (min-width: 651px) and (max-width: 680px) and (min-height: 275px) and (max-height: 285px) {
.HelpDiv {
  top: 9vh;
  width: 58vw;
  height: 65.5vh;
  border-width: .4vw;
}
.HelpInnerDiv {
  overflow-y: auto;
  width: 99.4%;
  height: 89%;
}
.HelpTitle {
  font-size: 2.15vw;
  line-height: 1.6em;
}
.HelpData, .HelpCategory {
  font-size: 2.065vw;
}
.HelpData {
  padding: .15vh .5vw .25vh .65vw;
}
.HelpTextData {
  line-height: 1.1em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 3.65vw;
}
.HelpMenuItem {
  font-size: 1.95vw;
}
}

/* Landscape: J7 & J3: 640 x 280 */
@media only screen and (min-width: 601px) and (max-width: 650px) and (min-height: 275px) and (max-height: 285px) {
.HelpDiv {
  top: 9vh;
  width: 58vw;
  height: 65.5vh;
  border-width: .4vw;
}
.HelpInnerDiv {
  overflow-y: auto;
  width: 99.4%;
  height: 89%;
}
.HelpTitle {
  font-size: 2.2vw;
  line-height: 1.6em;
}
.HelpData, .HelpCategory {
  font-size: 2.085vw;
}
.HelpData {
  padding: .15vh .5vw .25vh .65vw;
}
.HelpTextData {
  line-height: 1.108em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 3.65vw;
}
.HelpMenuItem {
  font-size: 1.95vw;
}
}

/* Portrait: Georgie's Edge: 432 x 890 - Customized !! */
@media only screen and (min-width: 421px) and (max-width: 519px) and (min-height: 850px) and (max-height: 900px) {
.HelpDiv {
  top: 18vh;
  width: 96vw;
  height: auto;
  border-width: .8vw;
}
.HelpTitle {
  font-size: 4vw;
  line-height: 1.65em;
}
.HelpData, .HelpCategory {
  font-size: 4.15vw;
}
.HelpCategory {
  font-size: 3.95vw;
}
.HelpData {
  padding: .25vh 2vw .3vh 2.15vw;
}
.HelpTextData {
  line-height: 1.05em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 6vw;
}
.HelpMenuItem {
  font-size: 3.775vw;
}
}

/* Portrait: Georgie's Edge: 432 x 834 - UnCustomized !! */
@media only screen and (min-width: 421px) and (max-width: 519px) and (min-height: 791px) and (max-height: 850px) {
.HelpDiv {
  top: 18vh;
  width: 96vw;
  height: auto;
  border-width: .8vw;
}
.HelpTitle {
  font-size: 4vw;
  line-height: 1.5em;
}
.HelpData, .HelpCategory {
  font-size: 4.15vw;
}
.HelpCategory {
  font-size: 3.95vw;
}
.HelpData {
  padding: .25vh 2vw .3vh 2.15vw;
}
.HelpTextData {
  line-height: 1.05em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 6vw;
}
.HelpMenuItem {
  font-size: 3.775vw;
}
}

/* Portrait: Henry (VCR band): 412 x 780 Chrome */
@media only screen and (min-width: 401px) and (max-width: 420px) and (min-height: 761px) and (max-height: 790px) {
.HelpDiv {
  top: 18vh;
  width: 96vw;
  height: auto;
  border-width: .8vw;
}
.HelpTitle {
  font-size: 4vw;
  line-height: 1.5em;
}
.HelpData, .HelpCategory {
  font-size: 4.15vw;
}
.HelpCategory {
  font-size: 3.95vw;
}
.HelpData {
  padding: .25vh 2vw .3vh 2.15vw;
}
.HelpTextData {
  line-height: 1.05em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 6vw;
}
.HelpMenuItem {
  font-size: 3.775vw;
}
}

/* Portrait: A20: 412 x 758 Chrome */
@media only screen and (min-width: 401px) and (max-width: 420px) and (min-height: 745px) and (max-height: 760px) {
.HelpDiv {
  top: 18vh;
  width: 96vw;
  height: auto;
  border-width: .8vw;
}
.HelpTitle {
  font-size: 4vw;
  line-height: 1.5em;
}
.HelpData, .HelpCategory {
  font-size: 4.15vw;
}
.HelpCategory {
  font-size: 3.95vw;
}
.HelpData {
  padding: .25vh 2vw .3vh 2.15vw;
}
.HelpTextData {
  line-height: 1.05em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 6vw;
}
.HelpMenuItem {
  font-size: 3.775vw;
}
}

/* Portrait Tenant S23: 384 x 824 */
@media only screen and (min-width: 381px) and (max-width: 400px) and (min-height: 800px) and (max-height: 840px) {
.HelpDiv {
  top: 18vh;
  width: 96vw;
  height: auto;
  border-width: .8vw;
}
.HelpTitle {
  font-size: 4vw;
  line-height: 1.5em;
}
.HelpData, .HelpCategory {
  font-size: 4.15vw;
}
.HelpCategory {
  font-size: 3.95vw;
}
.HelpData {
  padding: .25vh 2vw .3vh 2.15vw;
}
.HelpTextData {
  line-height: 1.05em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 6vw;
}
.HelpMenuItem {
  font-size: 3.775vw;
}
}

/* Portrait: A42: 384 x 722 Chrome */
@media only screen and (min-width: 381px) and (max-width: 400px) and (min-height: 701px) and (max-height: 744px) {
.HelpDiv {
  top: 18vh;
  width: 96vw;
  height: auto;
  border-width: .8vw;
}
.HelpTitle {
  font-size: 4vw;
  line-height: 1.5em;
}
.HelpData, .HelpCategory {
  font-size: 4.15vw;
}
.HelpCategory {
  font-size: 3.95vw;
}
.HelpData {
  padding: .25vh 2vw .3vh 2.15vw;
}
.HelpTextData {
  line-height: 1.05em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 6vw;
}
.HelpMenuItem {
  font-size: 3.775vw;
}
}

/* Portrait: S23: 384 x 693  ===>> new Samsung Ultra */
@media only screen and (min-width: 381px) and (max-width: 400px) and (min-height: 601px) and (max-height: 700px) {
.HelpDiv {
  top: 18vh;
  width: 96vw;
  height: auto;
  border-width: .8vw;
}
.HelpTitle {
  font-size: 4vw;
  line-height: 1.5em;
}
.HelpData, .HelpCategory {
  font-size: 4.15vw;
}
.HelpCategory {
  font-size: 3.95vw;
}
.HelpData {
  padding: .25vh 2vw .3vh 2.15vw;
}
.HelpTextData {
  line-height: 1.05em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 6vw;
}
.HelpMenuItem {
  font-size: 3.775vw;
}
}

/* Portrait Moto: 360 x 592 ===>> From Georgie */
@media only screen and (min-width: 341px) and (max-width: 370px) and (min-height: 571px) and (max-height: 600px) {
.HelpDiv {
  top: 18vh;
  width: 96vw;
  height: auto;
  border-width: .8vw;
}
.HelpTitle {
  font-size: 4vw;
  line-height: 1.5em;
}
.HelpData, .HelpCategory {
  font-size: 4.15vw;
}
.HelpCategory {
  font-size: 3.95vw;
}
.HelpData {
  padding: .25vh 2vw .3vh 2.15vw;
}
.HelpTextData {
  line-height: 1.05em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 6vw;
}
.HelpMenuItem {
  font-size: 3.775vw;
}
}

/* Portrait J7 & J3: 360 x 560 */
@media only screen and (min-width: 341px) and (max-width: 380px) and (min-height: 511px) and (max-height: 570px) {
.HelpDiv {
  top: 16vh;
  width: 96vw;
  height: auto;
  border-width: .8vw;
}
.HelpTitle {
  font-size: 4vw;
  line-height: 1.5em;
}
.HelpData, .HelpCategory {
  font-size: 4.15vw;
}
.HelpCategory {
  font-size: 3.95vw;
}
.HelpData {
  padding: .25vh 2vw .3vh 2.15vw;
}
.HelpTextData {
  line-height: 1.05em;
}
.HelpBullet {
  padding-left: 1.15vw;
  font-size: 6vw;
}
.HelpMenuItem {
  font-size: 3.775vw;
}
}