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

.ESSCon {width: 60%; float: left; text-align: justify; background-color: #fff; padding: 0 3%; margin-top: 2%;}

.DSCon  {height: auto; width:28%; text-align: center; margin-top: 2%; center; float: right; background-color: #FFF;}
.DSCon:nth-child(2n) {margin-left: 0}
.DSCon img {width: 82%; margin-top: 8%; border: 1px solid #ccc}
.DSConh3 {padding: 3% 9%;height: 60px; font-size: 1.1em; text-align: center; color: #d6291c;}
#regGrey .DSCon a {color: #d6291c;}
#regGrey .DSCon:hover a {font-family:'3dsweb'; color: #d6291c;}


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

@media (max-width: 980px) {
.ESSCon {width: 55%;}
.DSCon {width:30%}
}

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

@media (max-width: 680px) {
.ESSCon {width: 94%;}
.DSCon {width:48%; margin: 5% 26% 3%; float: left}
.DSConh3 {padding: 3% 9%;}
}

@media (max-width: 555px) {
.DSConh3 {margin-top: 5%}
#regGrey ul { margin-right: 10px;}
}

@media (max-width: 400px) {
.DSCon  {width:100%; margin: 5% 0; height: auto}
}