body:before {
  content: "";
  bottom: 55px;
  right: 0;
  position: fixed;
  background: #ccc;
  border: #999;
  font-size: 8px;
  padding: 5px;
  z-index: 100;
  display: inline-block;
}
@media (max-width: 575.98px) {
  body:before {
    content: "XS";
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  body:before {
    content: "SM";
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  body:before {
    content: "MD";
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  body:before {
    content: "LG";
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  body:before {
    content: "XL";
  }
}
@media (min-width: 1500px) and (max-width: 1799.98px) {
  body:before {
    content: "XXL";
  }
}
@media (min-width: 1800px) {
  body:before {
    content: "XXXL";
  }
}

.mp-popup {
  min-height: 300px !important;
}