.webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/LaptopAtDesk.webp"); }
.no-webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/LaptopAtDesk.jpeg"); }

@media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000042), url("/uploaded/Image/mastheads/mobile/450_LaptopAtDesk.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000042), url("/uploaded/Image/mastheads/mobile/450_LaptopAtDesk.jpeg");}
}


.card-heading {	
border-color: #9b0372;
	border-style: solid;
	border-width: 0px 0px 7px 0px;
}


}

#regTopMenuBar .menuLinks ul li ul li ul li a.selected {border-bottom: 3px solid #9b0372;}
#regTopMenuBar .menuLinks ul li ul li ul li a:hover {border-bottom: 3px solid #9b0372;}
#regTopMenuBar .menuLinks ul li ul li a.selected {color: #ffffff;}

.ProdTxt {width: 54%; float: left; text-align: justify;}
.Video {width: 42%; float: right; margin-top: 1em}

.NSCon {width: 16%; float: left; margin: 2% 5% 2% 0; text-align: center; height: 110px}
.NSCon:nth-child(5n) {margin-right: 0}
#regBlue .NSCon img {width: 60%;}
.NSTxt {width: 100%; text-align: center; margin: 0}
#regBlue .NSCon:hover img {width:70%}

#regBodyContent #INNER-MASTHEAD h1 {font-size: 0.6em}
#regBodyContent #INNER-MASTHEAD h2 {font-size: 1.5em;}

@media (max-width: 1100px) {
.ProdTxt {width: 58%;}
.Video {width: 40%;}
}

@media (max-width: 1024px) {
#regTopMenuBar .menuLinks ul li ul li ul li a:hover {color: #555555;}
}

@media (max-width: 980px) {
.ProdTxt {width:100%;}
.Video {float: left; width: 70%; margin: 1em 0 1.5em 15%}
}

@media (max-width: 880px) {
}

@media (max-width: 680px) {
.Video {width:80%; margin-left: 10%}
.NSCon {width: 30%; margin-right: 5%}
.NSCon:nth-child(3n) {margin-right: 0}
}

@media (max-width: 555px) {
.Video {width:100%; margin-left: 0}
.NSCon {width: 48%; margin-right: 4%}
.NSCon:nth-child(3n) {margin-right: 4%}
.NSCon:nth-child(2n) {margin-right: 0; margin-left: 0}
#regBodyContent #INNER-MASTHEAD h1 {font-size: 3.0em;}
#regBodyContent #INNER-MASTHEAD h2 {line-height: 1.0em; margin-top: 0px;}
}

@media (max-width: 400px) {
.NSCon {width: 100%; margin: 5% 0;}
.NSCon:nth-child(3n) {margin-right: 0; margin-left: 0}
#regBlue .NSCon img {width: 35%;}
#regBlue .NSCon:hover img {width:37%}
}