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

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




#TRAINING::before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)), url(/uploaded/image/Training/Page-Renders/solidworks-Weldments-Training-Course.jpg);
}

.FeefoCon {float: left; width: 100%; text-align: center; padding-bottom:1em; background-color: #fff;}
.FeefoRate {float: left; width: 24%; margin: 1% 38% 1%}
.FeefoRate img {width: 100%}
.Inn { height: auto;}


@media (max-width: 1024px) {
.FeefoRate {width: 28%; margin: 1% 36% 1%}
}

@media (max-width: 980px) {
.FeefoRate {width: 32%; margin: 1% 34% 1%}
}

@media (max-width: 880px) {
.FeefoRate {width: 36%; margin: 1% 32% 2%}
#regGrey .feefo_CommentText { padding: 5px 1% 5px 1%;margin-left: 0; float: right;}
#regGrey .feefo_ProductNameText { width: 18%;}
}

@media (max-width: 700px) {
.FeefoRate {width: 40%; margin: 1% 30% 1%}
}

@media (max-width: 555px) {
.FeefoRate {width: 44%; margin: 1% 28% 2%}
#regGrey .feefo_ProductNameText {width: 17%;}
}

@media (max-width: 400px) {
.FeefoRate {width: 64%; margin: 2% 18% 2%}
}