.imgBrakeShoeWrap{text-align:left!important; width:100%;}
.imgBrakeShoeWrap img{width:240px; display:inline-block; margin:0 10px;}
.techTip{color:#A30014; font-style:italic;}
.italicTxt{font-style:italic;}
.brakeshoeWrapper p {padding:8px 0px;}
.appInfoLeft .vTypeHeading {display:block}
.appInfoLeft .vTypeImg{display:block}
.appInfoLeft .vTypeImg img{width:14%;margin:0 5px;}

.appInfoRight div{float:left;display:block;margin-right:10px;line-height: 33px;}
.appInfoRight select{width: calc(100% - 80px);float:left;}

#comLinInfr .comLinInfr-attr{width:45%;margin-right:5%;float:left}

#comLinInfr .comLinInfr-attr div{float:left;display:block;margin-right:10px;line-height: 33px;}
#comLinInfr .comLinInfr-attr select{width: calc(100% - 120px);float:left;}

.brakeshoeWrapper h4 {font-weight:bold;}
.kitImgSectionList ul li a {display:block;}
.brakeShoe-radio-grp input {margin:0 5px 0 20px;}
.config-form-section{float:left;}
.kitImgSectionList{margin:20px 0;}
.kitImgSectionList ul{}
.kitImgSectionList ul li{border:1px solid #ccc; padding:0px; width:14%; margin:5px 15px 5px 0px; display:inline-block;}
.kitImgSectionList ul li img{width:100%;}
.appInfoLeft{width:75%; float:left;}
.appInfoRight{width:25%; float:left;}
.vcleTpe{width:10%; display:block; float:left;}
.vcleTpeImg{width:90%; display:block; float:left;}
.vcleTpeImg img{height:30px;float:left;margin:0 5px;}
.brakeshoeFacetStep1{width:32%;float:left;margin-right:3%;color: #777; font-weight: bold; line-height: 2em;}
.brakeshoeFacetStep1 select{width:60%;font-weight: normal;}
/**To disable image use below classes**/
.kitImgSectionList ul li.disabled{background:#ccc}
 
.kitImgSectionList ul li.disabled img{opacity: 0.2;}
/****/

.step1wrp .disabled{background:#ccc}
.step1wrp .disabled img{opacity: 0.2;}

.imghighliter{
    border: 2px solid #000!important;    
}

.brakeShoe-radio-grp span{font-weight:bold; font-size:20px;float:left;}

.brakeshoeFacetStep1 div span {
    line-height: 2em!important;
}
.vTypeImg a img{border:2px solid #fff;}

.qusPopup {
    position: relative;
    float: left;
    /* top: 0px; */
    left:103px;
}
.bs-pg-heading .qusPopup{left:5px;}
.bs-radio-btn{float:left;margin-top:6px;}
.martopDesk{margin-top:-8px;}
.brakeshoeFacetStep1 .qustTxt{color: #b20838; border: 1px solid #b20838; border-radius: 50%; padding: 0px 4px; float: left;  font-weight: 900; font-size: 12px; cursor: pointer;}
.qustTxt{color: #b20838; border: 2px solid #b20838; border-radius: 50%; padding: 0px 6px; float: left;  font-weight: 900; font-size: 18px; cursor: pointer;}
.qusPopup .qusPopWrap{display:none; position:absolute; border:1px solid #bcbdc1; padding:5px; left: 30px; bottom: 0; background: #fff; min-width:200px;}
.qusPopup:hover .qusPopWrap{display:block;}
.qusPopup .qusPopWrap ul{}
.qusPopup .qusPopWrap ul li{display:block;padding: 5px 0;}
.qusPopup .qusPopWrap ul li img{width: 60px; margin: 5px 10px 5px 0; float:left;}

.brakeshoeFacetStep1 .qusPopup .qusPopWrap{display:none; position:absolute; border:1px solid #bcbdc1; padding:5px; left: 21px; bottom: 0; background: #fff; min-width:200px;}
.brakeshoeFacetStep1 .qusPopup:hover .qusPopWrap{display:block;}

.qusPopup .qusPopWrap ul li a {font-size: 14px;text-decoration: underline;}
.bs-dp-label-txt{float:left;margin-left:-17px;} 
.martop3{margin-top:5px;width:20px;}
.martop7{margin-top:-3px;width:30px;}

/* trailer axle css start*/
.bs-pg-heading h4{font-weight: bold; margin:20px 0;}
.bold{font-weight:bold;}
.step1wrp{margin:20px 0;}
.step1imgwrp{cursor:pointer; border:1px solid #ccc; padding:0px 50px; text-align:center; margin-right:20px; display:inline-block;height:340px; overflow:hidden;}
#trailerAxleStep2 .kitImgSectionList ul li{padding:0;}
.step2imgwrp{cursor:pointer;}
.step2proNm{background:#76787B;color:#fff; text-align:center; font-weight:bold; padding:5px;height:60px;}

.brakeshoeFacetStep1 .bs-dp-label{display: inline-block;}
.imgBrakeShoeWrap{text-align: left!important;}
 
 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.brakeShoeBtn-wrapper a.btn{padding:0.5em 1em;margin-right:5px!important; font-size:1em;}
.brakeshoeFacetStep1{width:70%;margin:10px 15%;text-align:right;}
.brakeshoeFacetStep1 select{width:70%; float:right;}
 .martopDesk{margin-top:0px;}
 
 .bs-dp-label {float: left; text-align: right; width: 37%;}
.brakeshoeFacetStep1 select {width: 60%; margin-left: 7px; }
.qusPopup {float: right; left: 0; margin-left: 5px;text-align: left}
.bs-dp-label-txt {float: right; margin-left: 0;}
.appInfoLeft{width:70%;float: left;}
.appInfoRight {width: 30%; float: left;}
.bs-pg-heading .qusPopup {float: left!important;}
/* trailer axle css start*/
.step1imgwrp{width:47%;}
.step1imgwrp img{width:100%;}

}

@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
	.imgBrakeShoeWrap img {width:150px;}
	.brakeshoeFacetStep1{width:100%;margin:10px 0;text-align:right;}
	.brakeshoeFacetStep1 select {width:60%;margin-left:7px;}
	.brakeShoe-radio-grp{width:100%; display:block; padding-bottom:10px;}
	.brakeShoe-radio-grp input{margin:0 5px;}
	.appInfoLeft, .appInfoLeft .vTypeHeading, .appInfoLeft .vTypeImg{width:100%;}
	.appInfoRight{width:100%; margin:20px 0;}
	#comLinInfr .comLinInfr-attr{width:100%; margin:5px 0;}
	#comLinInfr .comLinInfr-attr select {float:right; margin-right:10px;} 
	.kitImgSectionList ul li {width:44%;}
	.appInfoLeft .vTypeImg img {width:45%}
	.mob-margin-left{margin-left: 160px!important;}
	.bs-dp-label{float: left;text-align: right;width: 37%;}
	.qusPopup{float:right;left:0; margin-left:5px;}
	.bs-dp-label-txt{float:left;}
	.bs-pg-heading .qusPopup{float:left!important;}
	.brakeshoeFacetStep1 .qusPopup .qusPopWrap{width:180px; text-align:left;}	
	.qusPopup .qusPopWrap{right:30px;left:auto;}
	.qusPopup .qusPopWrap ul li {padding:10px 0;}
	.bs-dp-label-txt{float:right;margin-left:0;}
	.bs-radio-btn{width:100%;display:block;}
	.martopDesk{margin-top:0px;}
	.martop3{margin-top:3px;width:20px;}
	.martop7{margin-top:-7px;width:30px;}
	/* trailer axle css start*/
	.step1imgwrp{width:100%; padding:0; margin-bottom:20px;}
	.step1imgwrp img{width:100%;}
}