@media only screen and (min-width : 1200px) and (max-width: 1349px) {

} /* end @media only screen and (min-width : 1200px) and (max-width: 1349px) */ 

/* Medium Devices, Desktops MD */
@media only screen and (min-width : 992px) and (max-width : 1199px) { 
	.container-navigation .search-block-form {
		width: 35%;
	}
	.region-header nav ul > li a {
	    padding: 15px 0px 15px 10px;
	    font-size: 14px;
	}
	.region-header nav#block-menuaccedezazehnderfr {
	    width: 200px;
	}
	.region-header nav#block-menuaccedezazehnderfr ul > li a {
	    padding: 15px 0px 15px 30px;
        background-position: 5px 32px;
        font-size: 14px;
	}
	.row_sous_categories .sous_categorie {
	   	width: 33.3333%;
	}
	.path-taxonomy .view-content .views-row {
		width: 33.3333%;
	}
	.adresse-commande-form .col-sm-6 {
		width: 100%;
	}
	.boutons-form > .form-group {
	    float: left;
	    width: 100%;
	    margin: 0;
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    flex-direction: row;
	    justify-content: center;
	    text-align: center;
	    padding: 60px 0px;
	}
	.path-boutique .container-livraison-mode .boutons-form .btn {
		width: 170px;
		text-align: center;
	}
	.adresse-commande-form .col-sm-6:first-child .btn {
		float: right;
	}
}/* end @media only screen and (min-width : 992px) and (max-width : 1199px) { } */

