@media screen and (min-width : 0px) and (max-width : 768px)
{	
	.main-banner{
		height: 350px;
	}
	.navbar-collapse{
		background-color: rgba(0,0,0,0.9);
	}
	.header .navbar-expand-lg .navbar-nav .nav-link{
		padding-top: .3rem;
		padding-bottom: .3rem;
	}
	.mission-sec{
		padding: 30px 0;
		margin-bottom: 10px;
	}
	.sec-title{
		margin-bottom: 0px;
	}
	.sec-title .title{
		font-size: 35px;
	}
	.ProcessSection-heading{
		font-size: 28px;
		margin-top: 60px;
	}
	.footer-link li{
		padding: 0 7px;
	}
	.footer-link li a{
		font-size: 15px;
	}
	.footer .copyright-text{
		font-size: 14px;
	}
	.inner-page-banner{
		height: 270px;
	}
	.what-kattar .title{
		font-size: 24px;
		margin-bottom: 10px;
	}
	.what-kattar .title:before{
		height: 3px;
	}
	.banner-content .title{
		font-size: 25px;
	}
	.odometer.odometer-auto-theme, .odometer.odometer-theme-car{
		font-size: 35px;
	}
	.amount-text {
		display: inline-block;
		margin-bottom: 20px;
		width: 100%;
	}
	.donate-form .col-auto {
		width: 100%;
	}
	.donate-form .btn {
		width: 100%;
	}
	.donate-form .form-control{
		min-width: auto;
	}
	
}

@media only screen and (max-width: 768px) {
	.header .navbar-brand img{
		max-height: 70px;
	}
	.mission-sec .text{
		font-size: 16px;
	}
	.left-img{
		display: none;
	}
	.campaigns{
		padding: 30px 0;
	}
	.btn-trees{
		margin-bottom: 10px;
	}
	.what-kattar .text{
		font-size: 16px;
	}
	.modal-body{
		font-size: 16px;
		padding: 1rem;
	}
	.campaigns-box .text{
		font-size: 16px;
	}
	.detail-img{
		width: 100%;
	}
	.donate-page-amount a{
		font-size: 30px;
		line-height: 58px;
	}
	.donate-page-amount{
		height: 90px;
	}
	.amount-text{
		margin-left: 0;
		margin-top: 0;
	}
	.amount-text:after{
		bottom: 7px;
		right: 7px;
	}
	.donate-form{
		margin-top: 0px;
	}
	.inner-page-wrapper{
		min-height: auto;
	}
	.campaigns-box .btn{
		padding-left: 1rem;
    	padding-right: 1rem;
    	font-size: 14px;
	}
	.header{
		z-index: 999;
	}
	.donate-form h2{
		margin-bottom: 10px;
	}
	.mobile-hide{
		display: none;
	}
	.donate-form .invalid-feedback{
		bottom: -20px;
	}
}