﻿.webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/Feedback.webp"); }
.no-webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/Feedback.jpeg"); }

@media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000042), url("/uploaded/Image/mastheads/mobile/450_Feedback.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000042), url("/uploaded/Image/mastheads/mobile/450_Feedback.jpeg");}
}



.FeefoCon {float: left; width: 100%; text-align: center;}
.FeefoRate {float: left; width: 24%; margin: 1% 38% 2%}
.FeefoRate img {width: 100%}
.Video {width:60%; margin: 2% 20% 1% 20%}
.Inn { height: auto;}



@media (max-width: 1100px) {
.FeefoRate {width: 28%; margin: 1% 36% 2%}
}

@media (max-width: 980px) {
.FeefoRate {width: 32%; margin: 1% 34% 2%}
.Video {width:80%; margin: 2% 10% 1% 10%}
}

@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: 680px) {
.FeefoRate {width: 40%; margin: 1% 30% 2%}
.Video {width:90%; margin: 2% 5% 3% 5%}
}

@media (max-width: 555px) {
.FeefoRate {width: 44%; margin: 1% 28% 2%}
#regGrey .feefo_ProductNameText {width: 17%;}


}

@media (max-width: 400px) {
.FeefoRate {width: 64%; margin: 1% 18% 2%}
}

