@media screen and (max-width:1435px) {
	
	.home #marrakech-durable {
		
	padding-left : 80px;
	padding-right : 80px	
		
	}	

}

@media screen and (max-width:1408px) {


.home .content-style-7 {

justify-content: center !important;

}  
	
	
	.single_activite_page .content-side .top_cards {
		
		    grid-template-columns: repeat(2, auto);
			justify-content : space-around
		
	}	

    
}


@media screen and (max-width:1380px) {


.key-numbers {

display: flex;
flex-wrap: wrap;

} 

.home .thmatiques, .home .marrakech-durable {

padding-left: 0;
padding-right: 0;

}


}

@media screen and (max-width:1300px) {
	
	
	.thematiques .hero .grid-container {
		
	display : flex;
	justify-content : space-between;
	flex-wrap: wrap;	
	gap : 50px;	
	width : 100%;	
	padding : 20px	
	}
	
	.thematiques .hero .grid-container .card {
		
	width : 30%;
	height : 250px;
	gap : 20px	
		
	}
	
	
	.single_thematique .contner {
		
	max-width: 100%;
    padding: 20px;	
		
	}


.frame-1000003685 {

display: flex;
flex-direction: column;

}

.frame-1000003684, .frame-1000003686 {

justify-content: space-between;
grid-template-columns: repeat(2, 1fr);
display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 10px;

}



.frame-1000003684 .numbered-block-2, .frame-1000003686 .numbered-block-2 {

width : 100%

}


.thmatiques .container-5 {

height : 260px

}

.content-and-logos {

flex-direction: column;

}

.content-and-logos .content-style {

margin-bottom: 50px;

}

.thmatiques .odd{

flex-wrap: wrap;
padding: 20px;

}
	
	.sdg-icons-container {
		
		justify-content : flex-start;
		gap : 10px
		
	}	
	
	
/* 	.content-and-logos {
		
	padding : 20px	
		
		
	} */
	
	
	.frame-1000003685, .frame-1000003686 {
		
	padding : 0 20px 20px 20px ;
	margin-top : 0;	
		
	}
	
	.home .banner {
		
		padding : 20px
		
	}
	
	.home .bibliothque .contner {
		
	flex-direction : column	
		
	}
	
	.home .bibliothque .container-6 {
		
	height : auto;	
		
	}
	
	.home .bibliothque .container-6 .image {
		
	justify-content : center	
		
	}
	
	
	.content-and-logos .logos {
		
	height :auto;	
	gap : 10px	
		
	}
	
	.marrakech_durable .contner {
		
	flex-direction : column;
	gap : 70px;
	padding : 30px	
		
		
	}
	
	
	.marrakech_durable .activites .contner .right {
		
	width : 100%;	
		
	}
	
	
	.marrakech_durable .contner .left {
		
	margin : auto;	
		
	}
	
	
	.marrakech_durable .thematiques .contner .left {
		
	width : 100%	
		
	}
	
	.marrakech_durable .thematiques .contner .right .wrppr_cards {
		
	display : flex;
	flex-direction : column	
		
	}
	
	
	.marrakech_durable .thematiques .contner .right .wrppr_cards {
		
	width : 100%	
		
	}
	
	
	.marrakech_durable .contcatez_nous .contner .left {
		
	width : 100%	
		
	}
	
	.marrakech_durable .contcatez_nous .contner .right {
		
	width : 100%	
		
	}
	
	
	.marrakech_durable .thematiques {
		
	padding : 0	
		
	}
	
	
	.marrakech_durable .contcatez_nous {
		
	padding-top : 5px
		
	}
	
	
	.single_thematique .text-grid {
		
	flex-direction : column;	
	display : flex;	
	gap : 30px	
		
		
	}
	
	
	.promo-card .card-inner {
		
	flex-direction : column	
		
	}
	
	.promo-card .description {
		
	width : 100%	
		
	}
	
	
	.activites_page .contner {
		
	padding : 20px	
		
	}
	
	
	.activites_page .hero {
		
	padding-bottom : 20px	
		
		
	}
	
	.single_activite_page .contner {
		
	padding : 20px	
		
	}
	
	.wrrp_form .grid_one div {
		
	grid-column: 1 / 3;	
		
	}
	
	.reclamation_page main .contner {
		
	max-width : 100%	
		
	}
	
	
	.numbered-block-4 {
		
	width : 100%	
		
	}
	
	
	.bibliotheque_page .contner {
		
	max-width : 100%;
	padding : 20px
		
	}
	
	
	.articles .article-list {
		
		display : grid;
		grid-template-columns : repeat(2, 1fr);
		gap : 20px
		
	}
	


}


