.ramadan{
		width:100%; 
		background:url('../../img/ramadan/bg.webp') no-repeat; 
		background-size: cover;
		font-family: swissramedium;
		padding-bottom:10%;
	}
	.img_title{
			display:block;
		    margin: auto;
			padding: 2% 0px;
	}
	.ramadan_project .top{
		background:url('../../img/ramadan/top.png') no-repeat; 
		background-size: cover;
		background-position: top;
		text-align: center;
	}
	.bottom img{
		width:100%;
		display: inherit;
	}
	
	.top_img{
		width: 87%;
		position: relative;
		top: 18px;
	}
	.ramadan_project{
		padding:0px;
	}
	.ramdan_desc {
		text-align:center;
		background:url('../../img/ramadan/rbg.png'); 
		    background-size: contain;
		    padding: 15px;
	}
	.ramdan_title{
		font-weight:bold;
	}
	.ramdan_text{
		font-size: 14px;
	}
	.login_btn, .donate{
		padding: 19px 0px !important;
	}
	.fixed > .row {
	  width: 95% !important;
	}
	.donate_now{
		background-color: #e00570;
		color: #FFF !important;
		height: 42px;
		display: inline-block;
		padding: 0 20%;
		margin-bottom: 0;
		font-size: 13px;
		font-weight: 400;
		line-height: 42px !important;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: none;
		border-radius: 8px !important;
		    position: absolute;
    bottom: -18px;
    left: 20%;
	}

	.ramadan{
			 margin-top:70px;
		 }
	@media screen and ( min-width:1450px){
		.top_img{
			top:25px;
		}
	}
	
	@media screen and ( min-width:921px){
		
		 .ramadan_project{
			    max-width: 18% !important;
				flex: 0 0 18% !important;
				margin-right: 1.6%;
		}
		.ramdan_title{
			padding-top:20px;
		}
		.ramdan_text{
			min-height:60px;
		}
	}
	@media screen and ( max-width:1080px){
		
		
		.ramadan{
			background:url('../../img/ramadan/mbg.webp') no-repeat; 
			background-size: cover;
			background-position: center;
			
		}
		.ramadan_project{
			margin-bottom:20px;
		}
		
		.ramadan_project .top{
			background-size: contain;
		}
		.ramadan_project .top{
			background-size: cover;
		}
		.ramdan_text{
			display:none;
		}
		.ramdan_title {
			margin-top:10px;
		}
		
	}
	@media screen and ( max-width:992px){
		.img_title{
			padding: 10% 0px;
		}
		.fixed {
		  bottom: inherit !important;
		  top: 0px !important;
		}
		.fixed .navbar .logo_banner {
		  display: block !important;
		}
		.fixed .top_login {
		  display: none !important;
		}
		.ramadan>.row{
			  width: 98%;
		}
		
	}
	@media screen and ( max-width:920px) and (orientation: landscape){
		.img_title{
			padding: 3% 0px;
		}
		
	}