#banner .container-fluid{width:80%;} 

#banner {margin-top:0px;}

#banner {background:url(../images/about-banner.png)  0px no-repeat; background-position:100% 100%; height:535px;}





#banner .box{ margin:auto;padding: 10px; background: rgba(0, 0, 0, 0.39);

width: 41%;  margin-top: 26%; }

#banner .container-fluid {width: 88%;}

#banner  h2{  

    color: #fff;
    font-size: 25px;
    font-weight: 600;

    font-family: helvetica,sans-serif;
    margin-top: 0px;margin-bottom: 0px;
    text-align: center;}



#banner  p{color:#fff; text-align:left;font-size: 18px;width: 100%;}



 #top-content  {

    position: absolute;

    z-index: 9;

    width: 100%;

    background: rgba(255, 255, 255, 0.8);

    height: 60px;

    margin-top: 3%;} 





#about-content {margin-top:100px;padding-bottom:100px;}

#about-content .container-fluid{width:80%;}

#about-content  h2{font-size:25px;color:#000; font-weight:400;text-transform:uppercase;font-family: 'roboto-medium', Arial, sans-serif;}

#about-content span{font-weight:600;color:#3d8b4d; font-family: 'roboto-medium', Arial, sans-serif;}

#about-content p{font-size: 15px; line-height:28px;font-family: 'roboto-medium', Arial, sans-serif;color:#414141;}

#about-content ul{padding-left:0px; margin-top: 15px}









#statements {margin-bottom:100px;margin-top:35px;}

#statements .container-fluid{width:80%;}

#statements .box{padding:25px; background:#e7e7e7;border-radius:0px;}

#statements :hover>.box {background:#3d8b4d; cursor:pointer;}

#statements h3{color:#000; font-weight:500;width:25%; font-family: 'roboto-medium', Arial, sans-serif; margin-top: 0px}

#statements p{font-family: 'roboto-medium', Arial, sans-serif;line-height:30px;color:#414141;}



#statements :hover>.box p{color:#fff;}

#statements :hover>.box h3{color:#fff; border-bottom:2px solid #fff;}







#achives {background:#3d8b4d;}

#achives .ach-line{border-right:1px solid #fff; padding:0px;}

#achives .box{padding:20px; background:#3d8b4d;text-align:center;height:auto;}

#achives :hover>.box{background:#fff;}

#achives :hover>.box h3{color:#000;}

#achives :hover>.box i{color:#000;}



#achives i {    width: 90px;

    border-radius: 200px;

    text-align: center;

    font-size: 40px; background:#e1b936;

	    color: #fff;

    padding: 22px 10px 10px 10px;

    height: 90px;

	

	}

	

	#achives  :hover> i{color:#;}

	#achives h3{font-size:18px; color:#fff; font-weight:400; font-family: 'roboto-medium', Arial, sans-serif;}

	#achives h3 span{font-size:25px; color:#fff; font-family: 'roboto-medium', Arial, sans-serif;}

	

	

	

	

	

	

	

	

.read-more-state {

  display: none;

}

.read-more-target {

  opacity: 0;

  max-height: 0;

  font-size: 0;

  transition: .25s ease;

     list-style-type: none;

}



.read-more-state:checked ~ .read-more-wrap .read-more-target {

  opacity: 1;

  font-size: inherit;

  max-height: 999em;

  font-family: centrale_sans_xbold,tahoma,arial,helvetica,sans-serif;

  color:#414141;



}



.read-more-state ~ .read-more-trigger:before {

  content: 'Read more';

}

.read-more-state:checked ~ .read-more-trigger:before {

  content: 'Show less';

}



.read-more-trigger {

  cursor: pointer;

  display: inline-block;

  padding: 8px 16px;

  color: #fff;

  font-size: 12px;

  line-height: 2;

  background:#3d8b4d;

  border-radius:5px;

  font-family: centrale_sans_xbold,tahoma,arial,helvetica,sans-serif;

  

 

}



/* Other style */ 



	



	

	

	

	

	

	



#statements .read-more-state {

  display: none;

}



#statements .read-more-target {

  opacity: 0;

  max-height: 0;

  font-size: 0;

  transition: .25s ease;

}



#statements .read-more-state:checked ~ .read-more-wrap .read-more-target {

  opacity: 1;

  font-size: inherit;

  max-height: 999em;

  font-family: centrale_sans_xbold,tahoma,arial,helvetica,sans-serif;

  color:#414141;

}



#statements .read-more-state ~ .read-more-trigger:before {

  content: 'Read more';

}



#statements .read-more-state:checked ~ .read-more-trigger:before {

  content: 'Show less';

}

#statements .box ul{padding: 0px;}







#statements .read-more-trigger {

  cursor: pointer;

  display: inline-block;

  padding:8px 16px;

  color: #fff;

  font-size: 12px;

  line-height: 2;

  background:#3d8b4d;

  border-radius:5px;

  font-family: centrale_sans_xbold,tahoma,arial,helvetica,sans-serif;

      

  

 

}

#statements	.read-more-trigger:hover{background:#fff;color:green;}

	



	

	

	

	

@media only screen and (min-width : 1920px) and (max-width : 2560px){}

