.HTCon {text-align: justify; float: left}
.YouTube {width: 69%; position: relative; padding-top:39%; margin: 2% 0 2% 15.5%; float: left;}
.YouTube iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}

.CompImg {float: left; width: 48%; margin: 0 4% 2% 0}
.CompImg:nth-child(2n) {margin-right: 0}
.CompImg:nth-child(3n) {margin: 0 0 2% 26%}
.CompImg img {width: 100%}

.FeedCon {float: left; width: 48%; height: 320px; margin: 2% 4% 2% 0; background-color: #FFF;}
.FeedCon:nth-child(2n) {margin-right: 0}
.FeedCon2 {float: left; width: 100%; height: auto; margin: 2% 0 2% 0; background-color: #FFF;}
.GreyBar {text-align: center; background-color: #555555; padding: 0.5em; color: #FFF; margin: 0; font-size: 1.3em;}
#regGrey .FeedTxt {margin: 0; padding: 1em; text-align: center;}

#regBlue p {color: #fff; text-align: center}

.ProdConS  {width:48%; text-align: center; margin: 2% 4% 2% 0%; float: left;}
.ProdConS:nth-child(2n) {margin-left: 0; margin-right: 0}
.ProdConS img {width: 100%}
#regBlue .ProdTxtS {height: 130px; padding: 2% 3% 3%; margin-top: -2%; background-color: #FFF; color: #000}

.ProdConE  {width:30%; text-align: center; margin: 2% 5% 2% 0; float: left;}
.ProdConE:nth-child(3n) {margin-right: 0}
.ProdConE img {width: 100%}
#regBlue .ProdTxtE {height: 245px; padding: 0 3% 3%; margin-top: -2%; background-color: #FFF; color: #000}

@media (max-width: 1100px) {
.ProdConE {width:32%; margin-right: 2%}
.FeedCon {height: 340px;}
}

@media (max-width: 980px) {
.FeedCon {height: 360px;}
#regBlue .ProdTxtE {height: 290px; }
#regBlue .ProdTxtS {height: 160px; }
}

@media (max-width: 880px) {
.YouTube {width: 80%; float: left; margin-left: 10%; padding-top: 55%; }
.CompImg:nth-child(1n) {float: left; width: 70%; margin-left: 15%}
.ProdConE {width:48%; margin-right: 4%}
.ProdConE:nth-child(3n) {margin-right: 4%}
.ProdConE:nth-child(2n) {margin-right: 0; margin-left: 0;}
.ProdConE:nth-child(9n) {margin-left: 26%}
#regBlue .ProdTxtE {height: 250px;}
#regBlue .ProdTxtS {height: 200px; }
.FeedCon {height: 490px;}
}

@media (max-width: 680px) {
.YouTube {width: 100%; margin: 5% 0; padding-top: 60%; }
.CompImg:nth-child(1n) {float: left; width: 80%; margin-left: 10%}
#regBlue .ProdTxtE  {height: 310px;}
#regBlue .ProdTxtS {height: 250px;}
.FeedCon {width: 100%; margin: 5% 0; height: auto}
.Video {width: 100%; margin: 3% 0}
}

@media (max-width: 555px) {
.CompImg:nth-child(1n) {float: left; width: 100%; margin: 0}
.ProdConE  {width:100%; margin: 5% 0}
.ProdConE:nth-child(3n) {margin-right: 0; }
.ProdConE:nth-child(2n) {margin-left: 0; margin-right: 0; }
.ProdConE:nth-child(9n) {margin-left: 0}
#regBlue .ProdTxtE {height: auto;}
.ProdConS  {width:100%; margin: 5% 0}
.ProdConS:nth-child(2n) {margin-left: 0; margin-right: 0; }
#regBlue .ProdTxtS {height: auto;}
.GreyBar {font-size: 1.1em;}
}

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