.HTCon {text-align: justify; float: left}
.Video {width: 69%; margin: 2% 0 2% 15.5%; float: left;}

.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%}
.bagimage {float: left; width: 48%; margin: 0 4% 2% 0}

.slideDiv{text-align: center}

.BlueCon {width:100%; float: left; margin-bottom: 2%}
.FeedCon {float: left; width: 48%; height: 500px; margin: 2% 4% 2% 0; background-color: #FFF;}
.FeedCon:nth-child(2n) {margin-right: 0}
.FeedCon2 {position: center; width: 48%; height: 600px; margin: 2% 4% 2% 26%; background-color: #FFF;}
.FeedCon2:nth-child(2n) {margin-right: 0}
.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;}
#regBluey .FeedTxt {color: #555555; margin: 0; padding: 1em; text-align: center;}
#regBlue p {color: #fff; text-align: center}

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

.ProdConS  {width:30%; text-align: center; margin: 2% 5% 0 0; float: left;}
.ProdConS:nth-child(3n) {margin-left: 0; margin-right: 0}
.ProdConS img {width: 100%}
#regBlue .ProdTxtS {height: 220px; padding: 2% 3% 3%; margin-top: -2%; background-color: #FFF; color: #000}
#regBlue .TxtPrize {height: 130px; padding: 2% 3% 3%; 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: 5% 3% 3%; margin-top: -2%; background-color: #FFF; color: #000}

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

@media (max-width: 980px) {
#regBlue .ProdTxtE {height: 290px; }
#regBlue .ProdTxtS {height: 260px; }
.FeedCon {height: 550px;}
.FeedCon2 {height: 600px;}
}

@media (max-width: 880px) {
.YouTube {width: 80%; float: left; margin-left: 10%; padding-top: 55%;}
.FeedCon {height: 640px;}
.FeedCon2 {height: 600px;}
.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: 340px; }
}

@media (max-width: 745px) {
.FeedCon2{height: 550px; width: 100%; margin:0% 4% 2% 0%}
}

@media (max-width: 680px) {
.YouTube {width: 100%; margin: 5% 0; padding-top: 60%; }
.FeedCon {width: 100%; height: auto;}
.FeedCon2 {width:100%; height: auto;}
#regBlue .TxtPrize:nth-child(2n) {height: auto;}
.CompImg:nth-child(1n) {float: left; width: 80%; margin-left: 10%}
.Video {width: 100%; margin: 3% 0}
.ProdConS  {width:100%;}
#regBlue .ProdTxtS {height: auto;}
.NSCon {width: 30%; margin-right: 5%}
.NSCon:nth-child(3n) {margin-right: 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}
.ProdConS:nth-child(2n) {margin-left: 0; margin-right: 0; }
.GreyBar {font-size: 1.1em;}
.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%}
}