#dcVid,#osdVid,#custVid,#trainVid{margin:40px 0 0;padding:0;list-style-type:none}
#dcVid li,#osdVid li,#custVid li,#trainVid li{margin:0;padding:20px;float:left;min-height:220px;width:calc(25% - 40px);}

.dcVid{background:url(../images/dc-videos-sprite.png) no-repeat 0 0;width:210px;height:146px;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';
}
.osdVid24:after{
    content: 'Zero Touch Deployment';
}

.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 20px 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 .lhs iframe {
    width: 100%;
    height: 100%;
}
.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:16px;float:right;font-weight:300}
.demoHead{font-size:26px;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: 30px auto 0;
}

a.new-adspot img {
    max-width: 100%;
}
@media screen and (max-width:1025px){
.demoHead{float:none;text-align:center;padding-bottom:30px}
.demoTab{float:none;text-align:center}
.demoTab a{display: inline-block;margin-bottom: 20px}
}