@media (max-width: 767px) {
  .login-form__content__container {
    width : 95%;
  }

  .login-form__content__container > * {
    width : 100%;
  }

  .header-top__wrapper {
    grid-gap: 10px;
  }

  .header-element {
    display: none;
  }

  .header-actions-container,
  #menu__burger {
    align-self: center;
  }

  .header-actions-container {
    grid-gap: 4px;
  }

  #ohmcartpopup-wrapper .header .cart-icon .cart-products-count {
    right: calc(-6px + (-11 - -6) * ((100vw - 320px) / (1920 - 320)));
    top: -6px;
  }

  .search-widget form input[type="text"]:focus {
    outline: 3px solid var(--light-main-color);
  }
}

@media (max-width: 1024px) {

  .header-top__wrapper {
    grid-template-columns: 15% auto auto;
    width: 95%;
    padding: 0;
    margin: auto;
  }

  #menu__burger.header-top__burger-menu {
    grid-column: 1;
    align-self: center;
  }

  .header-top__logo {
    grid-column: 2;
    grid-row: 1;
  }

  #search_widget.search-widget, #search_widget.search-widgets {
    grid-column: 1/-1;
    max-width: 100%;
    width: 100%;
    margin: 0.5em 0;
  }
  #search_widget form i {
    padding: 0;
  }

  #search_widget form input {
    background-color: #ffffff;
    padding: 0px 20px 0px 40px;
  }

  #search_widget form i.search {
    left: 10px;
  }

  #search_widget.search-widget form, #search_widget.search-widgets form {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .header-actions-container {
    grid-template-columns: repeat(2, 1fr);
    grid-column: 3;
    grid-row: 1;
  }

  .header-sav-container {
    display: none;
  }

  /*.submenu-universes .mm_columns_ul.active {*/
  /*  display: flex !important;*/
  /*  flex-direction: column;*/
  /*}*/

  /*.submenu-universes .mm_columns_ul {*/
  /*  display: none !important;*/
  /*}*/

  body .ets_mm_megamenu::before {
    background: transparent !important;
  }

  /*.mm_menus_li:not(.submenu-universes) .submenu,*/
  /*.mm_menus_li:not(.submenu-universes) span.arrow {*/
  /*  display: none !important;*/
  /*}*/

  .mm_menus_li:not(.submenu-universes) span.arrow {
    margin-top: 0.35em;
  }

  .ets_mm_megamenu.layout_layout1:not(.ybc_vertical_menu) .mm_menus_ul {
    background: #002131;
  }

  .ets_mm_megamenu.layout_layout1:not(.ybc_vertical_menu) .mm_menus_ul .pull-left {
    display: none;
  }

  .changestatus .mm_menus_ul .arrow::before {
    border-top: 0px solid #fff !important;
  }

  .changestatus .mm_menus_ul .arrow::after {
    border-left: 0px solid #fff !important;
  }

  .header-menu-container {
    visibility: hidden;
    pointer-events: none;
    height: 0;
  }

  .mm_menu_content_title {
    min-height: 30px;
  }

  .ets_mm_megamenu .mm_menus_ul .close_menu {
    background: #ECEFF1;
  }

  /* menu*/
  .ets_mm_megamenu.layout_layout1:not(.ybc_vertical_menu) .mm_menus_ul
  {
    background: #ECEFF1;
  }

  .ets_mm_megamenu .mm_columns_ul
  {
    display: block;
    visibility: visible;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100svh !important;
    max-height: 100svh;
    overflow: auto;
    background-color: #fff;
    width: 100%;
    max-width: 100%;
    transform: translate3d(-100%, 0, 0);
    border-right: 1px solid #242425;
    transition: all 0.4s;
    /*z-index: 500;*/
  }

  .ets_mm_megamenu  .mm_columns_ul.active
  {

    transform: translate3d(0%, 0, 0);
    z-index : 150;
  }

  .layout_layout1 .mm_menus_li
  {
    background-color: #ECEFF1 !important;
  }

  #header .layout_layout1 .mm_menus_ul .mm_menus_li > a span {
    color: #0E2533;
    z-index: 100;
  }

  .tab_back {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    /* background: #ef1860; */
    background: var(--color-primary);
    padding: 0 13px 0 20px;
    line-height: 42px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .tab_back {
    justify-content: flex-start;
  }

  /*.tab_back svg {*/
  /*  width: 20px;*/
  /*  height: 49px;*/
  /*}*/

  ul.mm_columns_ul.submenu {
    display: grid !important;
    background: #ECEFF1;
  }

.submenu-element .column_size_6.item-22 > ul
{
  display: block;
  grid-template-columns: none;
}
.submenu-element .column_size_5 .mm_blocks_ul
{
  display: block;
  grid-template-columns: none;
  height: 100%;
}

.ets_mm_block_content svg {
  display: none;
}

#header .submenu-element .column_size_12,
#header .submenu-element .column_size_2.item-20,
#header .submenu-element .column_size_2.item-42,
#header .submenu-element .column_size_2.item-21,
#header .submenu-element .column_size_3.item-25,
#header .submenu-element .column_size_2.item-43,
#header .submenu-element .column_size_2.item-24,
#header .submenu-element .column_size_2.item-26,
#header .submenu-element .column_size_2.item-28,
#header .submenu-element .column_size_3.item-46,
#header .submenu-element .column_size_2.item-47,
#header .submenu-element .column_size_2.item-48,
#header .submenu-element .column_size_2.item-41  {
  color : #0E2533;
  background: #ECEFF1;
  padding-top: 1em;
}

