.popup {
    background-color: #fff;
    width: 600px;
    padding: 30px 40px;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 7%;
    border-radius: 8px;
    display: none;
	 z-index:99999;
}

    .popup #close {
        display: block;
        margin: 0 0 20px auto;
        background-color: transparent;
        font-size: 30px;
        color: #c5c5c5;
        border: none;
        outline: none;
        cursor: pointer;
    }

    .popup p {
        font-size: 14px;
        text-align: justify;
    }

    .popup img {
        max-width: 100%;
        height: auto;
    }

    .popup a {
        display: block;
        width: 150px;
        position: relative;
        margin: auto;
        text-align: center;
        background-color: #0f72e5;
        color: #ffffff;
        text-decoration: none;
        padding: 5px 0;
    }
@media only screen and (max-width: 768px) {
  .popup {
    background-color: #fff;
    width: 400px;
    padding: 30px 40px;
    position: absolute;
    left: 50%;
    top: 300px;
    border-radius: 8px;
    display: none;
	 z-index:99999;
}
}