@font-face{font-family:Lora-Bold;
  src: url(../fonts/lora/Lora-Bold.ttf); }

@font-face{font-family:Roboto-Bold;
  src: url(../fonts/roboto/Roboto-Bold.ttf); }

@font-face{font-family:Roboto-Regular;
  src: url(../fonts/roboto/Roboto-Regular.ttf); }

@font-face{font-family:Roboto-Light;
  src: url(../fonts/roboto/Roboto-Light.ttf); }

#scorecardHeadSection{  padding:0px;  }
#scorecardHeadFeature{ padding-top: 15px; padding-bottom: 0px;}

#scorecardHeadFeature p{padding-bottom: 10px; padding-top: 0px; font-family: Roboto-Light;}

#scorecardHeadFeature:after{ content: "";
    display:block;
  margin:0px 3px 0px 130px;
width:30%;
padding-top:14px;
border-bottom: 1px solid rgb(115, 47, 154); }

#scorecardHeadFeature:after{ content: "";
display:block;
margin:0 0px 2px 47%;
width:58%;
padding-top:55px;
border-right: 1px solid rgb(115, 47, 154); }

#breadcrumbTitleScorecard{ margin-top:57px;}
#breadcrumbTitleScorecard h2{ font-size:120%; letter-spacing: 2px;   text-align:center;  color:rgb(115, 47, 154);
                                  padding-left:2%; position:relative; z-index:1; padding-bottom:20px;
                                font-family: Roboto-Regular;  text-transform: uppercase;   font-weight:normal;}

#breadcrumbTitleScorecard h2:after{ content:""; position:absolute; left:42%;
                                 bottom:0; width:20%; border-bottom:1px solid rgba(115, 47, 154, .5);}



#scorecardSection{ margin-top:20px; padding-top:80px; border-top:solid  1px  rgba(255,140,0,.3);}


#ScorecardDivMainParags{text-align: justify; padding:10px; }
#ScorecardDivMainParagsPara1{ padding:12px; }
#ScorecardDivMainParags  ul{  width:90%; margin-left:5%; padding-top: 10px; padding-bottom: 10px;}
#ScorecardDivMainParags  ul li{ list-style-type: circle;  }
#ScorecardTitleParaMainHeader{ font-size: 160%; color:rgb(246, 143, 81);  background-color: white;
                               margin:10px auto; padding:8px; padding-left: 14px;}
#scorecardIMG{ width:96%; margin:0px 2%; }



        
@media only screen and (min-width: 991px) and (max-width: 1280px) {

  

}




@media only screen and (min-width: 767px) and (max-width: 991px) {
 
 #breadcrumbTitleScorecard h2{ line-height: 30px; font-size:40%;}
 #ScorecardTitleParaMainHeader{ line-height: 30px; }
 #scorecardHeadFeature{ width:90%; margin:auto; }
 #homeSlideMainDiv{ width:100%; margin:auto; padding:0px;  }
 #projectBackgroundDivMain{ width:100%; margin:auto;  }



}








@media only screen and (max-width: 767px) {

  #homeSlideMainDiv{ width:100%; margin:auto; padding:0px;  }
  #projectBackgroundDivMain{ width:100%; margin:auto;  }
  #ScorecardTitleParaMainHeader{ line-height: 30px; }

 
  







}