﻿.webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/Gears.webp"); }
.no-webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/Gears.jpeg"); }

@media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000042), url("/uploaded/Image/mastheads/mobile/450_Gears.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000042), url("/uploaded/Image/mastheads/mobile/450_Gears.jpeg");}
}


/* DIVFIX NOT COMMENTED OUT
DIVFIX NOT COMMENTED OUT FINISH */

#.iconLeft:before {
content:"\f02c";
font-family: "Font Awesome 5 Duotone";
font-weight: 900;
display: none;
}

}
.fixheading{font-weight:500; text-align: inherit;}
.fixbody{color:white !important; text-decoration:none; font-weight:500;}
.fixbody a{color:white !important; text-decoration:none;}

.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%}
}
