#dcVid,#patchVid,#inteVid, #invenVid,#toolsVid, #osdVid,#custVid,#trainVid,#softVid{margin:40px 0 0;padding:0;list-style-type:none}
#dcVid li,#patchVid li,#inteVid li,#toolsVid li,#invenVid li, #osdVid li,#custVid li,#trainVid li{margin:0;padding:20px;float:left;width:calc(25% - 40px);}

.dcVid{background:url(../images/dc-videos-sprite-1.png) no-repeat 0 0;width:210px;height:143px;display:inline-block}
.osdVid{background:url(../images/osd-videos-sprite.png) no-repeat 0 0;width:210px;height:146px;display:inline-block}
.custVid{background:url(../images/customer-videos-sprite.png) no-repeat 0 0;width:210px;height:146px;display:inline-block}
.trainVid{background:url(../images/training-videos-sprite.png) no-repeat 0 0;width:210px;height:146px;display:inline-block}

.dcVid1{background-position:0 0}
.dcVid2{background-position:-210px 0}
.dcVid3{background-position:-420px 0}
.dcVid4{background-position:-630px 0}
.dcVid5{background-position:0 -146px}
.dcVid6{background-position:-210px -146px}
.dcVid7{background-position:-420px -146px}
.dcVid8{background-position:-630px -146px}
.dcVid9{background-position:0 -292px}
.dcVid10{background-position:-210px -292px}
.dcVid11{background-position:-420px -292px}
.dcVid12{background-position:-630px -292px}

.osdVid1{background-position:0 0}
.osdVid2{background-position:-210px 0}
.osdVid3{background-position:-420px 0}
.osdVid4{background-position:-630px 0}
.osdVid5{background-position:0 -146px}
.osdVid6{background-position:-210px -146px}
.osdVid7{background-position:-420px -146px}
.osdVid8{background-position:-630px -146px}
.osdVid18{background-position:0px -292px}
.osdVid19{background-position:-210px -292px}
.osdVid20{background-position:-420px -292px}

.osdVid {
    position: relative;
    background: url(../images/osd-video-thumbnail.jpg);
    background-size: cover;
}

.osdVid:after {
    content: '';
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    text-align:center;
    font-size:16px;
    font-weight:600;
}
.osdVid18:after{
    content: 'PXE Media Creation';
}
.osdVid19:after{
    content: 'USB Media Creation';
}
.osdVid20:after{
    content: 'ISO Media Creation';
}
.osdVid21:after{
    content: 'Creating an OS Image';
}
.osdVid22:after{
    content: 'Customizing an OS Image';
}
.osdVid23:after{
    content: 'Deploying an OS Image';
}

.custVid1{background-position:0 0}
.custVid2{background-position:-210px 0}
.custVid3{background-position:-420px 0}
.custVid4{background-position:-630px 0}
.custVid5{background-position:0 -146px}
.custVid6{background-position:-210px -146px}
.custVid7{background-position:-420px -146px}
.custVid8{background-position:-630px -146px}
.custVid9{background-position:0 -292px}
.custVid10{background-position:-210px -292px}
.custVid11{background-position:-420px -292px}
.custVid12{background-position:-630px -292px}
.custVid13{background-position:0 -438px}
.custVid14{background-position:-210px -438px}
.custVid15{background-position:-420px -438px}
.custVid16{background-position:-630px -438px}
.custVid17{background-position:0 -584px}
.custVid18{background-position:-210px -584px}
.custVid19{background-position:-420px -584px}
.custVid20{background-position:-630px -584px}
.custVid21{background-position:0 -730px}
.custVid22{background-position:-210px -730px}
.custVid23{background-position:-420px -730px}
.custVid24{background-position:-630px -730px}
.custVid25{background-position:0 -878px}
.custVid26{background-position:-210px -878px}
.custVid27{background-position:-420px -878px}
.custVid28{background-position:-630px -878px}
.custVid29{background-position:0 -1026px}
.custVid30{background-position:-210px -1026px}
.custVid31{background-position:-420px -1026px}
.custVid32{background-position:-630px -1026px}



