.HTCon {text-align: justify}
#regWhite h2 {text-align: center}
.Video {width: 70%; margin: 2% 15%}

.ProdCon {width:29%; text-align: center; margin: 2% 5% 2% 0; float: left;}
.ProdCon:nth-child(3n) {margin-right: 0}
.ProdCon img {width: 100%; margin-bottom: 3%;}
.ProdTxt {height: 75px; padding: 2% 6%; background-color: #FFF; text-align: left}
#regGrey h3 {color: #000; font-family: '3dsweb'; font-size: 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:62%}
#regBlue .NSCon:hover a {font-family:'3dsweb'}

@media (max-width: 1100px) {
.ProdCon {width:31%; margin-right: 2%}
}

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

@media (max-width: 880px) {
.ProdCon {width:47%; margin-right: 4%}
.ProdCon:nth-child(3n) {margin-left: 26%}
.ProdCon:nth-child(2n) {margin-right: 0; margin-left: 0;}
}

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

@media (max-width: 555px) {
.Video {width: 100%; margin: 3% 0}
.ProdCon  {width: 100%; margin: 5% 0}
.ProdCon:nth-child(3n) {margin-left: 0 }
.ProdCon:nth-child(2n) {margin-left: 0; margin-right: 0; }
.ProdTxt {height: auto;  padding: 3%;  min-height: 0;}
.NSCon {width: 48%; margin-right: 4%}
.NSCon:nth-child(3n) {margin-right: 4%}
.NSCon:nth-child(2n) {margin-right: 0; margin-left: 0}
}

@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%}
}