.HTCon {float: left; text-align: justify}

.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%; background-color: #FFF; font-size: 1em; display: table-cell; vertical-align: middle; width: 1%;}
#regGrey h2 a {color: #000; font-family: '3dsweb';}
.ProdTxt {height: 130px; padding: 0 3% 3%; margin: 0; background-color: #FFF;}

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

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

@media (max-width: 980px) {
.ProdTxt  {height: 190px; }
}

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

@media (max-width: 680px) {
.ProdTxt {height: 200px; }
}

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