.submenu-element .column_size_2.item-20 .ets_mm_block_content a,
.submenu-element .column_size_2.item-41 .ets_mm_block_content a,
.submenu-element .column_size_3 .ets_mm_block_content a {
  font-weight: normal;
}
.ets_mm_block_content, .ets_mm_megamenu .title-w-border {
  color: #0E2533;
}
.ets_mm_megamenu .title-w-border::after {
  display: none;
}

.ets_mm_megamenu .column_size_12 .ets_mm_block_content {
  display: block;
}
.ets_mm_megamenu .column_size_12 .ets_mm_block_content a {
  color: #0E2533 !important;
}

  /*/menu*/


/* vins*/
li.item-41 {
    order: 1;
}

li.item-20 {
    order: 2;
}

li.item-42 {
    order: 3;
}
li.item-21 {
    order: 4;
}

li.item-43 {
    order: 5;
}

li.item-24 {
    order: 6;
}

li.item-137 {
    order: 7;
}

li.item-139 {
    order: 8;
}

li.item-44 {
    order: 9;
}

li.item-22 {
    order: 10;
}


/* bieres*/
li.item-46 {
    order: 1;
}

li.item-25 {
    order: 2;
}

li.item-47 {
    order: 3;
}

li.item-26 {
    order: 4;
}

li.item-48 {
    order: 5;
}

li.item-28 {
    order: 6;
}

li.item-49 {
    order: 7;
}

li.item-27 {
    order: 8;
}



/*

  li.item-35 {
    order: 1;
  }

  li.item-31 {
    order: 2;
  }

  li.item-32 {
    order: 3;
  }

  li.item-30 {
    order: 4;
  }

  li.mm_columns_li.column_size_3.mm_has_sub.item-36 {
    order: 5;
  }

  li.item-33 {
    order: 6;
  }

  li.item-37 {
    order: 7;
  }

  li.item-38 {
    order: 8;
  }

  li.item-34 {
    display: none;
  }*/

  #header #search_widget #bwa-search-input {
    margin-top: 0.5em;
  }

  header#header .ybc-menu-toggle {
    display: none;
  }

  .mm_menus_ul {
    position: fixed;
    z-index: 10000;
    top: 0;
    bottom: 0;
    left: 0;
    max-width: 280px;
    overflow: auto;
    position: fixed;
    top: 0;
    z-index: 10000;
  }

  #header .regroupeur_info {
    justify-content: center;
    width: 100%;
  }

  .ets_mm_megamenu.hook-default {
    padding: 0;
  }

  /*#header .submenu-element .column_size_6.item-22,*/
  /*#header .submenu-element .column_size_5.item-27 {*/
  /*  padding-bottom: 8em;*/
  /*}*/

  #header .submenu-element {
    max-height: calc(100vh - env(safe-area-inset-bottom));
    overflow-y: auto;
  }


  #header .submenu-element .column_size_6.item-22,
  #header .submenu-element .column_size_5.item-27 {
    padding-bottom: env(safe-area-inset-bottom);
  }



}

@media (min-width: 768px) and (max-width: 1199px) {

  .header-top__wrapper {
    grid-template-columns: 30% 35% auto;
    width: 100%;
  }

}

@media (min-width: 768px) {

  .header-banner__wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .header-banner__left,
  .header-banner__left__logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .header-banner__left {
    margin-bottom: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .header-banner__left__separator {
    display: inline-block;
    margin: 0 10px;
  }

  .header-banner__right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .header-actions-container {
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr) );
  }

  .header-top #ohmcartpopup-wrapper .header {
    text-align: center;
    padding: 0 10px;
  }

  .header-top #ohmcartpopup-wrapper .header .cart-icon i:before {
    background-size: contain;
  }

  .header-top #ohmcartpopup-wrapper .cart-count {
    color: var(--main-color);
  }

  .mm_block_type_image .ets_mm_block_content img {
    perspective: unset !important;
    transition: none !important;
  }

  .submenu a {
    transition: none !important;
  }

  /*Cart preview*/

  #header .header-top #ohmcartpopup-wrapper .header {
    text-align: center;
    padding: 0 0 0 0;
  }

}

@media (min-width: 992px) {

  .submenu-element .mm_columns_ul {
    display: grid !important;
    /*grid-template-columns: 20% 15% 15% 1fr;*/
    grid-template-columns: 15% 15% 12% 1fr;
  }

}

@media (min-width: 1024px) {

  .header-banner__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
  }

}

