@media all and (max-width: 1900px) {
	.donate .donate-row {
		margin-left: 13% !important;
	}
}

@media all and (max-width: 1800px) {
	.donate .donate-row {
		margin-left: 12% !important;
	}
}

@media all and (max-width: 1700px) {
	.donate .donate-row {
		margin-left: 9% !important;
	}
}

@media all and (max-width: 1600px) {
	.donate .donate-row {
		margin-left: 8% !important;
	}
}

@media all and (max-width: 1500px) {
	.donate .donate-row {
		margin-left: 5% !important;
	}
}

@media all and (max-width: 1200px) {
    header .navbar{
        /* background-color: #ffffff !important; */
        background-image: inherit;
		height: auto;
    }
	.navbar-light .navbar-toggler{
		color: #fff;
		background-color: #fff;
		border: none;
	}
	.navbar-brand{
		padding-top: 0 !important;
	}
	.offcanvas.show{
		background-color: #022E4F !important;
	}
	header .navbar-light .navbar-nav .nav-item:nth-last-child(2){
		width: max-content;
	}
	header .navbar-light .navbar-nav .nav-item:last-child{
		width: max-content;
		margin-top: 8px;
	}
	.donate .donate-row {
		margin-left: 4%;
	}
	.programmes .prog .pro{
		width: 22%;
	}
	.mission .overlay .img{
		width: 400px;
		height: 400px;
		top: 35px;
	}
	.church .overlay .img{
		width: 400px;
		height: 400px;
		top: 35px;
	}
}

@media all and (max-width: 998px) {
	.banner-container{
		background-size: inherit;
		background-position: bottom;
	}
	.departements-all .img{
		width: 300px;
		height: 300px;
	}
	.pastor  .img{
		width: auto;
	}
	.don .level-2 .img{
		height: 300px;
	}
	.don .level-2{
		padding-right: calc(var(--bs-gutter-x)/ 2) !important;
	}
	.don .level-3{
		padding-left: calc(var(--bs-gutter-x)/ 2) !important;
	}
	.espace-membre .principal .main {
		height: 400px;
	}
	.carousel-item.img img{
	    object-position: -190px !important;
	}
}

@media all and (max-width: 760px) {
	.carousel-container .carousel-inner{
		height: 400px;
	}
    .donate .donate-row {
		margin-left: calc(var(--bs-gutter-x)/ -2) !important;
	}
	.programmes .prog .pro{
		width: 30%;
	}
	.mission .overlay .img{
		width: 300px;
		height: 300px;
	}
	.church .overlay .img{
		width: 300px;
		height: 300px;
	}
	.espace-membre .principal .main {
		height: 260px;
	}
	.espace-membre .filter .full-border{
		border: none;
		margin-bottom: 10px;
	}
	.espace-membre .filter .full-border.active, 
	.espace-membre .filter .full-border:hover{
		border-color: inherit;
	}
	.espace-membre .filter .text{
		background-color: #d8d8d8;
		color: #fff;
		padding: 10px;
		transition: all ease-in-out .4s;
	}
	.espace-membre .filter .full-border.active .text,
	.espace-membre .filter .text:hover{
		background-color: #151515;
	}
	 .evenements .special1{
        padding-right: calc(var(--bs-gutter-x)/ 2) !important;
    }
    .evenements .special2{
        padding-left: calc(var(--bs-gutter-x)/ 2) !important;
    }
    .evenements .special1 .img{
        height: 200px;
    }
}

@media all and (max-width: 578px) {
	.programmes .prog .pro{
		width: 40%;
	}
}