@media screen and (min-width : 0px) and (max-width : 767px)
{
	.navbar-brand img{
		max-height: 70px;
	}
	.banner-btn{
		bottom: 10px;
	}
	.donation-btn{
		margin-bottom: 10px;
		padding-left: 90px;
	}
	.donation-btn .text{
		font-size: 20px;
	}
	.donation-btn .icon{
		width: 50px;
		height: 50px;
	}
	.donation-btn .icon i {
	    line-height: 51px;
	    color: #481e00;
	    font-size: 26px;
	}
	.welcome-text-left{
		width: 100%;
	}
	.welcome-right-img{
		margin-top: 0px;
	}
	.welcome-text-left .text{
		padding-right: 0px;
	}
	.welcome-right-img:before{
		top: 10px;
		right: 10px;
	}
	.how-work{
		padding: 40px 0;
	}
	.how-work-content{
		min-height: auto;
	}
	.impact-box{
		margin-bottom: 20px;
	}
	.donation-sec{
		padding: 40px 0;
	}
	.img-side{
		display: none;
	}
	.amount-text{
		display: inline-block;
		margin-bottom: 20px;
		width: 100%;
	}
	.donation-title{
		margin-bottom: 30px;
	}
	.involed-sec{
		padding: 40px 0;
	}
	.involed-width{
		margin-top: 0px;
	}
	.footer-sec{
		text-align: center;
	}
	.footer-logo{
		margin-bottom: 20px;
	}
	.social-title{
		margin-top: 20px;
	}
	.social-link li{
		float: none;
		display: inline-block;
	}
	.inner-banner{
		padding: 150px 0 50px;
	}
	.goals-content h3{
		font-size: 22px;
	}
	.goals-content h5{
		font-size: 16px;
	}
	.goals-content p{
		font-size: 16px;
		line-height: 26px;
	}
	.impact-bg{
		display: none;
	}
	.impact-sec{
		padding: 30px 0;
	}
	.inner-page-content{
		padding: 50px 0;
	}
	.goals-img{
		margin-bottom: 30px;
	}
	.header{
		background-color: rgba(0,0,0,0.8)
	}
	.donate-form .form-control{
		min-width: auto;
	}
	.blog-detail-img{
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}
}
@media screen and (min-width : 0px) and (max-width : 480px)
{	
	.donate-form .col-auto{
		width: 100%;
	}
	.donate-form .btn{
		width: 100%;
	}
}

@media screen and (min-width : 0px) and (max-width : 1024px)
{
	.owl-prev {
	   left: 0px !important;
	}

	.owl-next {
	    right: 0px !important;
	}
}