*{padding: 0;margin: 0;
    list-style: none;
    text-decoration: none;
    }
    .d-flax{display: flex;}
    .space-between{
        justify-content: space-between;
    }
    
 
    
    body {
        scrollbar-3dlight-color: #1664C0;
        overflow-x: hidden;
     
    }
    
    
     
  
    
    .about h1{
		margin: 0;
	}
    
 
   
	.about a:hover{
		color: #28B593;
	}   
     
	
 
.hero-header {
	background: linear-gradient(#ffffff33, #ffffff47), url(../images/about-img/slider1.jpg) center center no-repeat;
	background-size: cover;

}

.about a{
	text-decoration: none;
	color: #013243;
}
 
.about h4{
	color: #013243;
}
.about h1{
	color: #28B593;
	font-weight: 700;
}
 
/* section1 css ctart */
.section1-facility{
    
    margin: 2em 0;
}


.top-navbar a{
	font-size: 9px;
 }
 .top-navbar a label{
	font-size: 10px;
 }

 .main-menu ul li a {
    font-family: inherit !important;
}

.facility-img img{
    width: 100%;
}
.section1-facility h2{
    text-align: center;
    color: #28B593;
    margin-bottom: 10px;
}

.icons{
    padding-top: 20px;
}
.icons ul li i{
    color: #28B593;
    
}
.icons  ul li span{
    color: #000;
    
}
.icons ul li{
    padding: 5px 0;
}

 






 
 
 
 






@media(max-width:1024px){
	 
 
            .about{
                margin-top: 6em;
            }
			 
		   
 
		     
}
@media (min-width: 427px) and (max-width: 850px){
	 
	.container{
		width: 90%;
	}

	 
	.box2-content{
		margin-top: 20px;
	}
	 

  
	.sec{
		margin-top: 3em;
	}
	 
	 
 
   
    
			.about{
                margin-top: 6em;
            }
		 
			 
			 
		 

}
@media(max-width:426px){
	 
  
  
   
 

  
   

        .about{
            margin-top: 6em;
        }
	 
		
	 
  
}
@media (min-width: 851px) and (max-width: 1050px) {
	.menu-bar {
		display: block;
	}
	.container{
		width: 90%;
	}
	.img-fluid2 {
		height: 92px;
	}
	.logo{
		width: 40%;
	} 
	.inner-info {
		top: 10%;
		left: 60%;
		
	}
	.inner-info h5{
		font-size: 13px;
	}
	.box2-content{
		margin-top: 20px;
	}
	.main-menu {
		position: absolute;
		/* background: rgba(000, 000, 000, 0.5); */
		/* background: #000; */
		left: -110px;
		top: 0;
		transition: 1s;
		width: 0%;
		height: auto;
		z-index: 100;
		display: block;
	}
	.ct-icon-boxes .ct-icon-box{
		margin-top: 10px;
	}

	.main-menu .main-ul {
		display: block!important;
		padding-top: 50px;
		margin: 0;
		background: #000;
	}

	.menu-bar span:nth-child(1){
		width: 32px;
	}
	
	.menu-bar span:nth-child(2){
		width: 32px;
	}
	
	.menu-bar span:nth-child(3){
		width: 32px;
	}
	.sec{
		margin-top: 3em;
	}
	.main-menu .main-ul li>.dropdown li{
		border-bottom: solid 1px #fff;
	}
	.menu-bar span:nth-child(1){
		background-color: #000;
	}
	.menu-bar span:nth-child(2){
		background-color: #000;
	}
	.menu-bar span:nth-child(3){
		background-color: #000;
	}
	.main-menu .main-ul{
		padding: 50px 10px 10px 10px;
		width: 44%;
	}
	.main-menu ul li a {
		color: #fff;
	}
	.main-menu .main-ul li .dropdown {
		right: -206px;
		color: #fff !important;
		background-color: #000;
	}


	.main-menu .main-ul li {
		height: 50px;
	}

	.main-menu .main-ul li {
		display: block;
	}

	.main-menu ul li a {
		text-decoration: none;
		color: #fff;
	}

	.main-menu .closebtn {
		position: absolute;
		top: 0;
		color: #fff;
		display: block;
		text-decoration: none;
		left: 25px;
		font-size: 36px;
		

	}

	.main-menu .main-ul li .dropdown {
		top: 50px;
		right: -300px;
	}

	.menu-bar span:nth-child(1) {
		position: absolute;
		width: 50px;
		height: 4px;
		right: 0;
		top: -10px;
		/* background: #fff; */
		transition: 0.5s;
	}


	.menu-bar:hover span:nth-child(1) {
		transform: rotate(-135deg);
		top: 0;
	}


	.menu-bar span:nth-child(2) {
		position: absolute;
		width: 50px;
		height: 4px;
		right: 0;
		/* background: #fff; */
		transition: 0.5s;
	}

	.menu-bar:hover span:nth-child(2) {
		transform: rotate(45deg);
	}

	.menu-bar span:nth-child(3) {
		position: absolute;
		width: 50px;
		top: 61px;
		right: 0;
		top: 10px;
		height: 4px;
		/* background: #fff; */
		transition: 0.5s;
	}

	.menu-bar:hover span:nth-child(3) {
		transform: rotate(135deg);
		top: 0px;
	}

	.menu {
		background-color: #fff;
			height: 60px;
		}
	
		.menu-bar {
			z-index: 111111;
		}
	
 
	 
	 

	.top-navbar a{
		font-size: 12px;
	}
	.main-menu .main-ul {
		width: 30%;
		padding-left: 10px;
	}
	.donate
	{
		margin-right: 0;
		margin-left: -60px;
		padding-left: 9%;
		
	}
	.carousel-caption h5 {
		font-size: 35px;
	}
	.carousel-caption h3 {
		font-size: 25px;
	}
	.carousel-caption p {
		font-size: 16px;
	}
	.carousel-caption{
		padding-top: 0;
	}
	 
	.section4-content p{
		font-size: 13px;
	}
	.main-menu ul li a {
		font-size: 13px;
	}
	 
 
	 
	 .top-navbar a{
		font-size: 10px;
	 }
	 .top-navbar a label{
		font-size: 10px;
	 }
	 .donate button a {
		font-size: 10px;
	 }
	 .pre-img img {
		margin-left: 36px;
		width: 10%;
	 }
	 .main-menu .main-ul a {
		font-size: 13px;
	 }
}