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



  #breadcrumbTitleCYD{ margin-top:57px;}
  #breadcrumbTitleCYD h2{ font-size:120%; letter-spacing: 2px;   text-align:center;  color:rgb(115, 47, 154);
                                              padding-left:0%; position:relative; z-index:1; padding-bottom:20px;
                                            font-family: Roboto-Regular;  text-transform: uppercase;   font-weight:normal;}
            
   #breadcrumbTitleCYD h2:after{ content:""; position:absolute; left:47.5%;
                                 bottom:0; width:5%; border-bottom:1px solid rgba(115, 47, 154, .5);}
            
            


#Aboutfeature_part{  padding-top:0px;}

#cydlogoAboutIMG{ width: auto; height:30px;  }
#projectHeaderDiv_About {  margin-bottom: 60px; }
#aboutHeaderAbout h4{ font-family: Lora-Bold; font-weight:normal;}
#aboutCYDmainPara{ text-align: justify; font-family: Roboto-Light; font-size:113%;}

#section_title_belowParag_About{ line-height: 24px; margin-top:0px; color:rgba(123, 30, 209, .6);
                           width:80%; font-size: 95%;
                              margin:0px auto;}

 #cydLearnMoreBtn{ border:solid 2px white; font-size: 85%;
                         color:white; background-color: rgba(138,43,226,.8);    
                        border-radius: 20px; padding:4px 15px;  margin-left:40%;  
                       
                        border-right:solid 4px white; 
                      }

    #cydLearnMoreBtn:hover{  background-color: rgb(246, 143, 81);  }

    #cydContactBtn{  border:solid 2px white; font-size: 85%; background-color:rgba(10, 10, 10, .2);  padding:3px 10px; color:rgb(70, 70, 70); margin-left:10px;}
    #cydContactBtn:hover{  color:rgb(10,10,10); margin-left:10px; background-color:rgba(10, 10, 10, .5) }




    #adminLoginDivPopup{  z-index:9999 !important;
      position:absolute;
      left:0;
      top:0px; display: none;
      width:100%; height:2000px;
      background-color:rgba(0,0,0, 0.8);
      text-align:center !important;
      box-shadow:0px 11px 9px -5px rgba(0,0,0,0.2) }
  
      #adminLoginDivPopup #adminLoginPopupClosePara{ padding:20px 15px; text-align:right; padding-right:6%;}
      #adminLoginPopupClose{ padding:14px; color:red; background-color: white; font-weight:bold;}
      #adminLoginPopupClose:hover{  background-color: rgb(100,100,100); border:solid red 1px; cursor:pointer;}
  
      #adminLoginRowColumnPopup{ padding-top:15px;  margin:0 auto;
                margin-top:50px; width:50%; padding-bottom:20px;
          box-shadow:0 4px 8px 0 rgba(0,0,0, 0.2), 0 6px 20px 0 rgba(0,0,0, 0.19);
          z-index:400; background-color: white; 
        border-top:solid 5px rgb(115, 47, 154); 
        border-radius:10px;}
  
          #adminLoginRowColumnPopup img{ height:200px; width:auto; border-radius:50%;}
          #adminLoginSociaIconDivPopup{  margin:0 auto; margin-top:5px; width:50%;border-radius:3px; border-left:solid 0px rgb(115, 47, 154); border-right:solid 3px rgb(115, 47, 154); background-color: rgba(100,100,100, .3);}
          #adminLoginSociaIconDivPopup h4{ color:rgb(115, 47, 154); padding:5px;}
          #adminLoginPopupProfilePara{ font-size:120%; padding:10px; }



      .adminLoginProfileBtn{ border:solid 2px white; font-size: 85%;
            color:white; background-color: rgba(138,43,226,.8);    
           border-radius: 20px; padding:5px 15px;        }
        
        .adminLoginProfileBtn:hover{  background-color: rgb(246, 143, 81);  }




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

  

}




@media only screen and (min-width: 767px) and (max-width: 991px) {
 
 #breadcrumbTitleCYD h2{ line-height: 30px; font-size:40%;}
 #section_title_belowParag_About{ line-height: 30px; font-size:35%;}

}








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

  #cydLearnMoreBtn{  margin-left:30%;  }
  #aboutCYDmainPara{ padding:10px;;  }
  .footer-area{ display:block;}



}