/* Small Devices, Mobile  XS + SM */
@media only screen and (max-width : 991px) {
	.container-navigation .search-block-form {
		width: 35%;
	}
	.region-header nav ul > li a {
	    padding: 15px 0px 15px 10px;
	    font-size: 14px;
	}
	.region-header nav#block-menuaccedezazehnderfr {
	    width: 200px;
	}
	.region-header nav#block-menuaccedezazehnderfr ul > li a {
	    padding: 15px 0px 15px 30px;
        background-position: 5px 32px;
        font-size: 14px;
	}
	.row_sous_categories .sous_categorie {
	   	width: 50%;
	}
	.path-taxonomy .view-content .views-row {
		width: 50%;
	}
	.adresse-commande-form .col-sm-6 {
		width: 100%;
	}
	.boutons-form > .form-group {
	    float: left;
	    width: 100%;
	    margin: 0;
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    flex-direction: row;
	    justify-content: center;
	    text-align: center;
	    padding: 60px 0px;
	}
	.path-boutique .container-livraison-mode .boutons-form .btn {
		width: 170px;
		text-align: center;
	}
	.adresse-commande-form .col-sm-6:first-child .btn {
		float: right;
	}
	.view-actualites .view-content  {
		width: 100%;
		padding: 0 15px;
	}
	.view-actualites .view-content .swiper-container-autoheight .swiper-slide {
		padding: 0 15px;
	}
	.conteneurPanier .conteneurLigne img, 
	.commande_etape3_form .linePanier .img-responsive,
	.containerPanierContenu .img-responsive {
	    height: auto;
	    width: auto;
	    max-width: initial;
	    margin: auto;
	    max-width: 100%;
	    max-height: 100px;
	    margin-top: 50px;
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	.modal-body {
	    overflow: auto!important;
	    padding: 40px 20px;
	}
	.containerPanierContenu h2 {
	    float: left;
	    width: 100%;
	    font-family: Montserrat-Bold;
	    font-size: 16px;
	    line-height: 24px;
	    color: #1C1C1C;
	    text-align: left;
	}
	.containerPanierContenu .qte-container-recap input {
	    height: 35px;
	    width: 35px;
	    font-size: 20px;
	}
	.containerPanierContenu .sub-qte, .containerPanierContenu .add-qte {
	    width: 35px;
	    height: 35px;
	    padding: 0px 5px;
	}
	.containerPanierContenu .qte-container-recap .form-group {
	    margin: 0;
	    width: 35px;
	}
	.commande.recapitulatif .conteneur_adresses .conteneurRecapAdresseLivraison, 
	.commande_etape3_form .conteneur_adresses #edit-adresses .conteneurRecapAdresseLivraison, 
	.container-livraison-mode #adresseCompleteLivraison .mode_livraison_adresse, 
	.adresse-commande-form #edit-containergeneral #adresseComplete {
	    float: left;
	    width: 49%;
	    margin-right: 1%;
	    position: relative;
	    background-color: #FAFAFA;
	    padding: 30px 35px;
	    border-radius: 27px;
	    text-align: left;
	}
	.commande.recapitulatif .conteneur_adresses .conteneurRecapAdresseFacturation, 
	.commande_etape3_form .conteneur_adresses #edit-adresses .conteneurRecapAdresseFacturation, 
	.container-livraison-mode #adresseCompleteLivraison .mode_livraison_relais, 
	.adresse-commande-form #edit-containergeneral #adresseComplete2 {
	    float: left;
	    width: 49%;
	    margin-left: 1%;
	    position: relative;
	    background-color: #FAFAFA;
	    padding: 30px 35px;
	    border-radius: 27px;
	    text-align: left;
	}
	.header_detail_commande h2, 
	.adresse-commande-form #edit-containergeneral #adresseComplete h2, 
	.adresse-commande-form #edit-containergeneral #adresseComplete2 h2 {
	    font-family: Montserrat-Bold;
	    font-size: 24px;
	    line-height: normal;
	    color: #1C1C1C;
	    margin: 0 0 35px 0;
	}
	.adresse-commande-form #edit-containergeneral #adresseComplete2 .col-sm-6,
	.adresse-commande-form #edit-containergeneral #adresseComplete .col-sm-6,
	.adresse-commande-form #edit-containergeneral #adresseComplete2 .col-sm-12,
	.adresse-commande-form #edit-containergeneral #adresseComplete .col-sm-12 {
		padding: 0;
	}
	.form-textarea.form-control, 
	.input-group .select-wrapper:first-child .form-control:first-child, 
	.form-text, 
	.form-email, 
	.form-number, 
	.form-date { 
	    padding: 0 20px; 
	    font-size: 16px; 
	}
	.mes-informations,  
	.inscription-block, 
	#ajoutAdresse, 
	#modificationAdresse { 
	    padding: 30px 5px; 
	}
	.login_block, 
	.user-pass, 
	.contact-form, 
	.webform {
		padding: 30px 35px;
	}
	.inscription_block {
		padding: 30px 60px;
	}
	.container-navigation .panierShow a,
	.container-navigation .menu-user a {
	    font-size: 12px;
	}
	.container-navigation .panierShow, .container-navigation .menu-user {
	    margin-left: 5px;
	} 
	.container-navigation .menu-user a.deconnecter {
	    background-image: none;
	    color: #E6202B;
	    padding-left: 9px;
	}
	.container-navigation .search-block-form input.form-search {
		font-size: 14px;
	}
	.container-navigation .search-block-form {
	    width: 28%;
	}
	.region-header nav ul > li a {
	    padding: 15px 0px 15px 5px;
	    font-size: 12px;
	}
	.region-header nav ul.menu--main > li.first a {
		width: 30px;
	}
	.region-header nav#block-zehnder-main-menu {
	    float: right;
	    width: calc(100% - 200px);
	    text-align: center;
	}
}/* @media only screen and (max-width : 992px){ */
@media only screen and (max-width : 870px) {
	.region-header nav#block-menuaccedezazehnderfr {
	    width: 120px;
	}
	.region-header nav#block-menuaccedezazehnderfr ul > li a {
	    padding: 20px 0px 20px 25px;
	    background-position: 10px 32px;
	    font-size: 12px;
	    line-height: 20px;
	}
	.region-header nav#block-zehnder-main-menu {
	    float: right;
	    width: calc(100% - 120px);
	    text-align: center;
	}

}
/* Tablete  SM */
@media only screen and (min-width : 768px) and (max-width : 991px) {
	
}/* end @media only screen and (min-width : 768px) and (max-width : 991px) */

