@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); }


   #breadcrumbTitleAboutPro{ margin-top:70px;}
    #breadcrumbTitleAboutPro p{ font-size:130%; text-align:center;  color:rgb(1,97,141);
                                padding-left:3%; position:relative; z-index:1; padding-bottom:30px;
                              font-family: Roboto-Regular;  font-weight:normal;}

    #breadcrumbTitleAboutPro p:after{ content:""; position:absolute; left:42%;
                                     bottom:0; width:20%; border-bottom:1px solid rgba(1,97,141, .2);}


#remarksSection{ background-color: aquasmarine; padding:0px; margin-bottom: 0px;  }
#remarksSection img{ width:auto; height:70px; border-radius:30px; }
#remarksSection h4{ font-weight:normal; }

#remarksFeature{background-color: blawck; padding-bottom: 0px;}
#remarksFeature h4{ font-family:Roboto-Regular; text-transform:capitalize; font-weight:normal; color:#546C94;}
#remarksFeature h4 i{ font-size:80%; font-weight:bold; padding-left:2px; padding-right:2px;}

#spanRemarks{ background-color: burlywood}

#projectHeaderDiv h3{ color:rgb(123, 30, 209);; font-size:160%;  }
#breadcrumbTitleBackground{ margin:0px; }
    #breadcrumbTitleBackground h2{ color:rgb(123, 30, 209); font-weight:normal; font-size:145%; font-family: Lora-Bold;}

    #section_title_mainParagBackground{ line-height: 24px; margin-top:10px; color:rgba(2,2,2, .6);
      text-align:justify; padding:10px 10%; text-transform: initial;
        font-size:124%; letter-spacing: 1px; font-family: Roboto-Regular; 
        }

        .section_tittleBackground h2{ font-size: 170%; font-weight:normal; color:rgb(123, 30, 209); font-family: Lora-Bold;
                                      text-transform: capitalize; padding-left:4%; position:relative; z-index:1; padding-bottom:30px;}

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




#coordinatorName{ font-weight: 700; }
#remarksFeature p{ padding-left:4%; font-size:113%; line-height:22px; 
                     padding-right:2px; padding-bottom:10px; font-family:Roboto-Light;  }

#remarksFeature:after{ content: "";
    display:block;
  margin:0px 3px 0px 130px;
width:30%;
padding-top:17px;
border-bottom: 1px solid #ffffff; }

#remarksFeature:after{ content: "";
display:block;
margin:0px 0px 2px 46%;
width:58%;
padding-top:40px;
border-right: 1px solid #546C94; }



#projectBackgroundDivMain{ padding:1px; padding-left:2%; padding-right:2%; padding-top:20px; margin-top:0px;  padding-bottom: 20px;
                            margin-left:8%;  width:85%; background-color:rgba(243, 242, 242, 0.9);
                             border-radius: 0px; border:solid 0px rgb(170, 167, 167);}


#projectBackgroundDivMainParags{text-align: justify; padding:10px; }
#projectBackgroundDivMainParags  ul{  width:90%; margin-left:5%; padding-top: 10px; padding-bottom: 10px;}
#projectBackgroundDivMainParags  ul li{ list-style-type: circle;  }


#projectBackgroundTitleParaMainHeader{ font-size: 130%; color:rgb(246, 143, 81); background-color: white; padding:10px; margin-bottom:13px;}

#projectBackgroundTitleParaLeastHeader{ margin-top: 10px; margin-bottom:10px; padding-left:10px; font-size: 118%; color:#546C94; 
                                        background-color: rgba(255,140,0, .4);}

#projectBackgroundTitleParaLeastHeader button{ background-color: white;  border: 1px solid white; color:#546C94; margin:3px;
                                                padding:5px; float:right;}
#projectBackgroundTitleParaLeastHeader button:hover{ background-color: lightgray; }

#projectBackgroundSectionPAR_Para, #projectBackgroundSectionBACK_Para{ padding:10px; color:black; }
 #projectBackgroundSectionBACK_Para{  display:none; }
#collapsePlusPAR, #closeMinusBACK{ display:none;}


#projectBackgroundDivGallery{ width:80%; margin:10px auto; border-bottom:2px #546C94 dotted;  }

#objectiveTitle{   font-size:155%; width:97%; line-height:30px; padding-top:40px; padding-bottom:10px; }

/* css objectives fix 991px - 1280px */

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

  .intro_video_bg{ height:auto; padding-bottom:10px; padding-top:10px; background-color: red;}
  
  
}




@media only screen and (min-width: 767px) and (max-width: 991px) {
 .intro_video_bg{ height:auto;}
 #breadcrumbTitleAboutPro p{ font-size:40%; text-align:center; line-height:30px;  }
 #breadcrumbTitleBackground h2{ line-height: 30px; font-size:45%;}
 #section_title_mainParagBackground, #section_title_belowParag{ line-height: 30px; font-size:40%;}
#sliderSection{ width:95%;}
#homeSlideMainDiv{ width:100%; margin:auto; padding:0px;  }
#projectBackgroundDivMain{ width:100%; margin:auto;  }




}








@media only screen and (max-width: 767px) {
  .intro_video_bg{ height:auto;}
  #remarksFeature h4{ line-height: 30px; font-size:100%;}
  #breadcrumbTitleAboutPro p{ font-size:130%; line-height: 2;}
  #sliderSection{ width:100%;}

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

 
  







}