.webp .mh {background-image: linear-gradient(to bottom right,#00000077,#00000099), url("/uploaded/Image/mastheads/sm/LaptopCloseUp.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#00000077,#00000099), url("/uploaded/Image/mastheads/sm/LaptopCloseUp.jpg");}

@media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#00000055,#00000099), url("/uploaded/Image/mastheads/mobile/450_LaptopCloseUp.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#00000055,#00000099), url("/uploaded/Image/mastheads/mobile/450_LaptopCloseUp.jpg");}
}


.background-transition {height: calc(8vw + 20px); max-height: 160px}

#transition-one {background: linear-gradient(182deg, #fff 0%, #fff  40%, #333333aa 40.3%, #333333aa 45.1%, #333333aa 45.4%, #333333aa), linear-gradient(183.7deg, #fff  0%, #fff  39.8%, #333333aa 40.2%, #333333aa 50.8%, #333333 51.2%, #333333);}

#regGrey .section-title {
    background-color: transparent;
}


/*----------------- RegGrey Start ------------------*/

#regGrey {background: #333; padding-bottom: 40px;}

#LAPTOP::before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)), url(/Uploaded/Image/Hardware/Laptop-Range.jpg);
}

#DESKTOP::before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)), url(/Uploaded/Image/Hardware/Desktop-Range.jpg);
}

#regGrey .Launch {
    height: 380px;
    position: relative;
    justify-content: center;
}

.gCentre {font-size: 1.6em; background: linear-gradient(to left,rgba(29, 79, 145,0),rgba(29, 79, 145,1) 50%, rgba(29, 79, 145,0) 100%);}

/*----------------- RegGrey End ------------------*/