.webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/EngineRotor.webp"); }
.no-webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/EngineRotor.jpeg"); }

@media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000042), url("/uploaded/Image/mastheads/mobile/450_EngineRotor.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000042), url("/uploaded/Image/mastheads/mobile/450_EngineRotor.jpeg");}
}


.DSCon  {height: 460px; width:22%; text-align: center; margin: 2% 4% 1% 0%; float: left; background-color: #FFF;}
.DSCon:nth-child(4n) {margin-right: 0}
.DSCon img {width: 82%; margin-top: 9%; border: 1px solid #ccc}
.DSConh3 {margin: 3% 9%; font-size: 1.1em; text-align: center; color: #1d4f91; height: 50px;}
.DSConTxt {margin: 3% 9%;}
#regGrey .DSCon:hover a {font-family:'Ubuntu'}


@media (max-width: 1100px) {
.DSCon {height: 435px;}
}

@media (max-width: 980px) {
.DSCon {width:30%; height: 460px; margin: 2% 5% 2% 0%;}
.DSCon:nth-child(4n) {margin: 2% 5% 2% 0}
.DSCon:nth-child(3n) {margin-right: 0}
}

@media (max-width: 680px) {
.DSCon {width:48%; margin-left: 0; margin-right: 4%; height: 470px;}
.DSCon:nth-child(4n) {margin-right: 0}
.DSCon:nth-child(3n) {margin-right: 4%}
.DSCon:nth-child(2n) {margin-right: 0}
.DSConh3 {height: auto}
}

@media (max-width: 555px) {
.Video {width:100%; margin-left: 0}
.DSCon {height: 450px;}
.DSConh3 {margin-top: 5%}
}

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