@media screen and (min-width: 768px) and (max-width: 1024px){
	.paragraph_header_knds .content-texte .content{
		margin-top: 100px!important;
	}
}
@media(max-width:768px){
	.headers-knds{
	   background-color: #f8f8f8!important;
	}
	.headers-knds .content-logo-menu-btn{
		display: flex;
	}
	.headers-knds .logo-knds img{
		width: 70%;
	}
	.headers-knds .content-logo-menu-btn .btn-menu-knds{
		margin-top: 30px;
		text-align: right;
	}
	.headers-knds .logo-knds{
		padding-left: 15px;
	}
	.headers-knds .menu-navigation-knds .menu--navigation-principale-knds{
		display: block;
		text-align: center;
		padding: 0px!important;
	}
	/********************
		footer
	********************/
	.footer-knds{
		display: block;
		padding: 30px 15px 30px 15px;
		margin-right: 0px;
		margin-left: 0px;
	}

  .footer-knds .content-footer .footer-page .logo-footer{
    text-align: center;
  }

	.footer-knds .menu-footer .menu--navigation-principale-knds{
		display: none;
	}
	.menu-pied-page ul.menu, .menu-pied-page ul{

	}
	.footer-knds .content-footer .pied-page{
	    display: flex;
	    flex-direction: column;
	    width: 100%;
	}
	.footer-knds .content-footer .pied-page .copyright{
		order: 2;
		text-align: center;
	}
	.footer-knds .pied-page .menu-pied-page .menu--pied-de-page-knds li{
		border: none;
	}
	/*************************
		banniere home page
	***************************/
	.paragraph_header_knds .content-texte{
		top:0;
		background-color: transparent;
		width: 100%;
		margin-left: 0px;
	}
	.paragraph_header_knds .content-texte .content{
		margin-top: 0px;
	}
	.paragraph_header_knds .content-texte:before,
	.paragraph_header_knds .content-texte .content:before{
		content: none;
	}
	.paragraph_header_knds .content-texte .lien{
		margin-top: 5px;
	}
	.paragraph_header_knds .content-texte .titre{
		margin-bottom: 5px;
		margin-top: 10px;
	}
	/*************************
		bloc  kmw_nexter
	***************************/
	.paragraph_bloc_kmw_nexter{
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
	.paragraph_bloc_kmw_nexter .image{
		padding-right: 0px;
	}
	.paragraph_bloc_knds{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.paragraph_bloc_kmw_nexter:before,
	.paragraph_bloc_kmw_nexter .image .titre-img:before{
		content: none;
	}
	.paragraph_bloc_kmw_nexter .image .titre-img{
	    padding-left: 0px;
	    text-align: center;
	    margin-top: 15px;
	}
	.paragraph_bloc_kmw_nexter .content-body{
		padding-left: 0px;
		padding-right: 0px;
	}
	.paragraph_bloc_kmw_nexter .content-body .content .titre,
	.paragraph_bloc_kmw_nexter .content-body .content .sous-titre{
		text-align: center;
	}
	.paragraph_bloc_kmw_nexter .content-body .content{
		padding-left: 0px;
		padding-right: 0px;
	}
	.paragraph_bloc_kmw_nexter .content-body .content .reseau-social{
		float: right;
		width: 20%;
	}
	.paragraph_bloc_kmw_nexter .content-body .content .reseau-social a img{
		width: max-content;
		width: 23px!important;
	}
	/*************************
		bloc  chiffres
	***************************/
	.paragraph_chiffres_knds{
		padding: 0px;
	}
	.paragraph_chiffres_knds .image{
		min-height: auto;
		padding: 0px;
		width: 100%;
		left: 0;
	}
	.paragraph_chiffres_knds .image img{
		width: auto;
		margin: auto;
	}
	.paragraph_content_chiffres_knds{
		margin-bottom: 15px;
	}
	.paragraph_chiffres_knds h2.titre{
		padding-top: 30px;
	}
	.paragraph_chiffres_knds .field--item:last-child .image{
		left: 0;
		top: 0px;
	}
	/*************************
		bloc  carte
	***************************/
	.paragraph_bloc_knds_carte{
		padding-left: 15px;
		padding-right: 15px;
	}
	.paragraph_bloc_knds_carte .content{
		width: 100%;
		left: 0px;
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.paragraph_bloc_knds_carte .content::before{
		left:25%;
	}
	.paragraph_valeurs_knds .valeurs-companies{
		padding-right: 15px;
		padding-left: 15px;
	}
	.paragraph_valeurs_knds .valeurs-companies .valeur-content{
		padding-right: 0px;
	}
	.paragraph_valeurs_knds .valeurs-image{
		padding-right: 15px;
		padding-left: 15px;
		padding-top: 10px;
		order: 1;
	}
	.paragraph_valeurs_knds .valeurs-image h3.sous-titre-image{
		line-height: 20px;
		padding-left: 40px;
	}
	.paragraph_valeurs_knds .valeurs-image h3.titre-image{
		padding-left: 40px;
	}
	.paragraph_valeurs_knds{
		flex-direction: column-reverse;
    	display: flex;
	}
	.paragraph_valeurs_knds .valeurs-image:after{
		content: none;
	}
	/*************************
		bloc  chiffres
	***************************/
	.paragraph_media_texte_knds{
	    padding: 30px 15px 30px 15px;
	}
	.paragraph_media_texte_knds .paragraph_body .content-titre{
		margin-top: 10px;
		padding-left: 0px;
		text-align: center;
		padding-bottom: 0px;
	}
		.paragraph_media_texte_knds .paragraph_body .content-body{
		margin-top: 10px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.paragraph_media_texte_knds .paragraph_media{
		padding-left: 30px;
		padding-right: 30px;
	}
	.paragraph_media_texte_knds .paragraph_body{
		padding-left: 0px;
		padding-right: 0px;
	}
	/*************************
		bloc  events hp
	***************************/
	.paragraph--type--bloc-evenements{
		padding-right: 15px;
		padding-left: 15px;
	}
	.bloc-events-homepage .view-content .views-row:last-child{
		position: relative;
		left: 0px;
	}
	.container-knds-events-homepage .image{
		padding-right: 0px;
	}
	.container-knds-events-homepage{
		padding-right: 0px;
	}
	.container-knds-events-homepage .content{
		padding-top: 10px;
	}
	.bloc-events-homepage .view-content .views-row:last-child .container-knds-events-homepage .content{
		margin-top: 0px;
		margin-left: 0px;
	}
	.bloc-events-homepage .view-content .views-row:last-child .container-knds-events-homepage .content:before,
	.bloc-events-homepage .view-content .views-row:last-child .container-knds-events-homepage:before{
		content: none;
	}
	.paragraph_content_presse{
		padding-left: 15px;
		padding-right: 15px;
	}
	.paragraph_content_presse .field--name-field-content-presse{
		display: block;
		padding-right: 0px;
	}
	.paragraph_bloc_knds_presse .content{
		display: block;
		margin-bottom: 15px;
		padding-right: 0px;
	}
	.paragraph_bloc_knds_presse .content .date{
		width: 100%;
	}
	.paragraph_bloc_knds_presse .content .fichier{
		text-align: left;
		margin-left: 10px;
	}
	.paragraph_bloc_knds_presse{
		padding-right: 0px;
	}

	.paragraph_contact_knds{
		padding-right: 15px;
		padding-left: 15px;
	}
	.paragraph--type--bloc-evenements .container-nos-evenements .content{
	    padding-left: 20%;
	    position: relative;
	    left: 0;
	}
	.paragraph--type--bloc-evenements .container-nos-evenements .content:before{
	    right: 48%;
	}
	/*************************
		bloc  contact
	***************************/
	.paragraph_contact_knds{
		padding-bottom: 30px;
		padding-top: 30px;
	}
	.paragraph_contact_knds form .form-item{
		width: 100%;
		text-align: center;
		margin-left: 0px;
	}
	.paragraph_contact_knds form .form-item-subject,
	.paragraph_contact_knds form .form-item-votre-message{
		position: relative;
		top: 0px!important;
	}
	.paragraph_contact_knds form .form-type-processed-text .titre-contect h2{
		width: 100%;
		margin-bottom: 30px;
	}
	.paragraph_contact_knds form .form-actions{
		position: relative;
		display: block;
		top: 0px!important;
		order: 2;

	}
	.paragraph_contact_knds form .form-type-processed-text .titre-bottom .p-text:before{
		content: none;
	}
	.paragraph_contact_knds form{
	    flex-direction: column;
    	display: flex;
	}
	.paragraph_contact_knds form #edit-bottom-formulaire{
		order: 1
	}
	.paragraph_contact_knds form .form-type-processed-text .titre-bottom{
		width: 100%;
		text-align: left;
	}
	/*****************
		page apropos
	******************/
	.paragraph_header_knds .content-texte .sous-titre h1 p{
		margin-bottom: 0px;
	}
	.paragraph_bloc_knds_vision{
		padding-left: 15px;
		padding-right: 15px;
	    padding-top: 30px;
    	padding-bottom: 30px;
	}
	.paragraph_bloc_knds_vision .content .sous-titre:before,
	.content-page-knds .containers .paragraph_bloc_knds:nth-child(6n) .paragraph_bloc_knds_vision .content .body:after{
		content: none;
	}
	.paragraph_bloc_knds_vision .content .body{
		left: 0%!important;
	}
	.paragraph_bloc_knds_vision .content{
		padding-right: 0px;
		padding-left: 0px;
	}
	.paragraph_bloc_knds_vision .content .sous-titre{
		width: 100%;
	}
	.paragraph_direction_knds{
		padding-left: 15px;
		padding-right: 15px;
	}
	.paragraph_direction_knds:before{
		content: none;
	}
	.paragraph_direction_knds .body :before{
		height: 120px;
	}
	.paragraph_direction_knds .titre-direction{
		margin-bottom: 0px;
	}
	.paragraph_content_direction_knds{
		padding-left: 0px;
		padding-right: 0px;
	}
	.paragraph_direction_knds .content-direction,
	.paragraph_direction_knds .image{
		padding-right: 0px;
	}
	.paragraph_direction_knds .body{
		margin-top: 5px;
		margin-bottom: 15px;
		left: 15%;
		width: 80%;
	}
	.paragraph_bloc_knds_image_text{
		padding-right: 15px;
		padding-left: 15px;
	}
	.page-node-type-evenements-knds .bloc-content-events{
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 30px;
	}
	.paragraph_bloc_knds_image_text .content .image-mobile{
		display: block;
	}
	.paragraph_bloc_knds:last-child .paragraph_bloc_knds_image_text .content .image{
		display: none;
	}
	.paragraph_bloc_knds_image_text .content .image{
		width: 100%;
	}
}