.trainVid1{background-position:0 0}
.trainVid2{background-position:-210px 0}
.trainVid3{background-position:-420px 0}
.trainVid4{background-position:-630px 0}
.trainVid5{background-position:-840px 0}
.trainVid6{background-position:-1050px 0}
.trainVid7{background-position:-1260px 0}

.vidBg{background:#5a6870;color:#fff}
.vidBg .vidFrame{width:100%;height:380px}
.vidBg a{color:#fff}
.vidBg h3{margin:0 0 10px 0;color:#fff}
.vidBg h3 span{font-size:14px}
.vidBg p{font-size:14px;line-height:22px}
.vidBg a:hover{text-decoration:none}
.vidBg .container{background:#6e828c}
.vidBg .lhs{width:65%;float:left;height:380px}
.vidBg .rhs{width:calc(35% - 40px);padding:20px;float:left;height:340px}

.heading-menu{display:none}

.demoTab a{border-bottom:3px solid transparent;margin:0 20px;color:#000}
.demoTab{font-size:20px;float:right;font-weight:300}
.demoHead{font-size:30px;font-weight:300;float:left}

.demoTabBg .container {max-width: 1200px;}

#scroll{background:#e2e2e2;}
#scroll a:hover{text-decoration:none;border-bottom:3px solid #7bbb2a}
#scroll a.active{border-bottom:3px solid #7bbb2a}
#scroll > .container{max-width:100%}

a.new-adspot {
    display: block;
    max-width: 700px;
    margin: 20px auto 20px;
}

a.new-adspot img {
    max-width: 100%;
}
ul.vid-list li a:hover,#scroll a.active{background:#3e7595;color:#fff;border:1px solid #3e7595;font-weight:400;}
#scroll{background:transparent;}
    .demoHead{font-size:24px;font-weight:600;}
    .vid .container,.vidBg .container{max-width:1200px;}
  .demoTabBg{position:relative;}
    .demoTab{display:flex;flex-direction:row;position: relative; box-sizing:border-box;width:74%;float: right;height:46px;}
    ul.vid-list{width: 100%;padding:0;display:block;font-size:16px;text-align: center;}
    ul.vid-list li a{max-width:500px;width:26%;float:left;padding:11px;position:static;display: inline-block;border:1px solid #777;margin:0 20px;}
    ul.vid-list li a{text-decoration: none;color:#000;}
    ul.vid-list li a.active{background:#f2f2f2;border-bottom:unset;}
  .vidBg{background:#3e7595;padding:10px;border:1px solid #3e7595;}
  .lhs-tree-vid{float:left;overflow:hidden;position:relative;width:25%;}
  .rhs-cont-vid{float:right;width:71%;padding: 30px 15px;overflow:hidden;}
  .vidBg .rhs{height: 320px;overflow-y:scroll;color:#fff;padding:0 20px 20px;}
.vidBg .lhs{min-height: 475px;width:65%;float:left;}
.video_preview,.vidBg .vidFrame{height:340px;}
.preview_description h3,.preview_description{color:#fff;}
#dcVid li,#patchVid li, #invenVid li, #softVid li, #inteVid li, #toolsVid li, #osdVid li, #custVid li, #trainVid li{float:none;width: calc(100% - 40px);padding:0 20px 20px;position:relative;}
#dcVid, #osdVid,#patchVid,#inteVid,#invenVid,#toolsVid, #custVid, #trainVid,#softVid{margin:0;}
.preview_description{margin:5px;}
.video-thumbnails {width: 100%;height: auto;overflow: hidden;position: relative;z-index: 0;}
#lhsTree{max-width:270px;}
#lhsTree > li{background:#1d6384;border:1px solid #777;font-size:15px;}
#lhsTree > li > span, #lhsTree >li >a{color:#f2f2f2;}
#lhsTree >li >a:hover,#lhsTree >li >span:hover,#lhsTree > li > ul li a:hover{color:#7bbb2a;}
#lhsTree > li > ul li a{color:#f2f2f2;border-top: 1px solid #777;}
.rhs-cont-vid.vidBg{border:none;}
.vidBg .container{background:unset;}
.sec-pTB.vid{padding:40px 0 0 0;}
.dcVid{background:url(../images/new-sprite.png);}
//.dcVid1{background-image:url(../images/new-sprite.png);}
.dcVid2{background-position:-252px 0;}
.dcVid3{background-position:-504px 0;}
.dcVid4{background-position:-756px 0;}
.dcVid5{background-position:-1008px 0;}
.dcVid6{background-position: 0 -140px;}
.dcVid7{background-position:-252px -140px;}
.dcVid8{background-position:-504px -140px;}

.dcVid11{background-position:0 -283px;}
.dcVid12{background-position:-253px -283px;}
.dcVid13{background-position:-505px -283px;}
.dcVid14{background-position:-757px -283px;}
.dcVid15{background-position:-1009px -283px;}
.dcVid16{background-position:0 -425px;}
.dcVid17{background-position:-252px -423px;}
.dcVid18{background-position:-504px -423px;}
.dcVid19{background-position:-756px -423px;}
.dcVid20{background-position:-1008px -423px;}

.dcVid21{background-position:0 -566px;}
.dcVid22{background-position:-252px -566px;}
.dcVid23{background-position:-503px -567px;}
.dcVid24{background-position:-755px -567px;}
.dcVid25{background-position:-1008px -567px;}
.dcVid26{background-position:-0px -708px;}
.dcVid27{background-position:-252px -708px;}
.dcVid28{background-position:-504px -708px;}
.dcVid29{background-position:-756px -708px;}
.dcVid30{background-position:-1008px -708px;}

.dcVid31{background-position:0 -849px;}
.dcVid32{background-position:-252px -845px;}
.dcVid33{background-position:-504px -845px;}
.dcVid34{background-position:-756px -848px;}
.dcVid35{background-position:-1008px -849px;}
.dcVid36{background-position:-252px -992px;}
.dcVid37{background-position:0 -992px}
.play-icon{position:absolute;width:50px;top:37%;left:52%;  -webkit-transform: translate(-50%, -50%);transform:translate(-50%, -50%;);}
#mobilelhsVideos,.mobilelhslist{display:none;}
ul.vid-list li.mobilelhslist a{padding:7px;}
@media screen and (max-width:1180px){
    ul.vid-list li a{width:auto;}
    .rhs-cont-vid{width:70%;}
    .vidBg .lhs{width:60%;}
}
@media screen and (max-width:960px){
    .vidBg .rhs{width:calc(35% - 10px);}
    .vidBg .lhs,.vidBg .rhs{width:auto;height:auto;}
#dcVid li, #osdVid li, #custVid li, #trainVid li{width:43%;float:left;min-height:205px;box-sizing:border-box;}
#dcVid li, #patchVid li, #invenVid li, #softVid li, #inteVid li, #toolsVid li, #osdVid li, #custVid li, #trainVid li{width:40%;float:left;padding:0 20px 20px;position:relative;min-height:230px;text-align:center;}
}
@media screen and (max-width:935px){
    .rhs-cont-vid{width:70%;}
    #dcVid li, #osdVid li, #custVid li, #trainVid li{margin:20px;}
}
@media screen and (max-width:890px){
    .demoTab{width:100%;height:auto;}
    .demoHead{margin:5px 0;float:none;text-align:center;}
}
@media screen and (max-width:760px){
.lhs-tree-vid{display:none;}
.rhs-cont-vid{width:100%;float:none;box-sizing:border-box;}
}
@media screen and (max-width:660px){
    .lhs-tree-vid{display:none;}
    .rhs-cont-vid,.vidBg .lhs,.vidBg .rhs{width:100%;float:none;box-sizing:border-box;padding:0;}
        ul.vid-list{margin:0 20px;}
    .vidBg .rhs{margin:30px 0;}
    ul.vid-list li {display:flex;flex-direction:column;flex-wrap:wrap;}
#mobilelhsVideos{display:block;}
}
@media screen and (max-width:500px){
#dcVid li,#patchVid li, #invenVid li, #softVid li, #inteVid li, #toolsVid li, #osdVid li, #custVid li, #trainVid li{width:auto;float:none;text-align:center;margin:0 auto;height:auto;padding:0}
}