@media only screen and (max-width: 767px){ 
	h1.page-header {
		font-size: 32px;
	}
	.btn, 
	.form-type-webform-image-file label.btn, 
	.form-type-managed-file label.btn {
	    padding: 20px 40px;
	}
	.monEspaceClient > div {
		padding: 7px 0;
	}
	#block-blockfooterkeypoints .field--name-field-paragraphs > .field--item {
		width: 100%;
	    margin: 20px 0;
	    float: left;
	}
	body.path-frontpage .field--name-field-paragraphs,
	#block-blockfooterkeypoints .field--name-field-paragraphs {
		display: block;
	}
	body.path-frontpage .field--name-field-paragraphs > .field--item {
		float: left;
		width: 100%;
		margin: 0;
	    padding: 15px;
	}
	body.path-frontpage h1.page-header::before,
	body.path-frontpage h1.page-header {
		height: 290px;
		padding-top: 160px;
	}
	body.path-frontpage h1.page-header {
	    font-size: 28px;
    	line-height: 40px;
	}
	body.path-frontpage .field--name-field-sous-titre {
	    top: -215px;
        font-size: 20px;
	}
	#block-views-block-actualites-block-1 {
		padding-bottom: 60px;
	}
	.view-actualites .view-content .swiper-container-autoheight .swiper-slide {
	    padding: 0;
	}
	body.path-frontpage .view-actualites .section.actualites-slide > .row {
	    display: block;
	}
	body.path-frontpage .view-actualites .content-article { 
	    padding: 20px;
	}
	body.path-frontpage .view-actualites .content-article h3 a {
	    font-size: 28px; 
	}
	body.path-frontpage .view-actualites .field_image {
		height: 200px;
	}
	body.path-frontpage .view-actualites .content-article .bouton-more a {
		width: 100%;
	    padding: 20px 40px;
	}
	body.path-frontpage .field--name-field-paragraphs {
		padding-bottom: 0;
	}
	.container-navigation {
		height: 60px;
	    padding: 0 15px 0 150px;
	}
	.region-logo {
	    float: left;
	    width: 120px;
	    height: 60px;
	}
	header .logo {
	    float: left;
	    width: 120px;
	    height: 120px;
	    margin-top: -60px;
	}
	.container-navigation .recherche_mobile {
		position: relative;
		z-index: 2;
		float: right;
	    display: inline-block;
	    width: 40px;
	    height: 60px;
	    padding-left: 0;
	    background-image: url(../icons/lupe.svg);
        background-position: center;
    	background-size: 22px;
    	background-repeat: no-repeat;
    	margin-left: 5px;
	}
	.region-navigation {
		position: relative;
		z-index: 2;
	}
	header {
		position: relative;
		z-index: 2;
	}
	.container-navigation .menu-user a, 
	.container-navigation .panierShow a {
	    width: 40px;
	    height: 60px;
	    text-indent: 100%;
	    white-space: nowrap;
	    overflow: hidden;
	    color: transparent;
	    font-size: 0;
	    background-position: center;
    	background-repeat: no-repeat;
	}

	.container-navigation .search-block-form { 
		display: none;
	}	
	.header-mobile {
	    display: block;
        position: relative;
    	z-index: 5;
	}
	.header-mobile .search-block-form {
		position: fixed;
		z-index: 999;
		left: 0;
		top: 0px;
		width: 100vw;
    	height: 100vh;
	    padding: 15px;
		padding-top: 50%;
		display: none;
		background-color: rgba(0, 0, 0, 0.8);
	}
	.header-mobile .search-block-form.active {
		display: block;
	}
	.header-mobile .search-block-form input.form-search {
	    float: left;
	    width: 100%;
	    background-color: #FFFFFF;
	    box-shadow: 0 0 18px rgba(28, 28, 28, 0.08);
	    padding: 0 15px;
	    padding-left: 50px;
	    height: 40px;
	    border: 0;
	    border-radius: 20px 0px 0px 20px;
	    background-image: url(../icons/lupe.svg);
	    background-position: 20px 9px;
	    background-size: 22px;
	    background-repeat: no-repeat;
	    font-family: Montserrat;
	    font-size: 17px;
	    line-height: 40px;
	}
	.header-mobile .search-block-form .btn {
	    padding: 10px 15px;
	}
	.search_mobile_close {
	    position: fixed;
	    z-index: 9999;
    	top: 15px;
	    left: 50%;
	    -ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	    width: auto;
	    height: 26px;
	    color: #1C1C1C;
	    padding-right: 30px;
	    background-image: url(../icons/close-w.svg);
	    background-size: 26px;
	    background-position: center right;
	    background-repeat: no-repeat;
	    opacity: 0.7;
	    -webkit-transition: .3s all;
	    -o-transition: .3s all;
	    transition: .3s all;
	    display: none;
	}
	.search_mobile_close.active {
		display: block;
	}
	.search_mobile_close::before {
	    content: 'Fermer';
	    color: #fff;
	    font-family: Montserrat;
	    font-size: 17px;
	    line-height: 26px;
	}
	.noscroll { 
	  overflow: hidden;
	}
	.container-header {
		height: 60px;
	}
	.burger_mobile {
	    float: right;
		margin-bottom: 0;
	    width: 40px;
	    height: 60px;
	    background-image: url(../icons/burger_mobile.svg);
	    background-size: 25px;
	    background-position: center;
	    background-repeat: no-repeat;
	}
	.burger_mobile.active {
		background-image: url(../icons/close.svg);
	}
	.header-desktop {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 5;
	}
	body {
		padding-top: 120px;
	}
	.region-header {
	    position: absolute;
	    width: 100%;
	    right: -100%;
	    top: 100%;
	    padding: 15px;
	    height: auto;
	    background-color: #fff;
	    -webkit-transition: .3s all;
	    -o-transition: .3s all;
	    transition: .3s all;
	    border-top: 1px solid rgba(28, 28, 28, 0.08);
	    box-shadow: 0 3px 9px rgba(28, 28, 28, 0.08);
	} 
	.region-header.active {
	    right: 0%;
	}
	.region-header nav#block-zehnder-main-menu,
	.region-header nav#block-menuaccedezazehnderfr {
		float: left;
		width: 100%;
	}
	.region-header nav ul {
	    float: left;
	    width: 100%;
	    margin: 0 auto;
	    padding: 0 15px;
	    list-style: none;
	    text-align: left;
	}
	.region-header nav ul > li a {
		line-height: 20px;
	}
	.region-header nav#block-menuaccedezazehnderfr ul > li a {	    
	    padding: 0px 0px 0px 35px;
	    background-position: 7px 13px;
	    font-size: 14px;
	    line-height: 40px;
	    width: 100%;
	}
	.region-header nav ul > li {
		float: left;
		width: 100%;
	}
	.region-header nav ul.menu--main > li.first {
		display: none;
	}
	.view-actualites .view-content .swiper-container-autoheight .swiper-slide {
		padding: 0 20px;
	}
	.view-actualites .view-header h2 {
		margin-bottom: 15px;
	}
	.actualites-slider .swiper-button-prev {
		left: 0;
	}
	.actualites-slider .swiper-button-next {
		right: 0;
	}
	.swiper-button-next, .swiper-button-prev {
	    width: 15px;
	    height: 28px;
	    background-size: 15px 28px;
	}
	.container-login {
		display: block;
	}
	.row_sous_categories .sous_categorie {
		width: 100%;
	}
	.row_sous_categories .sous-categorie {
		padding: 0 15px;
		height: auto;
		min-height: auto;
	}
	.row_sous_categories .sous-categorie h3 {
		position: relative;
		padding: 5px 15px 15px 15px;
		margin-top: 0;
	}
	.row_sous_categories .sous-categorie .swiper-slide,
	.row_sous_categories .sous-categorie .image_categorie {
		height: auto;
	}
	.path-taxonomy .view-content .views-row {
	    width: 100%;
	}
	.path-taxonomy .view-content .views-row > .produit h2{
		min-height: auto;
	    height: auto;
		margin-top: 0;
	}
	.path-taxonomy .view-content .views-row > .produit a .field_image div,
	.path-taxonomy .view-content .views-row > .produit a .field_image,
	.path-taxonomy .view-content .views-row > .produit a {
	    min-height: auto;
	    height: auto;
	}
	.path-taxonomy .view-content .views-row > .produit .field_prix_ttc {
		padding-top: 0px;
	}
	body.page-node-type-produit article.produit .prix_ht .tarifProduit, 
	body.page-node-type-produit article.produit .prix_ht .tarifProduitNoreduction {
		font-size: 16px;
	}
	body.page-node-type-produit article.produit .prix_ttc .tarifProduit, 
	body.page-node-type-produit article.produit .prix_ttc .tarifProduitNoreduction {
		font-size: 20px;
	}
	body.page-node-type-produit article.produit {
		padding: 60px 0;
	}
	#ajoutPanierContent .achatSubmit .btn {
		padding: 20px 35px;
	}  
	.conteneurPanier .conteneurLigne img, 
	.commande_etape3_form .linePanier .img-responsive, 
	.containerPanierContenu .img-responsive {
		margin-top: 0;
		-ms-transform: translateY(0);
     	transform: translateY(0); 
	}
	#panierContent > .form-group, 
	#panierContent > .form-group .row {
		position: relative;
	}
	#panierContent .prix {
		line-height: normal;
	    margin-top: 50px;
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	#panierContent .row-buttons {
		text-align: center;
	}
	.btn.continuerAchat,
	#panierContent .row-buttons .btn {
		padding: 20px 20px;
		margin: 5px auto;
	}
	.row-buttons {
		padding-top: 20px;
	}
	.containerPanierContenu .qte-container-recap {
	    padding: 30px 0;
	}
	.containerPanierContenu .boutonSup {
		padding: 0;
	}
	.modal-header .modal-title {
	    text-align: center;
	    color: #1C1C1C;
	    font-family: Montserrat-Bold;
	    font-size: 28px;
	    line-height: normal;
	}
	.modal-header {
	    padding: 50px 40px 0px 40px;
	    border-bottom: 0;
	}
	.modal-header .close {
	    right: 20px;
    	top: 20px;
	}
	.modal-body {
	    overflow: auto!important;
	    padding: 30px 20px;
	}
	.breadcrumbCommande ul li .imageEtape {
	    width: 50px;
    	height: 50px;
	}
	.breadcrumbCommande ul li .imageEtape img {
		height: 20px;
	}
	.breadcrumbCommande ul li .titleEtape {
		display: none;
	}
	.container-login {
		padding: 30px 15px;
	}
	.commande.recapitulatif .conteneur_adresses .conteneurRecapAdresseFacturation, 
	.commande_etape3_form .conteneur_adresses #edit-adresses .conteneurRecapAdresseFacturation, 
	.container-livraison-mode #adresseCompleteLivraison .mode_livraison_relais, 
	.adresse-commande-form #edit-containergeneral #adresseComplete2,
	.commande.recapitulatif .conteneur_adresses .conteneurRecapAdresseLivraison, 
	.commande_etape3_form .conteneur_adresses #edit-adresses .conteneurRecapAdresseLivraison, 
	.container-livraison-mode #adresseCompleteLivraison .mode_livraison_adresse, 
	.adresse-commande-form #edit-containergeneral #adresseComplete {
		width: 100%;
		margin: 5px 0;
		padding: 20px 15px;
	}
	.form-textarea.form-control, 
	.input-group .select-wrapper:first-child .form-control:first-child, 
	.form-text, 
	.form-email, 
	.form-number, 
	.form-date {
	    padding: 0 20px;
	    font-size: 15px;
	}
	.commande_etape3_form .conteneur_adresses #edit-adresses, 
	.container-livraison-mode #adresseCompleteLivraison > .form-group, 
	.adresse-commande-form #edit-containergeneral {
	    padding-top: 15px;
	}
	.container-livraison-mode h2 { 
	    font-size: 24px; 
	}
	.container-livraison-mode .conteneurPointsRelais h3 {
		font-size: 18px;
	}
	#ajoutAdresse .btn,
	.btn.autres_points_relais {
	    padding: 20px 10px;
	}
	.commande_etape3_form .boutons-form > .form-group,
	#panierContent > .form-group, #panierContent > .form-group .row,
	.container-livraison-mode .boutons-form > .form-group {
	    flex-wrap: wrap;
        padding: 0;
	}
	.commande_etape3_form .boutons-form > .form-group {
		padding-bottom: 30px;
	}
	.commande_etape3_form .boutons-form .btn,
	.path-boutique .container-livraison-mode .boutons-form .btn,
	.adresse-commande-form .col-sm-6:first-child .btn {
     	float: none; 
	    margin: 5px auto;
	}
	.commande.recapitulatif .conteneurPanier .conteneurLigne .prixHT, 
	.commande.recapitulatif .conteneurPanier .conteneurLigne .quantite, 
	.commande_etape3_form .linePanier .prixHT, 
	.commande_etape3_form .linePanier .quantite {
	    line-height: 40px;
	}
	.webform-element--title-inline > *, 
	.form-type-webform-image-file > *, 
	.form-type-managed-file > *,
	.webform-element--title-inline .form-control, 
	.webform-element--title-inline .select-wrapper,
	.webform-element--title-inline > label, 
	.form-type-webform-image-file > label, 
	.form-type-managed-file > label {
	    width: 100%;
	}
	.container-navigation .menu-user a.deconnecter {
		display: none;
	}
	table {
	    display: block;
	    overflow-x: auto;
	    white-space: nowrap;
	}
} /* end @media only screen and (max-width: 768px) */