﻿.ProdTxt {width: 54%; float: left; text-align: justify;border-style: none !important;}
.Video {width: 42%; float: right; margin-top: 1em}

.CapCon {width: 100%;}
#regGrey .Header2 {padding: 2%; background: #555555; color: white; margin: 2% 0 0 0; float: left; width:96%; border-top-right-radius: 10px; border-top-left-radius: 10px;} 
.CapTxt {float: left; background-color: white; padding: 3% 3%; margin-bottom: 2%; width: 94%; height: auto; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

.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%}

#CallToAction {
    margin-bottom: 1px;
}

@media (max-width: 1100px) {
.ProdTxt {width: 58%;}
.Video {width: 40%;}
}

@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(5n) {margin-right: 5%}
.NSCon:nth-child(3n) {margin-right: 0}
}

@media (max-width: 555px) {
.Video {width:100%; margin-left: 0}
.CapCon {margin: 5% 0}
.NSCon {width: 48%; margin-right: 4%}
.NSCon:nth-child(2n) {margin-right: 0; margin-left: 0}
.NSCon:nth-child(5n) {margin-left: 0}
.NSCon:nth-child(3n) {margin-right: 4%}
}

@media (max-width: 400px) {
.NSCon {width: 100%; margin: 5% 0;}
.NSCon:nth-child(3n) {margin-right: 0; margin-left: 0}
.NSImg img {width: 40%;}
#regBlue .NSCon img {width: 35%;}
#regBlue .NSCon:hover img {width:37%};}
}