@media screen and (max-width:1170px) {
	
	.bibliotheque_page .livres_wrpper .contner {
		
	flex-direction : column;	
	gap : 30px	
		
	}	
	
	.bibliotheque_page .filter-container {
		
	width : 100%;	
		
	}
	
	.bibliotheque_page .filter-container .filter-section {
	
	display : flex;
	justify-content : space-between;
	flex-wrap : wrap;
	gap : 20px;	
	align-items : center	
		
	}
	
	.bibliotheque_page .filter-title, .bibliotheque_page .filter-option {
	
		margin : 0
		
	}
	
	.home .articles .header-style {
		
	display : flex;
	flex-direction : column;
	gap : 25px	
		
	}
	
	
	
}


@media screen and (max-width:1024px) {
	
	
	.menu-items {
		
	position : absolute;
	background : #fbf4f2;
	top : 100px;
	flex-direction : column;
	left : 0;	
	padding : 10px 30px 30px 30px;
	gap : 15px;
	opacity : 0;
	visibility : hidden;	
	z-index : -1;
	transition : 0.3s ease-in-out;
		
	}	
	
	.openMenu .menu-items {
		
	opacity : 1;
	visibility : visible;	
	z-index : 5;	
		
	}
	
	.open_close_menu {
		
	display : block	;
	background : #20947C;
	width : 50px;
		height : 50px;
		position : relative;
		display : flex;
		justify-content : center;
		align-items : center;
		
	}
	
	 .open_close_menu svg {
		
	position : absolute;	
	left : 50%;
	top : 50%;
	transform : translate(-50%, -50%);
	transition : 0.3s ease-in-out;
		
	}
	
	.open_close_menu svg.cross {
		
	opacity : 0;
	visibility : hidden;	
		
		
	}
	
	.openMenu .open_close_menu svg.cross {
		
	opacity : 1;
	visibility : visible;	
		
	}
	
	
	.openMenu .open_close_menu svg.treelines {
		
	opacity : 0;
	visibility : hidden;		
		
	}
	
	.footer {
		
	flex-wrap : wrap;	
	gap : 20px;
	padding : 35px	
		
	}
	
	.social-container {
		
	grid-row-gap: 20px;	
		
	}
	
	.single_thematique .content-body {
		
	padding-top : 30px;
	  padding-bottom: 0;	
		
	}
	
	
	.single_thematique .autres_thematiques-grid {
		
	    grid-template-columns: repeat(1, 1fr);	
		
	}
	
	
	.thematiques .hero .grid-container {
		
	gap : 20px	
		
	}
	
	
	.thematiques .hero .grid-container a {
		
	width : 47%	!important
		
		
	}
	
	
	.thematiques .hero .top {
		
	padding : 20px	
		
	}
	
	
	.activites_page .activites_wrpper .contner {
		
	flex-direction : column	
		
	}
	
	
	.activites_page .filter-container {
		
	width: 100%	
		
	}
	
	.activites_page .activites_wrpper .activites-grid {
		
	    grid-template-columns: repeat(2, auto);
		margin-top : 50px;
		margin-bottom : 0
		
		
	}
	
	.activites_page .activites_wrpper {
		
	width : 100%	
		
	}
	
	.masory_blocks {
		
	flex-direction : column	
		
	}
	
	
	.masory_blocks .left, .masory_blocks .right {
		
	width : 100%	
		
	}
	
	.bibliotheque_page .livres_wrpper {
		
	padding-top : 45px;
	padding-bottom : 0
		
	}
	
	.articles .article-list {
	display : grid;	
	grid-template-columns : repeat(1, 1fr);
	gap : 20px
		
	}
	
	
	.articles {
		
	padding : 40px 20px	;
		
	}
	
	
}


