#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 ~ 1300px)*/
@media all and (min-width:1024px) and (max-width:1300px) {}

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

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