.vdio_pnl_bx_button{transform: translateX(-40px) translateY(-50%);box-sizing: content-box;display: block;width: 20px;height: 20px;}
.vdio_pnl_bx_button img{position: relative;z-index: 3;left: 3px;}
.vdio_pnl_bx_button:before {content: "";position: absolute;z-index: 0;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 60px;height: 60px;background: #ffde1d;border-radius: 50%;animation: pulse-border 1500ms ease-out infinite;}
.vdio_pnl_bx_button:after {content: "";position: absolute;z-index: 1;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 60px;height: 60px;background: #ffde1d;border-radius: 50%;transition: all 200ms;}
.vdio_pnl_bx_button:hover:after {background-color: darken(#ffde1d, 10%);}
.vdio_pnl_bx_button span {display: block;position: relative;z-index: 3;width: 0;height: 0;border-left: 32px solid #fff;border-top: 22px solid transparent;border-bottom: 22px solid transparent;}
@keyframes pulse-border {0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1;}
100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0;}}
.vdio_pnl_bx:before{content: "";width: 100%;height: 100%;left: 0px;top: 0px;background: rgba(0,0,0,0.7);position: absolute;transition: 0.3s ease-in-out;}
.vdio_pnl_bx .vdio_pnl_tag{position: absolute;right: 10px;background: #fff;padding: 5px 15px;line-height: normal;font-size: 14px;color: rgb(2, 39, 65);border-radius: 3px;transition: 0.3s ease-in-out;top: 10px;}
.vdio_pnl_bx{border-radius: 5px;overflow: hidden;}
.vdio_pnl_info{position: absolute;left: 0;bottom: 0;padding: 15px;transition: 0.3s ease-in-out;}
.vdio_pnl_info h4{font-size: 24px;font-weight: bold;color: #fff;margin: 0 0 5px;}
.vdio_pnl_bx:hover .vdio_pnl_tag, .vdio_pnl_bx:hover .vdio_pnl_info, .vdio_pnl_bx:hover:before{opacity:0;transition: 0.3s ease-in-out;}
.video_pannel_md .row:nth-child(2){justify-content: space-around;}
.home_product_tab{ margin-top:20px}
.vedio-top-one{margin-top:200px;padding-right: 25px;}
.vedio-top-two{margin-top:100px;padding-right: 25px;padding-left: 25px;}
.vedio-top-three{padding-left:25px;}
.video_pannel_md .container::before {content: "";width: 230px;height: 230px;background: url(../images/video_pan.png) no-repeat;position: absolute;top: 100px;right: -90px;background-size: 190px;background-position: top right;}
@media(max-width:991px){.vedio-top-one, .vedio-top-two, .vedio-top-three{margin-top:0px;}.video_pannel_md .row:nth-child(2){justify-content: center;}.video_pannel_md .container::before {width: 160px;height: 180px;right: -30px;background-size: 150px;}}
@media(max-width:767px){.vedio-top-one, .vedio-top-two, .vedio-top-three{margin-top:0px;}.video_pannel_md .row:nth-child(2){justify-content: center;}.video_pannel_md .container::before {display:none;}}
@media(max-width:520px){.vedio-top-one, .vedio-top-two, .vedio-top-three {padding: 0px 15px;}}