@media screen and (max-width:890px) {
	
	
	.navbar {
		
	padding : 20px	
		
	}
	
	
	.home .subtitle-3 {
		
	font-size : 50px	
		
	}
	
	.image-row {
		
	display : flex;
	flex-direction : column;
	height : auto	
		
	}
	
	.home .activites .content-container {
		
	height : auto;	
		
	}
	
	
	.home .hero-elements {
		
	flex-direction : column;
	gap : 50px	
		
	}
	
	.home .hero .logo-marrakech {
		
	height : auto;
	width : 170px	
		
	}
	
	.home .hero .title-style {
		
	text-align : center;	
		
	}
	
	.home .hero .container {
		
	    align-items: center;	
		
	}
	
	.home .marrakech-durable .subtitle {
		
	font-size : 30px	
		
	}
	
	.home .content-and-logos .logos {
		
	justify-content : center;
	margin : auto;	
		
	}
	
	
	.thmatiques .container-5 {
		
	height : auto;	
	margin-bottom : 20px;
		
	}
	
	.frame-1000003685 .container-5 {
		
	padding : 0	
		
	}
	
	.home #marrakech-durable {
		
	padding : 20px	
		
	}
	
	
	.home .bibliothque .content-style-7 {
		
		padding : 20px
		
	}
	
	.home .bibliothque .image-container {
		
	height : auto;
	width : 150px	
		
	}
	
	.home .bibliothque .image {
		
	padding : 20px;	
		
	}
	
	
	.promo-card .content-side .wrppr {
		
	padding : 20px	
		
	}
	
	.promo-card .image-side svg {
		
		height : auto;
		width : 150px
		
	}
	
	
	.thematiques .hero .top h1 {
		
	font-size : 44px	
		
	}
	
	.thematiques .hero {
		
	padding-top : 150px	
		
	}
	
	
	.activites_page .hero .top h1 {
		
	font-size: 44px;
		
	}
	
	.activites_page .hero {
		
	padding-top : 150px	
		
	}
	
	.activites_page .activites_wrpper .activites-grid {
		
	grid-template-columns: repeat(1, auto);	
		
	}
	
	
	.reclamation_page main .filter-container .wrrp_filters_bottom {
		
	flex-wrap : wrap	
		
	}
	
	
	.wrrp_form .top .line_ocre {
		
	width : 70%	
		
	}
	
	.input-group.input-groupt-select {
		
	width : 100%	
		
	}
	
	.reclamation_page main .contner {
		
	padding : 20px 20px 50px 20px	
		
	}
	
	
	.reclamation_page {
		
	padding-top : 100px;
	padding-bottom : 0	
		
	}
	
	
	.single_activite_page .content-side .top_cards {
		
		    grid-template-columns: repeat(1, auto);
			justify-content : space-around
		
	}	
	
	.bibliotheque_page .livres_wrpper .livres-grid {
		
	grid-template-columns: repeat(2, 1fr);	
		
	}

	.bibliotheque_page .filter-container .filter-section {
		
	justify-content : flex-start;	
		
	}
	
	
}

@media screen and (max-width:495px) {
	
	.social-media-icons {
		
	display : none	
		
	}	
	
	
	.marrakech_durable .hero svg {
		
	width : 170px	
		
	}
	
	.thematiques .hero .grid-container .card {
		
	width : 100% !important	
		
	}
	
	.thematiques .hero .top {
		
	margin-bottom : 20px	
		
	}
	
	.promo-card .content-side {
		
	padding : 0 0 10px 0	
		
	}
	
	.single_activite_page .main-title {
		
	font-size : 34px	
		
	}
	
	.single_activite_page .content-side {
		
	padding-top : 10px	
		
	}
	
	.masory_blocks .box {
		
	padding : 20px	
		
	}
	
	.masory_blocks .box.left .description {
		
	    font-size: 19px;

		
	}
	
	.masory_blocks .left, .masory_blocks .right {
		
	gap : 0	
		
	}
	
	.bibliotheque_page .livres_wrpper .livres-grid {
		
	grid-template-columns: repeat(1, 1fr);	
		
	}
	
	
	.bloc-news {
		
	height: 685px;	
		
	}
	
	
	
}