/* Modal */
.modal {
    z-index: 99999 !important;
}
#imageModal{
    z-index:99999;
}

#imageModal .modal-dialog{
    width:90%;
    max-width:400px;      /* Increase to 1000px or 1100px if needed */
    margin:30px auto;
}

#imageModal .modal-content{
    background:transparent;
    border:0;
    box-shadow:none;
}

#imageModal .popup-img{
    width:100%;
    height:auto;
    display:block;
    border-radius:8px;
}

#imageModal .popup-close{
    position:absolute;
    right:-15px;
    top:-15px;
    color:#fff;
    opacity:1;
    font-size:40px;
    text-shadow:0 0 5px #000;
    z-index:100000;
}

@media (max-width:768px){
    #imageModal .modal-dialog{
        width:65%;
        margin:20px auto;
    }

    #imageModal .popup-close{
        right:0;
        top:-35px;
        font-size:32px;
    }
}