#iPopup .i-popup {
  z-index: 1000;
  box-shadow: 2px 2px 4px rgb(0 0 0 / 20%);
}

#iPopup .i-popup .i-popup-content p {
  margin: 0;
}

#iPopup .i-popup .i-popup-content img {
  display: block;
}

#iPopup .i-popup .i-popup-foot {
  background-color: #000;
}

#iPopup .i-popup .i-popup-foot button {
  cursor: pointer;
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 14px;
  padding: 14px 10px;
}

#iPopup .i-popup .i-popup-foot button:first-child {
  border-right: 1px solid #222;
}

#iPopup .i-popup {
  position: fixed;
}

/* Desktop ( 1024px ~)*/
@media all and (min-width: 1024px) {
}

/* Laptop ( 1024px ~ 1440px)*/
@media all and (min-width: 1024px) and (max-width: 1440px) {
}

/* Tablet ( 768px ~ 1023px)*/
@media all and (min-width: 768px) and (max-width: 1023px) {
}

/* Mobile ( ~ 767px)*/
@media screen and (max-width: 767px) {
  #iPopup .i-popup {
    position: absolute;
    width: 80%;
    left: 50% !important;
    transform: translateX(-50%);
  }
}