@media only screen and (min-width: 769px){
.p1736m3df7b6775a0b2010{
    position:absolute !important;
    top: 101%;
    left: -25%;
    width: 300px !important;
    background:#fff;
    padding: 20px 20px !important;
    z-index:999;
    min-height: 200px !important;
    border-radius:10px;
    display:none;
}
.p1736m6d018a00c03cec18 .data_col:hover .p1736m3df7b6775a0b2010{
    display:block;
}
}
@media only screen and (max-width: 768px){
.p1736m3df7b6775a0b2010 .p1736mc17a98f4fc739c3c{
    position: fixed !important;
    width: 95% !important;
    z-index: 9999;
    height: auto;
    top: 36%;
    box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 20%);
    padding: 10px 20px !important;
    background: #fff;
    left: 2.5%;
    border-radius: 10px;
}
    .p1736m3df7b6775a0b2010:before{
        content: " ";
        position: fixed;
        background: rgb(0 0 0 / 30%);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
    }
}