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

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

.ProdTxt {width: 54%; float: left; text-align: justify;}
.Video {width: 42%; float: right; margin-top: 1em}

.row {padding: 1%; border-bottom: rgb(195,195,195) 1px solid;}

#regGrey .Header2 {padding: 2%; background: #565656; color: white; margin: 0; float: left; width:96%; border-top-left-radius: 10px; border-top-right-radius: 10px;} 
#regGrey H2 {margin-bottom: 3%;}


.Chlng {margin-right: 13%;}
.TblInt {text-align: center;}
.Col {width: 40%; text-align: left; vertical-align: top; }
.TblHead {color: #1d4f91; margin-bottom: 0; font-weight: bold;}

@media (max-width: 1100px) {
.ProdTxt {width: 58%;}
.Video {width: 40%;}
}

@media (max-width: 980px) {
.ProdTxt {width:100%;}
.Video {float: left; width: 70%; margin: 1em 0 1.5em 15%}
}

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

@media (max-width: 680px) {
.Video {width:80%; margin-left: 10%}
.NSCon {width: 30%; margin-right: 5%}
.NSCon:nth-child(3n) {margin-right: 0}

#regGrey .Header2 {padding: 3%; width: 94%; margin: 8% 0 0 0;} 
}

@media (max-width: 555px) {
.Video {width:100%; margin-left: 0}
#regGrey .Header2 {padding: 4%;   width: 92%;} 
}


@media (max-width: 400px) {
#regGrey tbody {vertical-align: top;}
}