@media (min-width: 1025px) {

  #menu__burger,
  .mobile_only {
    display: none;
  }

  .mobile_only {
    display: none;
  }

  .layout_layout1 .mm_menus_li:hover {
    background-color: hsl(199, 100%, 30%) !important;
  }

  .layout_layout1 .mm_menus_li.active {
    background-color: hsl(199, 100%, 35%) !important;
  }

}

@media (min-width: 1200px) {

  header#header .header-top {
    padding: 30px 0 25px 0;
    height: 110px;
    z-index: 3;
  }

  .header-top__wrapper {
    width: 100%;
  }

  header#header.is-grab .header-top {
    height: 85px;
    padding: 10px 0;
  }

  .header-top__wrapper {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    top: 12px;
    grid-template-columns: 15% 1fr 35%;
    margin: auto;
  }

  .header-top__logo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .header-banner__left__logo {
    margin-bottom: 0;
  }

  #search_block_top {
    margin: 0 60px;
  }

  #search_widget form input,
  #search_block_top input#search_query_top {
    padding: 0 80px 0 42px;
    font-size: 15px;
    font-weight: 400;
    color: #002131;
    background-color: #fff !important;
    opacity: 1;
    padding: 0px 20px 0px 40px;
  }

  #search_widget form i {
    position: absolute;
    padding: 0 .5rem;
  }

  #search_widget form button[type=submit],
  #search_block_top form button[type=submit].btn.button-search {
    width: 75px;
  }

  header#header > .header-nav {
    overflow: visible;
    position: relative;
    max-width: 100%;
    max-height: 55px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    /*z-index    : 0;*/
    z-index: 1;
    /*padding: 3px 0;*/
  }

  header#header > .header-nav {
    overflow: visible;
    position: relative;
    max-width: 100%;
    max-height: 55px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 1;
  }

  header#header > .header-nav .mobile__close-nav,
  header#header > .header-nav .mobile__home-nav,
  header#header > .header-nav .mobile__user-nav {
    display: none;
  }

  .header-nav__wrapper,
  .header-nav__wrapper #_desktop_top_menu #top-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  #header #top_menu_wrapper {
    display: block;
  }

  #header #mobile_top_menu_wrapper {
    display: none;
  }

  #header .header-nav__wrapper .top-menu .sub-menu {
    position: absolute;
    background: white;
  }

  #header .header-nav__wrapper div.popover.sub-menu li a {
    color: #000;
    font-size: 12px;
  }

  #header .header-nav__wrapper div.popover.sub-menu li:hover a {
    color: var(--light-main-color);
  }

  #header .header-nav__wrapper .header-nav__who {
    margin-left: 90px;
  }

  main > .header__burger-nav {
    display: block;
  }

  div.popover.sub-menu ul {
    max-height: 63vh;
    padding: 15px 0;
  }

  #header .header-nav__wrapper div.popover.sub-menu li {
    margin: 0 30px 0 0;
  }

  #ohmcartpopup-wrapper .header,
  .header-top__buttons #_desktop_user_info .user-info span {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 0;
  }

  #header .header-nav__wrapper a {
    margin: 0;
  }

  .header-top__buttons #_desktop_user_info .user-info span::before,
  #ohmcartpopup-wrapper .header .cart-icon {
    margin: 0 0 5px 0;
  }

  #ohmcartpopup-wrapper .header,
  .header-top__buttons #_desktop_user_info .user-info span,
  .header-actions-container {
    grid-column-gap: 20px;
  }

  .header-actions-container {
    padding: 0 20px;
  }

  /*Commande groupée -- barre de statut*/

  #header  .ets_mm_megamenu_content_content .volet {
    display: none;
  }

  #header .regroupeur_info:hover .volet {
    display: block;
  }

  #header .regroupeur_info div.time-left-text:hover + .commande .time-left .volet,
  #header .regroupeur_info ul.commande:hover .time-left .volet {
  /*,
  #header .regroupeur_info div.button:hover ~ .commande .time-left .volet {*/
    background-color: #000;
    display: block;
  }

  #header .header-top .header-top__wrapper {
    position: absolute;
    grid-template-columns: 27% 1fr 27%;
    margin: auto;
  }

  #ohmcartpopup-wrapper .header, .header-top__buttons #_desktop_user_info .user-info span, .header-actions-container {
    grid-column-gap: 10px !important;
  }

  #header .header-actions-container {
    padding: 0 0 0 calc(20px + (58 - 20) * ((100vw - 1200px) / (1920 - 1200)));
  }

}

@media (min-width: 1440px) {

  #header .header-top .header-top__wrapper {
    grid-template-columns: 25% 1fr 25%;
  }

}

@media (min-width: 1920px) {

  .header-top__burger-menu {
    margin-right: 20px;
  }

  #bwa_search {
    margin: 0 60px;
  }

  .header-top__buttons #_desktop_user_info {
    margin-right: 57px;
  }

  .lang-de .header-top__buttons #_desktop_user_info {
    margin: 0 28px;
  }

  .header-top__wrapper {
    max-width: 98%;
    width: 98%;
  }

}