@charset "utf-8";
/* CSS Document */

@media screen and (max-width:768px){
	ul.donate {
		display: block;
	}	
	ul.donate li {
		display: inline-block;
		margin: 10px;
		width: 30%;
		height: 200px;
		float: left;
	}
	footer a {
		margin: 0 0 10px;
	}
	ul.footer-menu {
		margin: 10px 0 0;		
	}
	.about-girl:before{
		top: 0;
	}
	.about-girl {
		margin: 40px 0 0;
	}
	.video {		
		margin: 70px 0 0;		
	}
	.logo {	
		width: 30%;
	}
	a.nav-link {
		font-size: 12px;
		padding: 10px 10px !important;
	}
}

@media screen and (max-width:767px){
	.nav-desk{
		display: none;
	}
	.mboile-menu{
		display: block;
		text-align: right;
		padding: 10px 0;
	}
	
	ul.team{
		display: block;
	}
	ul.team li{
		margin: 20px 30px;
	}
	ul.team:before {
		left: 50%;
		transform: translate(-50%, 0px);
	}
	ul.footer-menu{
		display: block;
	}
	ul.footer-menu li a{
		margin: 10px 15px 0;
	}
	ul.donate li {
		margin: 5px;
		width: 46%;
	}
	.associan h1, .heading h1, .heading span, .donation h1, section.services h1, .banner h1{
		font-size: 30px;
	}
	.banner {
		padding: 50px 0;
		background-position: -70px center;
		position: relative;
	}
	.banner:after {
		content: "";
		position: absolute;
		background: #00000096;
		width: 100%;
		height: 100%;
		top: 0;
	}
	.banner h1 {
		z-index: 1;
		position: relative;
		color: #fff;
	}
	.banner p {
		z-index: 1;
		position: relative;
		color: #fff;
	}
	.banner a {
		z-index: 1;
		position: relative;
	}
	a.mobile-logo {
		width: 55%;
		position: absolute;
		left: 15px;
		top: 50%;
		transform: translate(0, -50%);
	}
	.footer-logo {
		margin: 0 auto 20px;
		position: relative;
		width: 75%;
	}
	.heading {
		display: table;
		margin: 0 auto;
		text-align: center;
	}
	section.activities, section.about, section.services {
		padding: 30px 0;
	}
	section.donation{
		margin: 100px 0 0;
	}
}