.container {
	max-width: 1200px;
}

#mdmVid,
#custVid,
#trainVid {
	margin: 40px 0 0;
	padding: 0;
	list-style-type: none
}

#mdmVid,
#catVid {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
}

#mdmVid li,
#custVid li,
#trainVid li {
	margin: 0;
	padding: 20px;
	float: left;
	min-height: 240px;
	width: calc(25% - 40px);
	text-align: center;
}

.mdmVid {
	background: url(../images/video-thumb-cover.png) no-repeat 0 0;
	background-size: cover;
	width: 210px;
	height: 146px;
	display: inline-block;
	border: 1px solid #ccc;
	max-height: 200px;
        border-radius: 8px;
}

.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
}

.mdmVid:after {
	margin-top: 97px;
	display: block;
	padding: 0 10px;
	font-weight: bold;
	line-height: 20px;
        color: #425158;
}

li.mdmVid:after {
	display: none;
}

.mdmVid1:after {
	content: "NFC";
}

.mdmVid2:after {
	content: "APNs Certificate";
}

.mdmVid3:after {
	content: "Apple Configurator";
}

.mdmVid4:after {
	content: "Automated Device Enrollment (ABM/ASM)";
}

.mdmVid5:after {
	content: "Securing E-mail attachment";
}

.mdmVid6:after {
	content: "Securing access to Exchange mailboxes";
}

.mdmVid7:after {
	content: "Installing iOS apps silently";
}

.mdmVid8:after {
	content: "Windows ICD";
}

.mdmVid9:after {
	content: "Forwarding Server";
}

.mdmVid10:after {
	content: "Bulk Android App Distribution";
}

.mdmVid11:after {
	content: "EMM Token Enrollment";
}

.mdmVid12:after {
	content: "App updates";
}

.mdmVid13:after {
	content: "Content Management";
}

.mdmVid14:after {
	content: "Samsung Knox";
}

.mdmVid15:after {
	content: "Android EFRP";
}

.mdmVid16:after {
	content: "Android Remote Control";
}

.mdmVid17:after {
	content: "iOS Remote View";
}

li.catMod:after {
	content: '';
}

.custVid1 {
	background-position: 0 0
}

.custVid2 {
	background-position: -210px 0
}

.custVid3 {
	background-position: -420px 0
}

.trainVid1 {
	background-position: 0 0
}

.trainVid2 {
	background-position: -210px 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: 20px;
	float: right;
	font-weight: 300
}

.demoHead {
	font-size: 30px;
	font-weight: 300;
	float: left
}

.demoTab a.home {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 25px;
	vertical-align: top;
	background-image: url(../images/video-home-icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	border-bottom: 0;
	margin-right: 0;
}

.demoTab a.home:hover {
	border-bottom: 0 !important;
}

.demoTab a.home:before {
	content: 'VIDEO HOME';
	text-align: right;
	position: absolute;
	font-size: 14px;
	font-weight: 500;
	right: 35px;
	width: 100px;
	line-height: 28px;
	opacity: 0;
	color: #60767f;
	transform: translateX(30px);
	transition: all ease-out 350ms;
}

.demoTab a.home:hover:before {
	content: 'VIDEO HOME';
	opacity: 1;
	transform: rotateX(0);
}

#scroll {
	background: #e2e2e2;
}

#scroll a:hover {
	text-decoration: none;
	border-bottom: 3px solid #7bbb2a
}

#scroll a.active {
	border-bottom: 3px solid #7bbb2a
}

#scroll a.disabled {
	pointer-events: none;
	opacity: .4;
	position: relative;
	display: none;
}

#scroll>.container {
	max-width: 100%
}

ul#catVid li {
	padding: 5px 15px;
	background-color: #eee;
	display: inline-block;
	margin-right: 5px;
	border-radius: 5px;
	margin-top: 50px;
	cursor: pointer;
}

ul#catVid {
	margin-top: -10px;
	margin-left: 21px;
	margin-bottom: -16px;
}

ul#catVid li.active {
	background-color: #138bd7;
	color: #fff;
	pointer-events: none;
}

ul#catVid li:hover {
	background-color: #ccc;
	color: #000;
}