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

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

.Thanks {width:63%; text-align: left; float: left; margin-right: 5%}

.StaffPic {float: left; width: 14%;  text-align: center;}
.StaffPic img {width:100%}

.BCard {float: right; text-align: center;}
.BCardR {height: 250px; width: 100%; float: left;}
.BCardL {height: 250px; width: 60px; float: left; background-color: #d6291c; border-radius: 16px 0 0 16px; text-align: center;    position: absolute;}

.BCard1 {float: right; width: 83%; text-align: right; padding: 10px 10px 10px 0;}
.BCard2 {float: left; text-align: left; padding: 0 0 10px 10px; width: 100px;}
.BCard3 {float: right; text-align: right; padding: 0 10px 10px 0;}

.ProdCon  {text-align: center; float: left;}
.ProdCon:nth-child(3n) {margin-right: 0}
.ProdCon img {width: 100%}

@media (max-width: 1100px) {
.HeroImg {margin-top: -8.5%;}
.ProdCon {margin-right: 2%; margin-top: 5%}
.Thanks {width:100%; margin-right: 0}
.StaffPic {margin-left: 10%; width: 20%;}

}

@media (max-width: 980px) {
.HeroImg {margin-top: -7.5%;}
}

@media (max-width: 880px) {
.HeroImg {display: none}
.HTCon {width: 100%;}
.CustImg {width: 48%; margin-right: 4%}
.CustImg:nth-child(2n) {float-right; margin-right: 0}
.ProdCon { margin-right: 4%}
.ProdCon:nth-child(3n) {margin-left: 26%}
.ProdCon:nth-child(2n) {margin-right: 0; margin-left: 0;}
.StaffPic {margin-left: 5%;}

}

@media (max-width: 680px) {
.HTCon {margin-bottom: 4%; text-align: center}
.CTA {Margin-top: 1em}
.StaffPic {margin-left: 0; width: 28%;}

.Terms {width: 100%;}
}

@media (max-width: 555px) {
.ProdCon  {width:100%; margin: 5% 0}
.ProdCon:nth-child(3n) {margin-right: 0; margin-left: 0;}
.ProdCon:nth-child(2n) {margin-left: 0; margin-right: 0; }
.StaffPic {display: none}


.BCardR {border-radius: 16px; width: 100%;}
}

@media (max-width: 400px) {
#regBodyContent #regForm input[type=submit].buttonLP {font-size: 1.3em;}
.CustImg {width: 100%; margin-right: 0}
.BCard2 {display: none;}
}

.sector-subtitle {
    font-size: 1.1em;
    font-weight: 400;
    color: #fff;
    padding: 10px 0;
    width: 100%;
    background:#565656;
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.BCard {
    float: right;
    text-align: center;
    border: solid;
    border-radius: 16px;
    border-width: 1px;
border-color: #c3c3c3;
}

hr {
    height: 0px!important;
}