/* For screen sizes less than or equal to 1920px */
@media only screen and (max-width: 1920px) {
#qtip-0 {
  position: fixed;
  top: 17%;
  left: 7%;
}

#qtip-1 {
  position: fixed;
  top: 17%;
  left: 7%;
}

#qtip-2 {
  position: fixed;
  top: 17%;
  left: 7%;
}

#qtip-3 {
  position: fixed;
  top: 17%;
  left: 7%;
}
}

/* For screen sizes less than or equal to 1366px */
@media only screen and (max-width: 1366px) {
#qtip-0 {
  position: fixed;
  top: 20%;
  left: 2%;
}

#qtip-1 {
  position: fixed;
  top: 20%;
  left: 2%;
}

#qtip-2 {
  position: fixed;
  top: 20%;
  left: 2%;
}

#qtip-3 {
  position: fixed;
  top: 20%;
  left: 2%;
}
}

/* For screen sizes less than or equal to 1024px */
@media only screen and (max-width: 1024px) {
#qtip-0 {
  position: fixed;
  top: 14%;
  left: 5%;
}

#qtip-1 {
  position: fixed;
  top: 14%;
  left: 5%;
}

#qtip-2 {
  position: fixed;
  top: 14%;
  left: 5%;
}

#qtip-3 {
  position: fixed;
  top: 14%;
  left: 5%;
}
}

/* For screen sizes less than or equal to 932px */
@media only screen and (max-width: 932px) {
#qtip-0 {
  position: fixed;
  top: 40%;
  left: 5%;
}

#qtip-1 {
  position: fixed;
  top: 40%;
  left: 5%;
}

#qtip-2 {
  position: fixed;
  top: 40%;
  left: 5%;
}

#qtip-3 {
  position: fixed;
  top: 40%;
  left: 5%;
}
}

/* For screen sizes less than or equal to 900px */
@media only screen and (max-width: 900px) {
#qtip-0 {
  position: fixed;
  top: 15%;
  left: 5%;
}

#qtip-1 {
  position: fixed;
  top: 15%;
  left: 5%;
}

#qtip-2 {
  position: fixed;
  top: 15%;
  left: 5%;
}

#qtip-3 {
  position: fixed;
  top: 15%;
  left: 5%;
}
}

/* For screen sizes less than or equal to 430px */
@media only screen and (max-width: 430px) {
#qtip-0 {
  position: fixed;
  top: 20%;
  left: 5%;
}

#qtip-1 {
  position: fixed;
  top: 20%;
  left: 5%;
}

#qtip-2 {
  position: fixed;
  top: 20%;
  left: 5%;
}

#qtip-3 {
  position: fixed;
  top: 20%;
  left: 5%;
}
}