.sitebnr_grid_1 .call_{
    display: inline-block;
    background-color: var(--dark_color_1);
    filter: drop-shadow(0 0 5px var(--dark_color_1));
    color: white;
    border-radius: 100%;
    text-align: center;
    /*padding: 50% 0;*/
    transition: all 2ms;
}
.sitebnr_grid_1 .call_:hover{
    background-color: #99aec8;
    filter: drop-shadow(0 0 10px var(--dark_color_1));
}

.sitebnr_grid_1 .call_ .sign_{
    display: block;
    position: relative;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.sitebnr_grid_1 .msg_1_{
}
.sitebnr_grid_1 .msg_2_{
}

.sitebnr_grid_1 .msg_1_ .msg_{
    color: #ec8e78;
}
.sitebnr_grid_1 .msg_2_ .msg_{
    color: #dab327;
}

.sitebnr_grid_1 .msg_1_ .msg_ span a{
    color: #c86a54;
}

.sitebnr_grid_1 .call_ .sign_ .lable_{
    font-weight: bolder;
    text-align: center;
    color: var(--white_color);
}


@media (max-width: 700px) {
    .sitebnr_grid_1{
        display: grid;
        /*grid-template-rows: 40px 150px 40px;*/
        grid-template-columns: 100px 70px 100px;
        grid-gap: 10px;
        top: 83%;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
    }
    .sitebnr_grid_1 .call_ .sign_ .icon_{
        font-size: 150%;
        height: 40px;
    }
    .sitebnr_grid_1 .call_ .sign_ .lable_{
        font-size: 100%;
    }
    .sitebnr_grid_1 .msg_1_ .msg_,
    .sitebnr_grid_1 .msg_2_ .msg_{
        text-align: center;
        font-size: 70%;
    }
    .sitebnr_grid_1 .msg_1_ .msg_,
    .sitebnr_grid_1 .msg_2_ .msg_{
        display: block;
    }
    .sitebnr_grid_1 .call_{
        width: 70px;
        height: 70px;
    }
    .sitebnr_grid_1 .call_ .sign_ .imgicon,
    .main_call_box .imgicon{
        width: 20px;
        height: 20px;
    }

    .sitebnr_grid_1 .msg_1_,
    .sitebnr_grid_1 .msg_2_{
        /*padding: 50% 0;*/
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sitebnr_grid_1 .msg_1_ .msg_ .pub_btn,
    .sitebnr_grid_1 .msg_2_ .msg_ .pub_btn{
        width: 100px;
    }

}

@media (min-width: 701px) {
    .sitebnr_grid_1 {
        display: grid;
        width: 650px;
        grid-template-columns: 1fr 200px 1fr;
        grid-gap: 40px;
        top: 86vh;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
    }
    .sitebnr_grid_1 .call_ .sign_ .icon_{
        font-size: 300%;
        height: 50px;
    }
    .sitebnr_grid_1 .call_ .sign_ .lable_{
        font-size: 200%;
    }

    .sitebnr_grid_1 .msg_1_ .msg_{
        text-align: left;
    }
    .sitebnr_grid_1 .msg_2_ .msg_{
        text-align: right;
    }
    .sitebnr_grid_1 .msg_1_ .msg_,
    .sitebnr_grid_1 .msg_2_ .msg_{
        display: block;
        position: relative;
        top: 45%;
    }
    .sitebnr_grid_1 .call_{
        width: 200px;
        height: 200px;
    }
    .sitebnr_grid_1 .call_ .sign_ .imgicon,
    .main_call_box .imgicon{
        width: 50px;
        height: 50px;
    }

}