.ProdTxt {width: 100%; margin: 0% 0% 3% 0; float: left; text-align: justify;}
.NSCon {width: 10%; float: left; margin: 1% 4% 1% 0; text-align: center; height: 110px}
.NSCon:nth-child(7n) {margin-right: 0}
#regWhite .NSCon img {width: 50%;}
.NSTxt {width: 100%; text-align: center; margin: 0}
#regWhite .NSCon:hover img {width:70%}
#regWhite .NSCon:hover a {font-family:'Ubuntu'}

#regGrey .Header2 {padding: 2%; background: #565656; color: white; margin: 1% 0 1% 0; float: left; width:96%; border-radius: 5px;} 
.DSCon  {height: 460px; width:22%; text-align: center; margin: 2% 4% 1% 0%; float: left; background-color: #FFF;}
.DSCon:nth-child(4n) {margin-right: 0}
.DSCon img {width: 82%; margin-top: 9%; border: 1px solid #ccc}
.DSConh3 {margin: 3% 9%; font-size: 1.1em; text-align: center; color: #d6291c; height: 50px;}
.DSConTxt {margin: 3% 9%;}
#regGrey .DSCon:hover a {font-family:'Ubuntu'}

.WPCon  {height: 210px; width:22%; text-align: center; margin: 2% 4% 1% 0; float: left; background-color: #FFF;}
.WPCon:nth-child(4n) {margin-right: 0}
.WPCon img {width: 82%; margin-top: 9%; border: 1px solid #ccc}
.WPConTxt {margin: 3% 9%;}
#regBlue .WPCon:hover a {font-family:'Ubuntu'}

#regBlue a {font-family: 'Ubuntu'; color: #000; text-decoration: none;}
#regBlue a:hover {font-family: 'Ubuntu'; color: #000; text-decoration: none;}

@media (max-width: 1100px) {

.DSCon {height: 435px;}
}

@media (max-width: 980px) {

.Video {float: left; width: 70%; margin: 1em 0 1.5em 15%}
.DSCon {width:30%; height: 460px; margin: 2% 5% 2% 0%;}
.DSCon:nth-child(4n) {margin: 2% 5% 2% 0}
.DSCon:nth-child(3n) {margin-right: 0}
}

@media (max-width: 880px) {

.WPCon {width:30%; margin-right:5%}
.WPCon:nth-child(4n) {margin-right: 5%}
.WPCon:nth-child(3n) {margin-left: 0; margin-right: 0; float: right;}
}

@media (max-width: 680px) {
.NSCon {width: 30%; margin-right: 5%}
.NSCon:nth-child(3n) {margin-right: 0}
.Video {width:80%; margin-left: 10%}
.DSCon {width:48%; margin-left: 0; margin-right: 4%; height: 470px;}
.DSCon:nth-child(4n) {margin-right: 0}
.DSCon:nth-child(3n) {margin-right: 4%}
.DSCon:nth-child(2n) {margin-right: 0}
.DSConh3 {height: auto}
.WPCon {height:185px}
}

@media (max-width: 555px) {
.NSCon {width: 48%; margin-right: 4%}
.NSCon:nth-child(3n) {margin-right: 4%}
.NSCon:nth-child(2n) {margin-right: 0; margin-left: 0}
.Video {width:100%; margin-left: 0}
.DSCon {height: 450px;}
.DSConh3 {margin-top: 5%}
.WPCon {width: 48%; margin-right: 4%; height:210px}
.WPCon:nth-child(4n) {margin-right: 4%}
.WPCon:nth-child(3n) {margin-right: 4%; float: left}
.WPCon:nth-child(2n) {margin-left: 0; margin-right: 0; float: right;}
}

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