.container-mbd {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: flex-start;
          width:100%;
/*           background-color: rgba(39, 115, 165, 0.05); */
         padding: 20px 40px 10px;
        }
    .video-title-small{
  max-width: 190px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
        .column-mbd {
            position: relative;
          flex-basis: 20%;
          text-align: center;
          margin-bottom: 20px;
              padding: 0 3px;
        }
    
        @media (max-width: 992px) {
          .column-mbd {
            flex-basis: 33.33%;
          }
        }
    
        @media (max-width: 768px) {
          .column-mbd {
            flex-basis: 50%!important;
          }
        }
        .column-mbd-content{
          margin: 0 5px;
          padding: 5px;
          border: 1.5px solid #ffffff6b;
          border-radius: 7px;
          background-color: #ffffffad;
        }
        .col-mbd-overlay{
            position: absolute;
    width: 100%;
    height: 100%;
/*     background-color: #ffffffad;
    opacity: 0.5; */
        }
        .img-overlay-mbd{
            position: absolute;
            width: 100%;
            height: 100%;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            display: none;
          z-index:99;
        }
        .img-container-mbd{
            position: static;
        }
        .current .col-mbd-overlay{
                display: none;
        }
        .current .img-overlay-mbd{
                display: flex;
        }
        .current .img-container-mbd{
            position: relative;
        }
.current .img-container-mbd img{
          filter: brightness(50%);
        }
        .video-url-creater{
            text-decoration: none;
        }
      .video-url-creater:hover{
            text-decoration: none;
        }
        .img-container-mbd img{
            border-radius: 5px;
        }
.column-mbd-content > p{
  margin:8px 0px;
  text-decoration:none;
  
}
.current .column-mbd-content{
  border:none;