.wd-video-accordian-con {
     float: left;
     width: 100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
.wd-video-category-con {
     float: left;
     width: 100%;
     padding: 2%;
     border: 1px solid #ccc;
     margin-bottom: 5px;
     background-color: #eee;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
.wd-video-category-con .category-header {
     float: left;
     width: 100%;
     font-size: 16px;
     cursor: pointer;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
.wd-video-category-con .category-header i {
     margin-right: 5px;
}
.wd-videos-wrapper {
     float: left;
     width: 100%;
     display: none;
     margin-top: 15px;
}
.wd-video-accordian-con.yes .wd-videos-wrapper {
     display: block;  
}
.wd-video-category-con .wd-video-item {
     float: left;
     width: 33.33333333%;
     padding: 0 1% 40px 1%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
.wd-video-category-con .wd-video-item.video-item-1 {
     clear: both;
}
img.wd-video-thumb {
     float: left;
     width: 100%;
     height: auto;
     cursor: pointer;
}
.wd-video-title {
     float: left;
     width: 100%;
     text-align: center;
     margin-top: 10px;
     font-size: 16px;
     cursor: pointer;
}
.wd-video-lightbox-con {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0,0,0,0.5);
     z-index: 100000;
}
.wd-video-lightbox-inner {
     position: absolute;
     top: 30%;
     width: 45%;
     left: 25%;
     background-color: #aaa;
     padding: 20px;
     text-align: center;
     border-radius: 10px;
     box-shadow: 2px 2px 3px #000;
}
.wd-video-lightbox-inner i {
     position: absolute;
     top: -17px;
     right: -15px;
     font-size: 40px;
     color: #eee;
}
.wd-video-lightbox-inner i:hover {
     cursor: pointer;
     color: #fff;
}
.wd-video-lightbox-inner iframe {
     width: 100%;
}
@media(max-width: 640px) {
.wd-video-category-con .wd-video-item {
     width: 100%;
}
img.wd-video-thumb {
     display: none;
}          
.wd-video-lightbox-con {
     float: left;
     display: block;
     position: relative;
     top: auto;
     left: auto;
     height: auto;
     background-color: transparent;
}
.wd-video-lightbox-inner {
     position: relative;
     top: auto;
     left: auto;
     width: 100%;
     padding: 0;
     border-radius: 0;
     background-color: transparent;
     box-shadow: none;
     height: auto;
     float: left;
}
.wd-video-lightbox-inner i {
     display: none;
}
.wd-video-lightbox-inner iframe {
     height: auto; 
}
}