.ProdTxt {width: 60%; float: left; text-align: justify;}
.CusLogo {float: left; margin-left: 15%; width: 20%;}
.Video {width: 95%; position: relative; padding-top: 54%; float: left; margin: 2% 2.5%}
.Video iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}

.CInfo {float: left; width: 48%; margin: 0 4% 4% 0;}
.CDir {float: left; width: 48%; margin-right: 4%; background-color: #555555;  text-align: center;}
.CInfo:nth-child(2n) {margin-right: 0}

#regBlue h2 {margin-bottom: 3%;}
#regBlue .bcg { background-color: #dadada; position: relative; height: 47px; margin-bottom: 3px;}
#regBlue h3 { margin-top: 0; height: 47px; font-size: 1.1em; color: #000; display: table-cell; text-align: center; width: 1%; vertical-align: middle;}
#regBlue p.CDirTxt {background-color: #555555; color: #FFF; padding: 0 2%; display: table-cell; vertical-align: middle; text-align: center; width: 1%; height: 170px;}
#regBlue p.CDirTxt:hover {font-family: 'Ubuntu';}
#regBlue p {background-color: #FFF; color: #000; text-align: center; padding: 0 2%; margin: 1% 0 0 0; display: table-cell; vertical-align: middle; text-align: center; height: 120px; width: 1%;}

#regBlue a:hover {font-family: 'Ubuntu'; color: #000;}
#regBlue a {color: #000;}
#regBlue .CDir:hover a {font-family: 'Ubuntu'; color: #fff;}
#regBlue .CDir a {color: #fff;}


@media (max-width: 880px) {
.ProdTxt {width: 64%; }
.CusLogo {margin-left: 10%;}
.CInfo:nth-child(2n) {float: left; width: 100%;  margin: 3% 0 }
.CInfo {width: 100%;  margin: 0 0 3% 0;}
.CDir {width: 100%; margin: 3% 0 }
}

@media (max-width: 680px) {
.ProdTxt {width: 100%; float: left; text-align: justify;}
.CusLogo {  float: left; width: 40%; margin-left: 37%; margin-top: 3%; }
.CInfo:nth-child(2n) {float: left; width: 100%;  margin: 4% 0 }
.CInfo {width: 100%;  margin: 0 0 4% 0;}
.CDir {width: 100%; margin: 4% 0}
}


@media (max-width: 555px) {
.CusLogo {width: 60%; margin-left: 35%;}
.CInfo:nth-child(3n) { margin: 5% 0;}
.CInfo:nth-child(2n) { margin: 5% 0;}
.CInfo { margin: 5% 0;}
.CDir {margin: 5% 0;}
#regBlue h3.Dbl {height: 40px; padding: 1%;}
}

@media (max-width: 400px) {
.CusLogo {margin-left: 24%;}
.CInfo:nth-child(3n) {margin: 5% 0;}
.CInfo:nth-child(2n) {margin: 5% 0;}
.CInfo {margin: 5% 0;}
.CDir {min-height: 100px;}
}