.HTCon {float: left; width: 55%; text-align: justify}
.HeroImg {float: right; width:40%; margin-top: -17%; margin-bottom: -20%}
.HeroImg img {width: 100%; margin-top: 50px}
#regWhite .Inner {overflow: hidden}

#regGrey #CallToAction {margin-top: 2%; margin-bottom: 1%;}
#regGrey #CallToAction a {color: #FFF; font-size: 1.5em;}

.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:'Ubuntu'}

.ProdCon  {width:29%; text-align: center; margin: 2% 5% 2% 0; float: left;}
.ProdCon:nth-child(3n) {margin-right: 0}
.ProdCon img {width: 100%}
.ProdTxtWrap {background-color: #FFF; margin-top: -5px}
#regGrey h2 {height: 50px; padding: 0 2%; font-size: 1em; display: table-cell; vertical-align: middle; width: 1%;}
#regGrey h2 a {color: #000; font-family: 'Ubuntu';}
.ProdTxt {height: 155px; padding: 0 3% 3%; margin: 0;}

#regGrey .Buttons-2 {color: #000; text-align: center; background-color: #fff; width:48.5%; %; margin-top: 3%; display: inline-block; border: 0px solid #FFF; padding: 3% 0; font-family: '3dsweb'; float: left}
#regGrey .Buttons-2:nth-child(2n) {margin-right: 0; float: right;}

@media (max-width: 1100px) {
.ProdCon {width:32%; margin-right: 2%}
.ProdtTxt {height: 150px;}
}

@media (max-width: 980px) {
.HeroImg {margin-top: -15%;}
.ProdTxt {height: 165px; }
}

@media (max-width: 880px) {
.HTCon {width: 100%;}
.HeroImg {display: none}
.ProdCon  {width:100%; margin: 3% 0}
.ProdCon:nth-child(3n) {margin-left: 0; }
.ProdCon:nth-child(2n) {margin-left: 0; margin-right: 0; }
.ProdTxt {height: auto;}
}

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

}

@media (max-width: 555px) {
.HTCon {margin: 5% 0 3%}
#regGrey #CallToAction {margin-top: -3%; margin-bottom: 5%;}
.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;}
.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%}
}