.grafact-public-network {
    width: 100%;
    height: 800px;
    border: 1px solid #ddd;
    background: #fafafa;
    overflow: hidden;
}

.grafact-wrapper {
    position: relative;
    width: 100%;
}

.grafact-search-box {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
}

.grafact-public-search {
    padding: 10px;
    width: 250px;
    border-radius: 5px;
    border: 1px solid #ccc;
}


.grafact-public-popup h2 {
    margin-top: 0;
}

.grafact-public-close {
    float: right;
    border: none;
    background: none;
    font-size: 25px;
    cursor: pointer;
}

.grafact-public-content img {
    max-width: 100%;
    height: auto;
}


.grafact-public-popup {

    position:absolute;
    top:80px;
    right:40px;

    width:350px;

    max-height:500px;

    overflow:auto;

    background:#fff;

    padding:20px;

    border-radius:10px;

    box-shadow:0 5px 25px rgba(0,0,0,.25);

    z-index:20;
}
@media (max-width:768px){

    .grafact-public-popup{

        position:fixed !important;

        top:5vh !important;
        left:5vw !important;
        right:5vw !important;

        width:auto !important;

        max-width:none !important;

        max-height:85vh !important;

        overflow-y:auto !important;

        border-radius:12px !important;

        z-index:99999 !important;
    }

}