@media only screen and (min-width : 1600px) and (max-width : 1919px){



#about-content p {margin-top: 23px;}

#statements {margin-top: 50px;}

#achives{margin-top:70px;}

#banner .box{width: 42%;margin-top: 18%;}



#banner{height: 535px}





#about-content h2 {font-size: 26px;}









}

@media only screen and (min-width : 1440px) and (max-width : 1599px){



	#about-content p {margin-top: 15px;}

	#statements {margin-top: 50px;}

	#achives{margin-top:60px;}

	

#banner .box{width: 47%; margin-top: 20%;}

#top-content{margin-top: 4%}

#about-content h2{font-size: 24px}







}

@media only screen and (min-width : 1366px) and (max-width : 1439px){

	#about-content p {margin-top: 15px; font-size: 15px;}

	#statements {margin-top: 50px;}

	#achives{    margin-top: 70px;}

	#statements .box{    padding: 25px;}

	ol, ul{padding-left:26px;}

	#statements .read-more-trigger{    margin-left: 0%;}

	#top-content{margin-top: 5%}

	 #about-content h2 {font-size: 21px}

	 #about-content{padding-bottom:25px;}

	 #statements .read-more-target{padding: 0px}



	 #banner .box{    width: 49%;margin-top: 40%;}

	 #statements p{line-height: 25px;font-size: 15px;}
	 #banner h2{margin-top: 0px;margin-bottom: 0px;}
	 #about-content .container-fluid {width: 85%;}
	 #statements .container-fluid {width: 85%;}
	 #statements h3{font-size: 21px;}
	

	

}



@media only screen and (min-width : 1200px) and (max-width : 1365px){

	#about-content p {margin-top: 20px;}

	#statements {margin-top: 50px;}

	#achives{margin-top:70px;}

	#statements .box{    padding: 16px;}

	#statements .read-more-trigger{    margin-left: 0%;}

	ol, ul{padding-left:15px;}

	#about-content{padding-bottom:20px;}

	#banner .box{width: 55%;margin-top: 46%;}



	#top-content{margin-top: 5%}

	#about-content h2 {font-size: 20px;}
	#about-content .container-fluid {width: 90%;}
	#statements .container-fluid {width: 90%;}

	#statements h3{font-size: 20px;}


	

}

@media only screen and (min-width : 1024px) and (max-width : 1199px){

	

	#top-content{margin-top: 6%}

	#about-content p {margin-top: 13px;}

	#statements {margin-top: 60px;}

	#achives{    margin-top: 70px;}

	#about-content h2 {font-size: 20px;}

#statements .box {padding: 20px;}

ol, ul{    padding-left: 15px;}

#statements p{    line-height: 26px;}

#statements .read-more-trigger{    margin-left: 0%;}

#about-content{padding-bottom:20px;}

#banner .box{width: 65%;margin-top: 54%;}

#about-content .container-fluid {width: 90%;}
#statements .container-fluid {width: 90%;}
#statements h3{font-size: 20px;}



	

}

@media only screen and (min-width : 768px) and (max-width :1023px){

	#banner h2{font-size:25px;}

	#about-content p {margin-top: 15px;}



	#top-content{margin-top: 8%; height: 50px;}



	#about-content{    padding-bottom: 30px;}

	#statements .box{margin-top:20px;}

	#statements .box1{margin-top:20px;}

	#statements {margin-bottom: 100px;}

	ol, ul{    padding-left: 10px;}

	#statements .read-more-trigger{    margin-left: 0%;}

	#banner .box{width: 100%;margin-top: 65%;}

	#about-content h2 {font-size: 23px;}
	#statements h3{font-size: 23px;}



	

}

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

	

	#about-content p {margin-top: 25px;}

	

	#statements .box{margin-top:20px;}

	#statements .box1{margin-top:20px;}

	#achives{margin-bottom:0px;}

	#banner .box{width:100%;    margin-top: 75%;}

	#about-content h2 {font-size: 22px;padding-bottom: 0px;}

	#about-content {margin-top: 20px; padding-bottom: 0px;}

    #about-content h2 {font-size: 20px; text-align: center;}

	#statements {margin-bottom: 50px; margin-top: 15px;}

	#banner{height:350px;}

	#banner h2{font-size:23px;}

	#banner p{line-height:24px; font-size:15px;    display: none;}

	#about-content p {line-height: 24px;margin-top: 15px;    text-align: justify;}

	  #statements h3{font-size:20px;}

	 #statements ol, ul{padding-left:0px;}

	  #statements .read-more-trigger{    margin-left: 1%;}

	  #banner .container-fluid {

	  width: 90%;}

	  #about-content .container-fluid {

	  width: 90%;}

	 



#statements p {text-align: justify;}

#statements .container-fluid {width: 90%;}



	#top-content{height: 53px; margin-top: 7%;}



	

}





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

	#banner h2{    font-size: 20px;}

	#statements {margin-top: 0px;}

		#statements .box{margin-top:20px;}

	#statements .box1{margin-top:20px;}

	#banner .box{margin-top:90%;}

	#about-content h2 {font-size: 19px;}

	#about-content p {margin-top: 10px;}



	

}





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

		#banner .box{margin-top:90%;}

#banner p {font-size:14px;    line-height: 21px;}

	

	

	

}