/*----------------------------------- Responsive -----------------------------------*/

/* ==========================================================================
   LARGE SCREENS (1440px - 1600px)
   ========================================================================== */
@media screen and (max-width: 1600px) and (min-width: 1440px) {
  header .espace_body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .nav_style>li:not(:last-of-type) {
    margin-right: 15px;
  }
  .slider_home .box_banner {
    width: 70%;
  }
  .block_solution .icon_solution {
    width: 300px;
  }
  .focus_marque .block_marque {
    padding: 60px;
  }
  .focus_marque h4 {
    font-size: 30px;
  }
  /*-- product */
  .list_products .prducts_blocks.squares_nine {
    grid-template-columns: repeat(2, 1fr);
  }
  /*-- page vip */
  .page-template-vivencia-cart-vip .banner_page h1 {
    font-size: 28px;
  }
  .content_carte_vip .parag_style p, .content_carte_vip .parag_style span {
    font-size: 28px;
  }
  /*-- validate soins */
  .page-template-vivencia-institut-soins-creneau-validate .espace_soin_body {
    width: calc(100% - 200px);
  }
}

/* ==========================================================================
   MEDIUM-LARGE SCREENS (1366px - 1439px)
   ========================================================================== */
@media screen and (max-width: 1439px) and (min-width: 1366px) {
  header .espace_body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .nav_style>li:not(:last-of-type) {
    margin-right: 15px;
  }
  .slider_home .box_banner {
    width: 70%;
  }
  .block_solution .icon_solution {
    width: 250px;
  }
  .focus_marque .block_marque {
    padding: 100px 60px;
  }
  .focus_marque h4 {
    font-size: 30px;
  }
  .block_solution .parag_style p {
    font-size: 25px;
  }
  .block_caracteristique {
    grid-template-columns: repeat(2, 1fr);
  }
  .footer h2,
  .block_applications h3 {
    font-size: 21px;
  }
  .footer .info_footer a, .footer .info_footer a:hover, .footer .info_footer a:focus, .footer .info_footer a:active, .footer .info_footer span {
    font-size: 18px;
  }
  .espace_body_all {
    padding-left: 60px;
    padding-right: 60px;
  }
  .espace_body_left {
    padding-left: 60px;
  }
  /*-- product */
  .list_products .prducts_blocks.squares_nine {
    grid-template-columns: repeat(2, 1fr);
  }
  /*-- page vip */
  .page-template-vivencia-cart-vip .banner_page h1 {
    font-size: 28px;
  }
  .page-template-vivencia-cart-vip .li_style_green li {
      flex-wrap: wrap;
  }
  .content_carte_vip .parag_style p, .content_carte_vip .parag_style span {
    font-size: 28px;
  }
  /*-- mon compte */
  .block_mon_compte .dashboard_compte {
    grid-template-columns: 2fr 10fr;
  }
  .block_mon_compte .dashboard_compte.espace_body {
    padding-left: 45px;
    padding-right: 45px;
  }
  /*-- .espace_soin_body */
  .espace_soin_body  {
    width: calc(100% - 500px);
  }
  /*-- validate soins */
  .page-template-vivencia-institut-soins-creneau-validate .espace_soin_body {
    width: calc(100% - 200px);
  }
}

/* ==========================================================================
   MEDIUM SCREENS (1200px - 1365px)
   ========================================================================== */
@media screen and (max-width: 1365px) and (min-width: 1200px) {
  header .espace_body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .nav_style>li:not(:last-of-type) {
    margin-right: 15px;
  }
  .slider_home .box_banner {
    width: 70%;
  }
  .block_solution .icon_solution {
    width: 250px;
  }
  .focus_marque .block_marque {
    padding: 100px 60px;
  }
  .focus_marque h4 {
    font-size: 30px;
  }
  .block_solution .parag_style p {
    font-size: 25px;
  }
  .block_caracteristique {
    grid-template-columns: repeat(2, 1fr);
  }
  .footer h2,
  .block_applications h3 {
    font-size: 21px;
  }
  .footer .info_footer a, .footer .info_footer a:hover, .footer .info_footer a:focus, .footer .info_footer a:active, .footer .info_footer span {
    font-size: 18px;
  }
  .espace_body_all {
    padding-left: 60px;
    padding-right: 60px;
  }
  .espace_body_left {
    padding-left: 60px;
  }
  .header .col_header:first-of-type {
    width: 66.66666667%;
  }
  .header .col_header:last-of-type {
    width: 33.33333333%;
  }
  .navigation_style .col_nav:first-of-type {
    width: 58.33333333%;
  }
  .navigation_style .col_nav:last-of-type {
    width: 41.66666667%;
  }
  .choix_header .btn_style span{
    display: none;
  }
  .choix_header .btn_style>i {
    padding-right: 0;
  }
  
  #nos-coups-filters .owl-filter-bar a, 
  #nos-coups-filters .owl-filter-bar a:hover, 
  #nos-coups-filters .owl-filter-bar a:focus, 
  #nos-coups-filters .owl-filter-bar a:active {
    font-size: 15px;
  }
  /* Pages spécifiques */
  .content_institut {
    column-gap: 40px;
  }
  .block_palier .list_palier {
    gap: 20px;
  }
  .block_valeurs .list_valeurs {
    gap: 20px;
  }
  .block_mission_target {
    grid-gap: 20px;
  }
  .content_artizone {
    grid-template-columns: 7fr 5fr;
  }
  .liste_soins_institut {
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
  /*-- product */
  .list_products .prducts_blocks.squares_nine {
    grid-template-columns: repeat(2, 1fr);
  }
  /*-- peau consult */
  .liste_peau_complet {
    grid-template-columns: repeat(2, 1fr);
  }
  /*-- page vip */
  .page-template-vivencia-cart-vip .banner_page h1 {
    font-size: 28px;
  }
  .page-template-vivencia-cart-vip .li_style_green li {
      flex-wrap: wrap;
  }
  .content_carte_vip .parag_style p, .content_carte_vip .parag_style span {
    font-size: 28px;
  }
  /*-- mon compte */
  .block_mon_compte .dashboard_compte {
    gap: 15px;
    grid-template-columns: 2fr 8fr;
  }
  .block_mon_compte .dashboard_compte.espace_body {
    padding-left: 45px;
    padding-right: 45px;
  }
  .block_mon_compte .box_profil h2 {
    font-size: 26px;
  }
  .block_mon_compte .content_navigation .apercu_user {
    grid-template-columns: 7fr 5fr;
  }
  .block_mon_compte .cart_vip_abonnement {
    padding: 25px;
  }
  .block_mon_compte .cart_vip_abonnement .cart_vip span,
  .block_mon_compte .cart_vip_abonnement .txt_abonnement span {
    font-size: 21px;
  }
  .block_mon_compte .cart_vip_abonnement .txt_abonnement span:last-of-type,
  .block_mon_compte .cart_vip_abonnement .cart_vip span:last-of-type {
    font-size: 36px;
  }
  .block_mon_compte .cart_vip_abonnement {
    width: 350px;
  }
  /*-- .espace_soin_body */
  .espace_soin_body  {
    width: calc(100% - 100px);
  }
}

/* ==========================================================================
   TABLET/SMALL DESKTOP (992px - 1199px)
   ========================================================================== */
@media screen and (max-width: 1199px) and (min-width: 992px) {
  header .espace_body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .nav_style>li:not(:last-of-type) {
    margin-right: 15px;
  }
  .slider_home .box_banner {
    width: 80%;
  }
  .block_solution .icon_solution {
    width: 200px;
  }
  .focus_marque .block_marque {
    padding: 100px 60px;
  }
  .focus_marque h4 {
    font-size: 30px;
  }
  .block_solution .parag_style p {
    font-size: 21px;
  }
  .block_caracteristique {
    grid-template-columns: repeat(2, 1fr);
  }
  .footer h2,
  .block_applications h3 {
    font-size: 21px;
  }
  .footer .info_footer a, .footer .info_footer a:hover, .footer .info_footer a:focus, .footer .info_footer a:active, .footer .info_footer span {
    font-size: 18px;
  }
  .espace_body_all {
    padding-left: 60px;
    padding-right: 60px;
  }
  .espace_body_left {
    padding-left: 60px;
  }
  .header .col_header:first-of-type {
    width: 33.33333333%;
  }
  .header .col_header:last-of-type {
    width: 66.66666667%;
  }
  .navigation_style .col_nav:first-of-type {
    width: 58.33333333%;
  }
  .navigation_style .col_nav:last-of-type {
    width: 41.66666667%;
  }
  .choix_header .btn_style>i {
    padding-right: 0;
  }
  #nos-coups-filters .owl-filter-bar a, 
  #nos-coups-filters .owl-filter-bar a:hover, 
  #nos-coups-filters .owl-filter-bar a:focus, 
  #nos-coups-filters .owl-filter-bar a:active {
    font-size: 15px;
  }
  .choix_header li:not(:first-of-type)>a {
    padding: 0;
    height: 40px;
    width: 40px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
  }
  .slider_home h4 {
    font-size: 31px;
  }
  .tag_cat,
  .slider_home .tag_banner {
    font-size: 18px;
  }
  .title {
    font-size: 36px;
  }
  .texte, .texte p {font-size: 16px;}

  .why_vivencia h4,
  .block_institut h2,
  .block_peau .box_peau h3,
  .block_institut .box_autres_institut h3,
  .explorez_cat .content_explorer h4 {
    font-size: 21px;
  }
  .nos_coups {
    padding: 60px 0;
  }
  .block_institut .box_autres_institut {
    height: 200px;
  }
  .block_peau .owl-carousel {
    padding-top: 60px;
  }
  .block_institut .sound_video {
    margin-bottom: 0px;
  }
  /* Pages spécifiques */
  .content_institut {
    column-gap: 30px;
  }
  .content_institut .parag_style {
    padding-top: 40px;
  }
  .block_palier .list_palier {
    gap: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
  .block_valeurs .list_valeurs {
    gap: 15px;
  }
  .block_mission_target {
    grid-gap: 15px;
  }
  .block_mission_target h2 {
    font-size: 36px;
  }
  .content_artizone {
    grid-template-columns: 1fr;
  }
  .content_artizone .parag_style p {
    font-size: 20px;
  }
  .liste_soins_institut {
    gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  .liste_soins_institut .block_link {
    display: grid;
    gap: 15px;
  }
  .liste_soins_institut .style_box .block_link a {
    width: 100%;
    text-align: center;
  }
  .style_box .img_style_box {
    height: 380px;
  }
  .block_soin_detail .image_soin_detail {
    height: 550px;
  }
  .block_soin_detail .box_image_soin_detail {
    padding: 40px;
  }
  .list_products_cat {
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
  .content_bon_plan {
    gap: 20px;
  }
  .content_idee_cdx .content_bon_plan {
    grid-template-columns: repeat(2, 1fr);
  }
  .liste_peau_complet {
    grid-template-columns: repeat(2, 1fr);
  }
  .cart_vip_abonnement {
    width: 320px;
    padding: 35px;
  }
  .cart_vip_abonnement .cart_vip span {
    font-size: 20px;
  }
  .cart_vip_abonnement .cart_vip span:last-of-type {
    font-size: 36px;
  }
  .cart_vip_abonnement .txt_abonnement span {
    font-size: 20px;
  }
  .cart_vip_abonnement .txt_abonnement span:last-of-type {
    font-size: 26px;
  }
  /*-- product */
  .tri_element .list_grid, .list_products .list_grid {
    display: none;
  }
  .list_products .prducts_blocks.squares_nine {
    grid-template-columns: repeat(1, 1fr);
  }
  /*-- nos marque */
  .list_prd_filter .prd_cols.squares_nine {
    grid-template-columns: repeat(2, 1fr);
  }
  /*-- peau consult */
  #productsContainer,
  .liste_peau_complet {
    grid-template-columns: repeat(2, 1fr);
  }
  /*-- institut */
  .content_institut,
  .content_soins .list_soins .box_soins {
    grid-template-columns: repeat(1, 1fr);
  }
  .content_soins .list_soins .box_soins {
    gap: 20px;
  }
  /*-- page vip */
  .page-template-vivencia-cart-vip .banner_page h1 {
    font-size: 28px;
  }
  .page-template-vivencia-cart-vip .li_style_green li {
      flex-wrap: wrap;
  }
  .content_carte_vip .parag_style p, .content_carte_vip .parag_style span {
    font-size: 28px;
  }
  /*-- block_prd_details  */
  .block_prd_details.espace_body {
    padding-left: 60px;
    padding-right: 60px;
  }
  .info_prod_interne .btn_discover_link {
    gap: 10px;
    align-items: flex-start;
    flex-direction: column;
  }
  /*-- mon compte */
  /* Navigation */
  .block_mon_compte .navigation_compte {
      border-right: none;
      border-bottom: 1px solid #D0D5DD;
      padding-bottom: 20px;
      margin-bottom: 30px;
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
  }
  .block_mon_compte .navigation_compte a {
      font-size: 14px;
      padding: 10px 20px;
      background: #f5f5f5;
      border-radius: 25px;
  }
  .block_mon_compte .navigation_compte a:not(:last-of-type) {
      margin-bottom: 0;
  }
  .block_mon_compte .navigation_compte a.active {
      background: var(--salem);
      color: white;
  }
  .block_mon_compte .dashboard_compte {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .block_mon_compte .dashboard_compte.espace_body {
    padding-left: 45px;
    padding-right: 45px;
  }
  .block_mon_compte .box_profil h2 {
    font-size: 26px;
  }
  .block_mon_compte .content_navigation .apercu_user {
    grid-template-columns: 7fr 5fr;
  }
  .block_mon_compte .cart_vip_abonnement {
    padding: 25px;
  }
  .block_mon_compte .cart_vip_abonnement .cart_vip span,
  .block_mon_compte .cart_vip_abonnement .txt_abonnement span {
    font-size: 21px;
  }
  .block_mon_compte .cart_vip_abonnement .txt_abonnement span:last-of-type,
  .block_mon_compte .cart_vip_abonnement .cart_vip span:last-of-type {
    font-size: 36px;
  }
  .block_mon_compte .cart_vip_abonnement {
    width: 350px;
  }
  /*-- liste_boutiques  */
  .liste_boutiques .box_store {
    gap: 20px;
    grid-template-columns: 1fr;
  }
  .list_image_stores .box_image_store {
    height: 200px;
  }
  /*-- .espace_soin_body */
  .espace_soin_body  {
    width: calc(100% - 100px);
  }
  /*-- validate soins */
  .block_validate_rdv_soins {
    grid-template-columns: 1fr;
  }
  /*-- card cdx */
  .choix_cdx .list_cdx_choix {
    grid-template-columns: 1fr;
  }
  /*-- card cdx detais */
  .single-product-carte .list_cdx_choix {
    width: 100%;
  }
}

/* ==========================================================================
   MOBILE NAVIGATION (Max 1199px)
   ========================================================================== */
@media screen and (max-width: 1199px) {
  .btn_nav i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    transition: opacity 0.25s ease, transform 0.25s ease;
  }

  /* Icône X cachée par défaut */
  .btn_nav i.ph-x {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.6) rotate(-45deg);
  }

  /* Quand active → ph-list disparaît */
  .btn_nav.active i.ph-list {
      opacity: 0;
      transform: translate(-50%, -50%) scale(0.6) rotate(45deg);
  }

  /* Quand active → ph-x apparaît */
  .btn_nav.active i.ph-x {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
  .navigation_mobile {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    height: 100dvh;
    background: rgba(37,37,36,0.95);
    backdrop-filter: blur(12px);
    transform: translateX(-100%);
    transition: transform 0.35s ease;
    z-index: 10;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .navigation_mobile.active {
      transform: translateX(0);
  }
  .navigation_mobile .scroll_nav {
    display: block;
    width: 100%;
    padding: 40px 60px;
    padding-bottom: 150px;
    overflow-y: auto;
    flex: 1;
    -webkit-overflow-scrolling: touch;
  }
  .navigation_mobile ul {
    text-align: center;
  }
  .navigation_mobile ul a {
    color: white;
    padding: 10px 0;
    display: block;
  }
  /* Sub-menu accordion mobile */
  .navigation_mobile .menu-item-has-children {
    position: relative;
  }
  .navigation_mobile .menu-item-has-children > a {
    display: inline-block;
    width: calc(100% - 50px);
  }
  .navigation_mobile .sub-menu-toggle {
    right: 0;
    top: 10px;
    color: white;
    cursor: pointer;
    position: absolute;
    transition: all 0.3s ease;
  }
  .navigation_mobile .sub-menu-toggle:hover {
    background: rgba(255,255,255,0.2);
  }
  .navigation_mobile .sub-menu-toggle i {
    transition: transform 0.3s ease;
  }
  .navigation_mobile .sub-menu-toggle.active i {
    transform: rotate(180deg);
  }
  .navigation_mobile .sub-menu {
    display: none;
    margin-top: 10px;
  }
  #nos-coups-filters .nos-coups-dropdown {
    margin: 35px 0;
  }
  #nos-coups-filters .nos-coups-dropdown,
  .navigation_mobile .sub-menu.open {
    display: block;
  }
  .navigation_mobile .sub-menu li a {
    padding: 8px 0;
    font-size: 14px;
    opacity: 0.8;
  }
  .navigation_mobile .sub-menu li a:hover {
    opacity: 1;
  }
  .search_input_mobile, .btn_nav {display: block;}
  .search_input,
  .navigation_style,
  .mega-menu-dropdown,
  #nos-coups-filters .owl-filter-bar,
  .choix_header .btn_style span{
    display: none;
  }
  .owl-filter-dropdown { display: block; }
  .espace_body_left {
    padding-right: 60px;
  }
  /* Block Product Filter Mobile */
  .block_product {
    flex-direction: column;
  }
  .block_product .box_filter {
    padding-right: 0;
    padding-bottom: 30px;
  }
  /* Two block responsive */
  .two_block {
    grid-gap: 40px;
  }
  /* Banner page */
  .banner_page {
    min-height: 500px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .banner_page h1 {
    font-size: 36px;
  }
  /* Block newsletter */
  .block_newsletter {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .block_newsletter .content_newsletter {
    width: 90%;
  }
  /* Block Instagram */
  .block_instagram .box_img_ig {
    width: 250px;
    height: 250px;
  }
  /* Block Applications */
  .block_applications {
    flex-wrap: wrap;
    gap: 20px;
  }
  /* Breadcump product */
  .breadcump_product ul {
    padding: 20px 0;
  }
  /* Info prod interne */
  .info_prod_interne h1 {
    font-size: 32px;
  }
  /* View plus */
  .view_plus {
    padding-bottom: 60px;
  }
  .view_plus h3 {
    margin-bottom: 40px;
  }
  /* Blog */
  .list_blog {
    grid-template-columns: repeat(2, 1fr);
  }
  .list_blog.first-page .box_blog:first-of-type .img_blog {
    height: 400px;
  }
  /* Block detail blog */
  .block_detail_blog {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .block_detail_blog .image_blog_detail {
    margin: 40px 15px 60px;
  }
}

/* ==========================================================================
   TABLET (929px - 991px)
   ========================================================================== */
@media screen and (max-width: 991px) and (min-width: 929px) {
  header .espace_body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .nav_style>li:not(:last-of-type) {
    margin-right: 15px;
  }
  .slider_home .box_banner {
    width: 80%;
  }
  .block_solution .icon_solution {
    width: 200px;
  }
  .focus_marque .block_marque {
    padding: 60px;
  }
  .focus_marque h4 {
    font-size: 30px;
  }
  .block_solution .parag_style p {
    font-size: 21px;
  }
  .block_caracteristique {
    grid-template-columns: repeat(2, 1fr);
  }
  .footer h2,
  .block_applications h3 {
    font-size: 21px;
  }
  .footer .info_footer a, .footer .info_footer a:hover, .footer .info_footer a:focus, .footer .info_footer a:active, .footer .info_footer span {
    font-size: 18px;
  }
  .espace_body_all {
    padding-left: 60px;
    padding-right: 60px;
  }
  .espace_body_left {
    padding-left: 60px;
  }
  .choix_header .btn_style>i {
    padding-right: 0;
  }
  #nos-coups-filters .owl-filter-bar a, 
  #nos-coups-filters .owl-filter-bar a:hover, 
  #nos-coups-filters .owl-filter-bar a:focus, 
  #nos-coups-filters .owl-filter-bar a:active {
    font-size: 15px;
  }
  .choix_header li:not(:first-of-type)>a {
    padding: 0;
    height: 40px;
    width: 40px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
  }
  .slider_home h4 {
    font-size: 31px;
  }
  .tag_cat,
  .slider_home .tag_banner {
    font-size: 18px;
  }
  .title {
    font-size: 36px;
  }
  .texte, .texte p {font-size: 16px;}

  .why_vivencia h4,
  .block_institut h2,
  .block_peau .box_peau h3,
  .block_institut .box_autres_institut h3,
  .explorez_cat .content_explorer h4 {
    font-size: 21px;
  }
  .nos_coups {
    padding: 60px 0;
  }
  .block_institut .box_autres_institut {
    height: 200px;
  }
  .block_peau .owl-carousel {
    padding-top: 60px;
  }
  .block_institut .sound_video {
    margin-bottom: 0px;
  }
  .block_solution {
    grid-template-columns: repeat(1, 1fr);
  }
  .block_solution .img_solution {
    width: 500px;
    margin-bottom: 45px;
  }
  .why_vivencia .block_distingue {
    grid-template-columns: repeat(2, 1fr);
  }
  .block_peau .box_peau {
    height: 300px;
  }
  /* Pages spécifiques */
  .content_institut {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
  .content_soins .list_soins .box_soins {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
  .block_palier .list_palier {
    grid-template-columns: repeat(2, 1fr);
  }
  .block_valeurs .list_valeurs {
    grid-template-columns: repeat(2, 1fr);
  }
  .block_mission_target {
    grid-template-columns: repeat(2, 1fr);
  }
  .block_mission_target h2 {
    font-size: 32px;
  }
  .liste_soins_institut {
    grid-template-columns: repeat(2, 1fr);
  }
  .liste_soins_institut .block_link {
    display: grid;
    gap: 15px;
  }
  .liste_soins_institut .style_box .block_link a {
      width: 100%;
      text-align: center;
  }
  .block_soin_detail {
    grid-template-columns: 1fr;
  }
  .block_soin_detail .image_soin_detail {
    height: 450px;
  }
  .list_products_cat {
    grid-template-columns: repeat(2, 1fr);
  }
  .content_bon_plan {
    grid-template-columns: 1fr;
  }
  .content_idee_cdx .content_bon_plan {
    grid-template-columns: repeat(2, 1fr);
  }
  .carte_cadeau_vivencia .liste_idees_cdx {
    grid-template-columns: 1fr;
  }
  .liste_peau_complet {
    grid-template-columns: repeat(2, 1fr);
  }
  .recommandations_perso {
    grid-template-columns: 1fr;
  }
  .vous_etes_artizone .form_artizone_style {
    flex-direction: column;
  }
  .vous_etes_artizone .form_artizone {
    width: 100%;
    padding: 50px;
  }
  .vous_etes_artizone .form_artizone h4 {
    font-size: 40px;
  }
  /*-- artizone */
  .content_artizone {
    grid-template-columns: repeat(1, 1fr);
  }
  .form_artizone_style .image_form_artizone {
    justify-content: center;
  }
  /*-- product */
  .tri_element .list_grid, .list_products .list_grid {
    display: none;
  }
  #productsContainer,
  .list_products .prducts_blocks.squares_nine {
    grid-template-columns: repeat(2, 1fr);
  }
  /*-- nos marque */
  .list_prd_filter .prd_cols.squares_nine {
    grid-template-columns: repeat(2, 1fr);
  }
  .list_prd_filter .choix_filter_selects {
    flex-direction: column;
    align-items: end;
    gap: 20px;
  }
  /*-- page vip */
  .page-template-vivencia-cart-vip .banner_page h1 {
    font-size: 28px;
  }
  .page-template-vivencia-cart-vip .li_style_green li {
      flex-wrap: wrap;
  }
  .content_carte_vip .parag_style p, .content_carte_vip .parag_style span {
    font-size: 28px;
  }
  .page-template-vivencia-cart-vip .flex_between {
    flex-direction: column;
    align-items: start;
    gap: 20px;
  }
  /*-- mon compte */
  /* Navigation */
  .block_mon_compte .navigation_compte {
      border-right: none;
      border-bottom: 1px solid #D0D5DD;
      padding-bottom: 20px;
      margin-bottom: 30px;
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
  }
  .block_mon_compte .navigation_compte a {
      font-size: 14px;
      padding: 10px 20px;
      background: #f5f5f5;
      border-radius: 25px;
  }
  .block_mon_compte .navigation_compte a:not(:last-of-type) {
      margin-bottom: 0;
  }
  .block_mon_compte .navigation_compte a.active {
      background: var(--salem);
      color: white;
  }
  .block_mon_compte .dashboard_compte {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .block_mon_compte .dashboard_compte.espace_body {
    padding-left: 45px;
    padding-right: 45px;
  }
  .block_mon_compte .box_profil h2 {
    font-size: 26px;
  }
  .block_mon_compte .content_navigation .apercu_user {
    grid-template-columns: 7fr 5fr;
  }
  .block_mon_compte .cart_vip_abonnement {
    padding: 25px;
  }
  .block_mon_compte .cart_vip_abonnement .cart_vip span,
  .block_mon_compte .cart_vip_abonnement .txt_abonnement span {
    font-size: 21px;
  }
  .block_mon_compte .cart_vip_abonnement .txt_abonnement span:last-of-type,
  .block_mon_compte .cart_vip_abonnement .cart_vip span:last-of-type {
    font-size: 36px;
  }
  .block_mon_compte .cart_vip_abonnement {
    width: 350px;
  }
  /*-- liste_boutiques  */
  .liste_boutiques .box_store {
    gap: 20px;
    grid-template-columns: 1fr;
  }
  .list_image_stores .box_image_store {
    margin-top: 35px;
  }
  /*-- .espace_soin_body */
  .espace_soin_body  {
    width: calc(100% - 100px);
  }
  /*-- validate soins */
  .block_validate_rdv_soins {
    grid-template-columns: 1fr;
  }
  /*-- card cdx */
  .choix_cdx .list_cdx_choix {
    grid-template-columns: 1fr;
  }
  /*-- card cdx detais */
  .single-product-carte .list_cdx_choix {
    width: 100%;
  }
}

/* ==========================================================================
   TABLET (768px - 928px)
   ========================================================================== */
@media screen and (max-width: 928px) and (min-width: 768px) {
  header .espace_body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .nav_style>li:not(:last-of-type) {
    margin-right: 15px;
  }
  .slider_home .box_banner {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .block_solution .icon_solution {
    width: 200px;
  }
  .focus_marque .block_marque {
    padding: 60px;
  }
  .focus_marque h4 {
    font-size: 30px;
  }
  .block_solution .parag_style p {
    font-size: 21px;
  }
  .block_caracteristique {
    grid-template-columns: repeat(2, 1fr);
  }
  .footer h2,
  .block_applications h3 {
    font-size: 21px;
  }
  .footer .info_footer a, .footer .info_footer a:hover, .footer .info_footer a:focus, .footer .info_footer a:active, .footer .info_footer span {
    font-size: 18px;
  }
  .espace_body_all {
    padding-left: 60px;
    padding-right: 60px;
  }
  .espace_body_left {
    padding-left: 60px;
  }
  .choix_header .btn_style>i {
    padding-right: 0;
  }
  #nos-coups-filters .owl-filter-bar a, 
  #nos-coups-filters .owl-filter-bar a:hover, 
  #nos-coups-filters .owl-filter-bar a:focus, 
  #nos-coups-filters .owl-filter-bar a:active {
    font-size: 15px;
  }
  .choix_header li:not(:first-of-type)>a {
    padding: 0;
    height: 40px;
    width: 40px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
  }
  .slider_home h4 {
    font-size: 31px;
  }
  .tag_cat,
  .slider_home .tag_banner {
    font-size: 18px;
  }
  .title {
    font-size: 28px;
  }
  .texte, .texte p {font-size: 16px;}

  .why_vivencia h4,
  .block_institut h2,
  .block_peau .box_peau h3,
  .block_institut .box_autres_institut h3,
  .explorez_cat .content_explorer h4 {
    font-size: 21px;
  }
  .nos_coups {
    padding: 60px 0;
  }
  .block_institut .box_autres_institut {
    height: 200px;
  }
  .block_peau .owl-carousel {
    padding-top: 60px;
  }
  .block_institut .sound_video {
    margin-bottom: 0px;
  }
  .block_solution {
    grid-template-columns: repeat(1, 1fr);
  }
  .block_solution .img_solution {
    width: 500px;
    margin-bottom: 45px;
  }
  .why_vivencia .block_distingue {
    grid-template-columns: repeat(2, 1fr);
  }
  .block_peau .box_peau {
    height: 300px;
  }
  .focus_marque .content_marque {
    width: 100%;
  }
  /* Pages spécifiques */
  .content_institut {
    padding-top: 45px;
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
  .content_soins .list_soins .box_soins {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
  .content_soins .title_soins {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .block_palier .list_palier {
    grid-template-columns: repeat(1, 1fr);
  }
  .block_valeurs .list_valeurs {
    grid-template-columns: repeat(1, 1fr);
  }
  .block_mission_target {
    grid-template-columns: repeat(2, 1fr);
  }
  .block_mission_target h2 {
    font-size: 28px;
  }
  .liste_soins_institut {
    grid-template-columns: repeat(1, 1fr);
  }
  .block_soin_detail {
    grid-template-columns: 1fr;
  }
  .block_soin_detail .image_soin_detail {
    height: 400px;
  }
  .block_soin_detail .box_image_soin_detail {
    padding: 30px;
  }
  .list_products_cat {
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
  .content_bon_plan {
    grid-template-columns: 1fr;
  }
  .content_idee_cdx .content_bon_plan {
    grid-template-columns: repeat(2, 1fr);
  }
  .carte_cadeau_vivencia .liste_idees_cdx {
    grid-template-columns: 1fr;
  }
  .liste_peau_complet {
    grid-template-columns: repeat(2, 1fr);
  }
  .recommandations_perso {
    grid-template-columns: 1fr;
  }
  .vous_etes_artizone .form_artizone_style {
    flex-direction: column;
  }
  .vous_etes_artizone .form_artizone {
    width: 100%;
    padding: 40px;
  }
  .vous_etes_artizone .form_artizone h4 {
    font-size: 36px;
  }
  .vous_etes_artizone .form_artizone .two_block {
    grid-template-columns: 1fr;
  }
  /* Two block */
  .two_block {
    grid-template-columns: 1fr;
    grid-gap: 40px;
  }
  /* Banner page */
  .banner_page {
    min-height: 400px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .banner_page h1 {
    font-size: 32px;
  }
  .page-template-vivencia-artizone .banner_page h1 {
    text-align: center;
  }
  /* Block prd details */
  .block_prd_details {
    flex-direction: column;
  }
  /* Block privilege */
  .block_privilege {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  /* Block avantage */
  .block_avantage .list_avantages .box_avantage {
    width: 100%;
    max-width: 350px;
  }
  .block_avantage .list_avantages .box_avantage .parag_style p {
    font-size: 20px;
  }
  /* Content carte VIP */
  .content_carte_vip .parag_style p,
  .content_carte_vip .parag_style span {
    font-size: 36px;
  }
  /* Block note */
  .block_note .parag_style p {
    font-size: 20px;
  }
  /* List products filter */
  .list_elements.squares_nine,
  .list_products .prducts_blocks.squares_nine,
  .list_prd_filter .prd_cols.squares_nine {
    grid-template-columns: repeat(2, 1fr);
  }
  /* Blog */
  .list_blog {
    grid-template-columns: repeat(2, 1fr);
  }
  .list_blog .img_blog {
    height: 280px;
  }
  /* Block lire aussi */
  .block_lire_aussi {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  /*-- artizone */
  #productsContainer,
  .content_artizone {
    grid-template-columns: repeat(1, 1fr);
  }
  .form_artizone_style .image_form_artizone {
    justify-content: center;
  }
  /*-- product */
  .tri_element .list_grid, .list_products .list_grid {
    display: none;
  }
  .list_products .prducts_blocks.squares_nine {
    grid-template-columns: repeat(1, 1fr);
  }
  /*-- nos marque */
  .list_prd_filter .prd_cols.squares_nine {
    grid-template-columns: repeat(1, 1fr);
  }
  .list_prd_filter .choix_filter_selects {
    flex-direction: column;
    align-items: end;
    gap: 20px;
  }
  /*-- peau consult */
  .liste_peau_complet .box_peau_complet {
    height: 300px;
  }
  .block_valeurs.choisir_peau_consult .parag_style p {
    font-size: 21px;
  }
  /*-- idées cadeaux */
  .li_style_green li {
    flex-direction: column;
    align-items: baseline;
  }
  .block_privilege .parag_style p,
  .block_privilege .parag_style h3,
  .carte_cadeau_vivencia .content_cat_cdx .parag_style p {
    font-size: 26px;
  }
  /*-- page vip */
  .page-template-vivencia-cart-vip .banner_page h1 {
    font-size: 28px;
  }
  .page-template-vivencia-cart-vip .li_style_green li {
      flex-wrap: wrap;
  }
  .content_carte_vip .parag_style p, .content_carte_vip .parag_style span {
    font-size: 28px;
  }
  .page-template-vivencia-cart-vip .flex_between {
    flex-direction: column;
    align-items: start;
    gap: 20px;
  }
  .cart_vip_abonnement .txt_abonnement span:last-of-type {
    font-size: 21px;
  }
  .cart_vip_abonnement .cart_vip span,
  .cart_vip_abonnement .txt_abonnement span {
    font-size: 18px;
  }
  .cart_vip_abonnement .cart_vip span:last-of-type {
    font-size: 32px;
  }
  .cart_vip_abonnement {
    width: 350px;
  }
  /*-- mon compte */
  /* Navigation */
  .block_mon_compte .navigation_compte {
      border-right: none;
      border-bottom: 1px solid #D0D5DD;
      padding-bottom: 20px;
      margin-bottom: 30px;
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
  }
  .block_mon_compte .navigation_compte a {
      font-size: 14px;
      padding: 10px 20px;
      background: #f5f5f5;
      border-radius: 25px;
  }
  .block_mon_compte .navigation_compte a:not(:last-of-type) {
      margin-bottom: 0;
  }
  .block_mon_compte .navigation_compte a.active {
      background: var(--salem);
      color: white;
  }
  .block_mon_compte .dashboard_compte {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .block_mon_compte .dashboard_compte.espace_body {
    padding-left: 45px;
    padding-right: 45px;
  }
  .block_mon_compte .box_profil h2 {
    font-size: 26px;
  }
  .block_mon_compte .content_navigation .apercu_user {
    grid-template-columns: 1fr;
  }
  .block_mon_compte .cart_vip_abonnement {
    padding: 25px;
  }
  .block_mon_compte .cart_vip_abonnement .cart_vip span,
  .block_mon_compte .cart_vip_abonnement .txt_abonnement span {
    font-size: 21px;
  }
  .block_mon_compte .cart_vip_abonnement .txt_abonnement span:last-of-type,
  .block_mon_compte .cart_vip_abonnement .cart_vip span:last-of-type {
    font-size: 36px;
  }
  .block_mon_compte .cart_vip_abonnement {
    width: 100%;
  }
  .breadcrumb-nav.espace_body,
  .welcome_page.espace_body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .welcome_page .info_welcome_user h1 {
    font-size: 36px;
  }
  /*-- liste_boutiques  */
  .liste_boutiques .box_store {
    gap: 20px;
    grid-template-columns: 1fr;
  }
  .list_image_stores .box_image_store {
    margin-top: 35px;
  }
  /*-- .espace_soin_body */
  .espace_soin_body  {
    width: calc(100% - 100px);
  }
  /*-- validate soins */
  .block_validate_rdv_soins {
    grid-template-columns: 1fr;
  }
  /*-- card cdx */
  .choix_cdx .list_cdx_choix {
    grid-template-columns: 1fr;
  }
  /*-- card cdx detais */
  .single-product-carte .list_cdx_choix {
    width: 100%;
  }
  .single-product-carte .choix_cdx.espace_bodyall {
    padding-left: 25px;
    padding-right: 25px;
  }
}

/* ==========================================================================
   LARGE MOBILE (600px - 767px)
   ========================================================================== */
@media screen and (max-width: 767px) and (min-width: 600px) {
  header .espace_body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .nav_style>li:not(:last-of-type) {
    margin-right: 15px;
  }
  .slider_home .box_banner {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .block_solution .icon_solution {
    width: 200px;
  }
  .focus_marque .block_marque {
    padding: 20px;
  }
  .focus_marque h4 {
    font-size: 21px;
  }
  .block_solution .parag_style p {
    font-size: 21px;
  }
  .block_caracteristique {
    grid-template-columns: repeat(1, 1fr);
  }
  .footer h2,
  .block_applications h3 {
    font-size: 18px;
  }
  .footer .info_footer a, .footer .info_footer a:hover, .footer .info_footer a:focus, .footer .info_footer a:active, .footer .info_footer span {
    font-size: 18px;
  }
  .espace_body_all {
    padding-left: 30px;
    padding-right: 30px;
  }
  .espace_body_left {
    padding-left: 30px;
  }
  .block_instagram .nav_style {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .choix_header .btn_style>i {
    padding-right: 0;
  }
  #nos-coups-filters .owl-filter-bar a, 
  #nos-coups-filters .owl-filter-bar a:hover, 
  #nos-coups-filters .owl-filter-bar a:focus, 
  #nos-coups-filters .owl-filter-bar a:active {
    font-size: 15px;
  }
  .choix_header li>a {
    padding: 0;
    height: 40px;
    width: 40px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
  }
  .slider_home h4 {
    font-size: 31px;
  }
  .tag_cat,
  .slider_home .tag_banner {
    font-size: 18px;
  }
  .title {
    font-size: 24px;
  }
  .texte, .texte p {font-size: 16px;}

  .why_vivencia h4,
  .block_institut h2,
  .block_peau .box_peau h3,
  .explorez_cat .content_explorer h4 {
    font-size: 21px;
  }
  .nos_coups {
    padding: 60px 0;
  }
  .block_institut .content_instituts {
    width: 100%;
  }
  .block_institut .box_autres_institut {
    height: 150px;
  }
  .block_institut .box_autres_institut h3 {
    font-size: 16px;
    text-align: center;
  }
  .block_institut .autres_institut {
    margin-top: 60px;
  }
  .block_peau .owl-carousel {
    padding-top: 60px;
  }
  .block_institut .sound_video {
    margin-bottom: 0px;
  }
  .block_solution {
    grid-template-columns: repeat(1, 1fr);
  }
  .block_solution .img_solution {
    width: 500px;
    margin-bottom: 45px;
  }
  .why_vivencia .block_distingue {
    grid-template-columns: repeat(2, 1fr);
  }
  .block_peau .box_peau {
    height: 300px;
  }
  .focus_marque .content_marque {
    width: 100%;
  }
  .block_newsletter form input.wpcf7-email {
    width: 60%;
  }
  .header .choix_header>li:not(:nth-last-child(-n+2)) {
    display: none;
  }
  .header .choix_header>li:nth-child(2) {
    display: block;
  }
  .navigation_mobile .choix_header {display: block;padding: 25px;}
  .navigation_mobile .choix_header>li:first-of-type span {display: none;}
  .remise_block {
    flex-direction: column;
  }
  /* Pages spécifiques */
  .content_institut {
    padding-top: 45px;
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
  .content_soins .list_soins .box_soins {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
  .content_soins .title_soins {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .block_palier .list_palier {
    grid-template-columns: 1fr;
  }
  .block_valeurs .list_valeurs {
    grid-template-columns: 1fr;
  }
  .block_valeurs h3 {
    font-size: 26px;
  }
  .block_mission_target {
    grid-template-columns: 1fr;
  }
  .block_mission_target h2 {
    font-size: 32px;
  }
  .liste_soins_institut {
    grid-template-columns: 1fr;
  }
  .style_box .img_style_box {
    height: 350px;
  }
  .block_soin_detail {
    grid-template-columns: 1fr;
  }
  .block_soin_detail .content_soin_detail h1 {
    font-size: 32px;
  }
  .block_soin_detail .content_soin_detail .parag_style>* {
    font-size: 20px;
  }
  .list_products_cat {
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
  .content_bon_plan {
    grid-template-columns: 1fr;
  }
  .content_idee_cdx .content_bon_plan {
    grid-template-columns: 1fr;
  }
  .carte_cadeau_vivencia .liste_idees_cdx {
    grid-template-columns: 1fr;
  }
  .liste_peau_complet {
    grid-template-columns: 1fr;
  }
  .liste_peau_complet .box_peau_complet {
    height: 300px;
  }
  .recommandations_perso {
    grid-template-columns: 1fr;
  }
  .vous_etes_artizone .form_artizone_style {
    flex-direction: column;
  }
  .vous_etes_artizone .form_artizone {
    width: 100%;
    padding: 30px;
  }
  .vous_etes_artizone .form_artizone h4 {
    font-size: 30px;
  }
  .vous_etes_artizone .form_artizone .two_block {
    grid-template-columns: 1fr;
  }
  /* Two block */
  .two_block {
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
  /* Banner page */
  .banner_page {
    min-height: 350px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .banner_page h1 {
    font-size: 28px;
  }
  .page-template-vivencia-artizone .banner_page h1 {
    text-align: center;
  }
  .banner_page p {
    font-size: 16px;
  }
  /* Block prd details */
  .block_prd_details .image_prd_default,
  .block_prd_details .image_prd_default>img {
    max-height: 300px;
  }
  /* Info prod interne */
  .info_prod_interne h1 {
    font-size: 28px;
  }
  .info_prod_interne .price_product span {
    font-size: 24px;
  }
  /* Filter prd interne */
  .filter_prd_interne {
    gap: 20px;
  }
  .filter_prd_interne .box_filter_prd:not(:last-of-type) {
    padding-right: 20px;
  }
  /* Navigation tabs */
  .navigation_tabs {
    gap: 40px;
    flex-wrap: wrap;
  }
  /* Cart VIP abonnement */
  .cart_vip_abonnement {
    width: 100%;
    padding: 30px;
  }
  .cart_vip_abonnement .cart_vip span {
    font-size: 18px;
  }
  .cart_vip_abonnement .cart_vip span:last-of-type {
    font-size: 32px;
  }
  .cart_vip_abonnement .txt_abonnement span {
    font-size: 18px;
  }
  .cart_vip_abonnement .txt_abonnement span:last-of-type {
    font-size: 22px;
  }
  /* Block privilege */
  .block_privilege {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .block_privilege .parag_style p {
    font-size: 32px;
  }
  .block_privilege .parag_style h3 {
    font-size: 24px;
  }
  /* Block avantage */
  .block_avantage .list_avantages .box_avantage {
    width: 100%;
    padding: 30px;
  }
  .block_avantage .list_avantages .box_avantage h3>span {
    font-size: 36px;
  }
  .block_avantage .list_avantages .box_avantage .parag_style p {
    font-size: 18px;
  }
  /* Content carte VIP */
  .content_carte_vip .parag_style p,
  .content_carte_vip .parag_style span {
    font-size: 32px;
  }
  /* Block note */
  .block_note .parag_style {
    width: 100%;
  }
  .block_note .parag_style p {
    font-size: 18px;
  }
  /* List products filter */
  .list_elements.squares_nine,
  .list_products .prducts_blocks.squares_nine,
  .list_prd_filter .prd_cols.squares_nine {
    grid-template-columns: repeat(2, 1fr);
  }
  .list_elements.squares_four,
  .list_products .prducts_blocks.squares_four,
  .list_prd_filter .prd_cols.squares_four {
    grid-template-columns: 1fr;
  }
  /* Blog */
  .list_blog {
    grid-template-columns: 1fr;
  }
  .list_blog .img_blog {
    height: 300px;
  }
  .list_blog.first-page .box_blog:first-of-type .img_blog {
    height: 350px;
  }
  /* Block detail blog */
  .block_detail_blog .parag_style h4 {
    font-size: 24px;
  }
  .block_detail_blog .parag_style p {
    font-size: 16px;
  }
  /* Block author */
  .block_author {
    flex-direction: column;
    gap: 20px;
  }
  .block_author .author_info {
    gap: 15px;
  }
  /* Pagination blog */
  .pagination_blog {
    flex-wrap: wrap;
  }
  /* Block lire aussi */
  .block_lire_aussi {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .block_lire_aussi .list_blog {
    margin-top: 40px;
  }
  /*-- artizone */
  .content_artizone {
    grid-template-columns: repeat(1, 1fr);
  }
  .form_artizone_style .image_form_artizone {
    justify-content: center;
  }
  /*-- product */
  .list_products .filter_choices {
    gap: 20px;
    align-items: end;
    flex-direction: column;
  }
  .tri_element .list_grid, .list_products .list_grid {
    display: none;
  }
  .list_products .prducts_blocks.squares_nine {
    grid-template-columns: repeat(1, 1fr);
  }
  .breadcump_page {
    padding-top: 60px;
    padding-bottom: 65px;
  }
  /*-- nos marque */
  .list_prd_filter .prd_cols.squares_nine {
    grid-template-columns: repeat(1, 1fr);
  }
  .list_prd_filter .choix_filter_selects {
    flex-direction: column;
    align-items: end;
    gap: 20px;
  }
  /*-- peau consult */
  .block_valeurs.choisir_peau_consult .parag_style p {
    font-size: 21px;
  }
  /*-- idées cadeaux */
  .li_style_green li {
    flex-direction: column;
    align-items: baseline;
  }
  .block_privilege .parag_style p,
  .block_privilege .parag_style h3,
  .carte_cadeau_vivencia .content_cat_cdx .parag_style p {
    font-size: 26px;
  }
  /*-- page vip */
  .page-template-vivencia-cart-vip .banner_page h1 {
    font-size: 24px;
  }
  .page-template-vivencia-cart-vip .li_style_green li {
      flex-wrap: wrap;
  }
  .content_carte_vip .parag_style p, .content_carte_vip .parag_style span {
    font-size: 28px;
  }
  .page-template-vivencia-cart-vip .flex_between {
    flex-direction: column;
    align-items: start;
    gap: 20px;
  }
  .cart_vip_abonnement .txt_abonnement span:last-of-type {
    font-size: 21px;
  }
  .cart_vip_abonnement .cart_vip span,
  .cart_vip_abonnement .txt_abonnement span {
    font-size: 18px;
  }
  .cart_vip_abonnement .cart_vip span:last-of-type {
    font-size: 32px;
  }
  .cart_vip_abonnement {
    width: 350px;
  }
  /*-- block_prd_details  */
  .block_prd_details.espace_body {
    padding-left: 60px;
    padding-right: 60px;
  }
  .info_prod_interne .btn_discover_link {
    gap: 10px;
    align-items: flex-start;
    flex-direction: column;
  }
  /*-- mon compte */
  /* Navigation */
  .block_mon_compte .navigation_compte {
      border-right: none;
      border-bottom: 1px solid #D0D5DD;
      padding-bottom: 20px;
      margin-bottom: 30px;
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
  }
  .block_mon_compte .navigation_compte a {
      font-size: 14px;
      padding: 10px 20px;
      background: #f5f5f5;
      border-radius: 25px;
  }
  .block_mon_compte .navigation_compte a:not(:last-of-type) {
      margin-bottom: 0;
  }
  .block_mon_compte .navigation_compte a.active {
      background: var(--salem);
      color: white;
  }
  .block_mon_compte .dashboard_compte {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .block_mon_compte .dashboard_compte.espace_body {
    padding-left: 45px;
    padding-right: 45px;
  }
  .block_mon_compte .box_profil h2 {
    font-size: 26px;
  }
  #productsContainer,
  .block_mon_compte .content_navigation .apercu_user {
    grid-template-columns: 1fr;
  }
  .block_mon_compte .cart_vip_abonnement {
    padding: 25px;
  }
  .block_mon_compte .cart_vip_abonnement .cart_vip span,
  .block_mon_compte .cart_vip_abonnement .txt_abonnement span {
    font-size: 21px;
  }
  .block_mon_compte .cart_vip_abonnement .txt_abonnement span:last-of-type,
  .block_mon_compte .cart_vip_abonnement .cart_vip span:last-of-type {
    font-size: 36px;
  }
  .block_mon_compte .cart_vip_abonnement {
    width: 100%;
  }
  .breadcrumb-nav.espace_body,
  .welcome_page.espace_body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .welcome_page .info_welcome_user h1 {
    font-size: 36px;
  }
  /*-- liste_boutiques  */
  .liste_boutiques .box_store {
    gap: 20px;
    grid-template-columns: 1fr;
  }
  .list_image_stores .box_image_store {
    margin-top: 35px;
  }
  /*-- soins_institut */
  .view_plus_soins .block_link a {
    width: 100%;
    text-align: center;
  }
  .view_plus_soins .block_link {
    display: grid;
    gap: 15px;
  }
  /*-- .espace_soin_body */
  .espace_soin_body  {
    width: calc(100% - 100px);
  }
  /*-- validate soins */
  .block_validate_rdv_soins {
    grid-template-columns: 1fr;
  }
  /*-- card cdx */
  .choix_cdx.espace_bodyall {
    padding-left: 25px;
    padding-right: 25px;
  }
  .choix_cdx .list_cdx_choix {
    grid-template-columns: 1fr;
  }
  /*-- card cdx detais */
  .single-product-carte .list_cdx_choix {
    width: 100%;
  }
  .single-product-carte .choix_cdx.espace_bodyall {
    padding-left: 0;
    padding-right: 0;
  }
}

/* ==========================================================================
   MEDIUM MOBILE (456px - 599px)
   ========================================================================== */
@media screen and (max-width: 599px) and (min-width: 456px) {
  /* Header & Navigation */
  header .espace_body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .header {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .header .logo_header img {
    max-width: 140px;
  }
  .choix_header li:not(:last-of-type) {
    margin-right: 10px;
  }
  .choix_header .btn_cart {
    padding: 10px;
    font-size: 18px;
  }
  .choix_header li>a {
    padding: 0;
    height: 38px;
    width: 38px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
  }
  .btn_nav {
    width: 38px;
    height: 38px;
  }

  /* Espacement global */
  .espace_body_all {
    padding-left: 20px;
    padding-right: 20px;
  }
  .espace_body_left {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Typographie */
  .title {
    font-size: 28px;
  }
  .sub_title {
    font-size: 20px;
  }
  .texte, .texte p {
    font-size: 15px;
  }
  .text, .text p {
    font-size: 15px;
  }

  /*-- header */
  .header .choix_header>li:not(:nth-last-child(-n+2)) {display: none;}  
  .header .choix_header>li:nth-child(2) {
    display: block;
  }
  .navigation_mobile .choix_header {
    display: block;
    padding: 25px;
  }
  .choix_header li i {
    padding-right: 0 !important;
  }
  .navigation_mobile.active {
    width: 100%;
  }
  .block_instagram .nav_style {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }  
  .header .col_header {
    width: 50%;
  }
  .custom-logo-link>img {
    height: auto;
  }

  /* Slider Home */
  .slider_home .box_banner {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .slider_home h4 {
    font-size: 26px;
    padding: 20px 0;
  }
  .tag_cat,
  .slider_home .tag_banner {
    font-size: 16px;
    padding: 6px 14px;
  }
  .slider_home .link_banner {
    padding-top: 40px;
  }
  .slider_home .link_banner>a:not(:last-of-type) {
    margin-right: 15px;
  }

  /* Boutons */
  .btn_style,
  .no_hover {
    font-size: 14px;
    padding: 10px 14px;
  }
  .link_style_btn,
  .link_style_btn:hover,
  .link_style_btn:focus,
  .link_style_btn:active {
    font-size: 14px;
  }

  /* Explorez catégories */
  .explorez_cat {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .explorez_cat .owl-carousel {
    margin-top: 40px;
  }
  .explorez_cat .content_explorer {
    height: 450px;
    padding: 25px;
  }
  .explorez_cat .content_explorer h4 {
    font-size: 20px;
  }

  /* Nos coups de coeur */
  .nos_coups {
    padding: 50px 0;
  }
  #nos-coups-filters .owl-filter-bar {
    padding: 20px;
    margin-top: 40px;
    margin-bottom: 25px;
    flex-wrap: wrap;
    gap: 12px;
  }
  #nos-coups-filters .owl-filter-bar a,
  #nos-coups-filters .owl-filter-bar a:hover,
  #nos-coups-filters .owl-filter-bar a:focus,
  #nos-coups-filters .owl-filter-bar a:active {
    font-size: 13px;
  }

  /* Produits */
  .prd_style .img_prd {
    height: 350px;
  }
  .prd_style h4 {
    font-size: 20px;
    margin-bottom: 18px;
  }
  .prd_style .espace_bottom {
    padding: 20px;
  }
  .prd_style .the_price_prd {
    font-size: 18px;
  }

  /* Block Solution */
  .block_solution {
    grid-template-columns: repeat(1, 1fr);
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .block_solution .img_solution {
    width: 100%;
    margin-bottom: 35px;
  }
  .block_solution .icon_solution {
    width: 150px;
    right: 20px;
  }
  .block_solution .parag_style p {
    font-size: 20px;
  }
  .block_solution .parag_style {
    margin-top: 25px;
    margin-bottom: 40px;
  }

  /* Why Vivencia */
  .why_vivencia {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .why_vivencia .block_distingue {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
    margin-top: 40px;
  }
  .why_vivencia h4 {
    font-size: 20px;
    margin: 25px 0;
  }
  .icon_distingue {
    width: 55px;
    height: 55px;
    padding: 10px;
  }

  /* Block Institut */
  .block_institut {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .block_institut .content_instituts {
    width: 100%;
  }
  .block_institut h2 {
    font-size: 26px;
    margin-top: 25px;
    margin-bottom: 18px;
  }
  .block_institut .sound_video {
    margin-bottom: 0px;
  }
  .block_institut .autres_institut {
    margin-top: 50px;
  }
  .block_institut .box_autres_institut {
    height: 170px;
  }
  .block_institut .box_autres_institut h3 {
    font-size: 20px;
  }

  /* Block Peau */
  .block_peau .box_peau {
    height: 250px;
  }
  .block_peau .box_peau h3 {
    font-size: 20px;
  }
  .block_peau .owl-carousel {
    padding-top: 40px;
  }

  /* Block Caractéristique */
  .block_caracteristique {
    grid-template-columns: repeat(1, 1fr);
  }

  /* Focus Marque */
  .focus_marque .block_marque {
    padding: 40px;
  }
  .focus_marque h4 {
    font-size: 26px;
  }
  .focus_marque .content_marque {
    width: 100%;
  }

  /* Footer */
  .footer {
    grid-template-columns: repeat(1, 1fr);
    gap: 35px;
  }
  .footer h2,
  .block_applications h3 {
    font-size: 20px;
  }
  .footer .info_footer a,
  .footer .info_footer a:hover,
  .footer .info_footer a:focus,
  .footer .info_footer a:active,
  .footer .info_footer span {
    font-size: 16px;
  }

  /* Remise Block */
  .remise_block {
    padding: 8px 20px;
    flex-direction: column;
    gap: 6px;
  }
  .remise_block span {
    font-size: 13px;
    padding-right: 0;
  }
  .remise_block a,
  .remise_block a>span {
    font-size: 14px;
  }

  /* Navigation Mobile */
  .navigation_mobile .scroll_nav {
    padding: 40px 20px;
  }
  .navigation_mobile ul a {
    font-size: 18px;
    padding: 10px 0;
  }

  /* Carousel */
  .link_carousel {
    flex-direction: column;
    gap: 25px;
    margin-top: 40px;
  }
  .link_carousel .custom-pagination {
    font-size: 16px;
  }
  .owl_nav_style {
    gap: 25px;
  }

  /* Cart VIP */
  .block_cart_vip {
    padding: 20px;
  }
  .block_cart_vip h2 {
    font-size: 14px;
    margin-left: 12px;
  }
  .cart_vip {
    padding: 7px 14px;
  }
  .cart_vip span {
    font-size: 11px;
  }
  .cart_vip span:last-of-type {
    font-size: 16px;
  }

  /* Pages spécifiques */
  .content_institut {
    padding-top: 35px;
    grid-template-columns: 1fr;
    row-gap: 25px;
  }
  .content_institut .parag_style {
    padding-top: 30px;
  }
  .content_soins .list_soins .box_soins {
    grid-template-columns: 1fr;
    row-gap: 25px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .content_soins .title_soins {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .content_soins .list_soins .parag_style {
    padding: 40px 0;
  }
  .block_palier .list_palier {
    grid-template-columns: 1fr;
  }
  .block_palier .box_palier .content_palier {
    padding: 0 25px 35px;
  }
  .block_valeurs .list_valeurs {
    grid-template-columns: 1fr;
  }
  .block_valeurs h3 {
    font-size: 24px;
  }
  .block_mission_target {
    grid-template-columns: 1fr;
  }
  .block_mission_target h2 {
    font-size: 28px;
  }
  .block_mission_target .parag_style p {
    font-size: 16px;
  }
  .liste_soins_institut {
    grid-template-columns: 1fr;
  }
  .style_box .img_style_box {
    height: 300px;
  }
  .block_soin_detail {
    grid-template-columns: 1fr;
  }
  .block_soin_detail .content_soin_detail h1 {
    font-size: 28px;
  }
  .block_soin_detail .content_soin_detail .parag_style>* {
    font-size: 18px;
  }
  .block_soin_detail .image_soin_detail {
    height: 350px;
  }
  .block_soin_detail .box_image_soin_detail {
    padding: 20px;
  }
  .list_products_cat {
    gap: 20px;
    grid-template-columns: 1fr;
  }
  .content_bon_plan {
    grid-template-columns: 1fr;
  }
  .content_bon_plan .img_bon_plan {
    height: 350px;
  }
  .content_idee_cdx .content_bon_plan {
    grid-template-columns: 1fr;
  }
  .carte_cadeau_vivencia .liste_idees_cdx {
    grid-template-columns: 1fr;
  }
  .carte_cadeau_vivencia .content_cat_cdx .parag_style p {
    font-size: 24px;
  }
  .liste_peau_complet {
    grid-template-columns: 1fr;
  }
  .liste_peau_complet .box_peau_complet {
    height: 280px;
  }
  .recommandations_perso {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .recommandations_perso .parag_style {
    padding-bottom: 40px;
  }
  .vous_etes_artizone {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .vous_etes_artizone .form_artizone_style {
    flex-direction: column;
  }
  .vous_etes_artizone .form_artizone {
    width: 100%;
    padding: 25px;
  }
  .vous_etes_artizone .form_artizone h4 {
    font-size: 26px;
  }
  .vous_etes_artizone .form_artizone p {
    font-size: 15px;
    margin-bottom: 40px;
  }
  .vous_etes_artizone .form_artizone .two_block {
    grid-template-columns: 1fr;
  }
  .vous_etes_artizone .form_artizone form {
    padding-top: 40px;
  }
  /* Two block */
  .two_block {
    grid-template-columns: 1fr;
    grid-gap: 25px;
  }
  /* Banner page */
  .banner_page {
    min-height: 300px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .banner_page h1 {
    font-size: 26px;
    margin-top: 20px;
  }
  .page-template-vivencia-artizone .banner_page h1 {
    text-align: center;
  }
  .banner_page p {
    font-size: 15px;
  }
  /* Breadcump page */
  .breadcump_page {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .breadcump_page h1 {
    margin-top: 20px;
    margin-bottom: 50px;
  }
  .breadcump_page ul {
    gap: 15px;
  }
  .breadcump_page ul>li {
    padding: 12px;
    font-size: 14px;
  }
  /* Block product */
  .block_product {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  /* Block prd details */
  .block_prd_details .image_prd_default,
  .block_prd_details .image_prd_default>img {
    max-height: 280px;
  }
  .block_prd_details #sync2 {
    padding: 0 40px;
  }
  /* Info prod interne */
  .info_prod_interne h1 {
    font-size: 26px;
  }
  .info_prod_interne .price_product span {
    font-size: 22px;
  }
  .info_prod_interne .parag_style p {
    font-size: 18px;
  }
  /* Filter prd interne */
  .filter_prd_interne {
    gap: 15px;
    flex-direction: column;
  }
  .filter_prd_interne .box_filter_prd:not(:last-of-type) {
    padding-right: 0;
    padding-bottom: 15px;
    border-right: none;
    border-bottom: 1px solid var(--athens_gray);
  }
  /* Add cart */
  .add_cart .dispo_box {
    width: 100%;
  }
  /* Navigation tabs */
  .navigation_tabs {
    gap: 20px;
    flex-wrap: wrap;
  }
  .navigation_tabs button {
    font-size: 16px;
  }
  /* Prd content style */
  .prd_content_style {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  /* View plus */
  .view_plus {
    padding-bottom: 50px;
  }
  .view_plus h3 {
    margin-bottom: 30px;
  }
  /* Cart VIP abonnement */
  .cart_vip_abonnement {
    width: 100%;
    padding: 25px;
  }
  .cart_vip_abonnement .cart_vip span {
    font-size: 16px;
  }
  .cart_vip_abonnement .cart_vip span:last-of-type {
    font-size: 28px;
  }
  .cart_vip_abonnement .txt_abonnement span {
    font-size: 16px;
  }
  .cart_vip_abonnement .txt_abonnement span:last-of-type {
    font-size: 20px;
  }
  /* Block privilege */
  .block_privilege {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .block_privilege .parag_style p {
    font-size: 28px;
  }
  .block_privilege .parag_style h3 {
    font-size: 22px;
  }
  /* Block avantage */
  .block_avantage .list_avantages {
    margin: 40px 0;
  }
  .block_avantage .list_avantages .box_avantage {
    width: 100%;
    padding: 25px;
  }
  .block_avantage .list_avantages .box_avantage h3 {
    font-size: 20px;
  }
  .block_avantage .list_avantages .box_avantage h3>span {
    font-size: 32px;
  }
  .block_avantage .list_avantages .box_avantage .parag_style p {
    font-size: 18px;
  }
  .block_avantage h4 {
    font-size: 26px;
    padding-bottom: 40px;
  }
  /* Content carte VIP */
  .content_carte_vip {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .content_carte_vip .parag_style p,
  .content_carte_vip .parag_style span {
    font-size: 28px;
  }
  /* Block note */
  .block_note {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .block_note h2 {
    padding-bottom: 40px;
  }
  .block_note .content_note {
    flex-direction: column;
    gap: 20px;
  }
  .block_note .parag_style {
    width: 100%;
  }
  .block_note .parag_style p {
    font-size: 18px;
  }
  .icon_note {
    margin-right: 0;
  }
  /* List products filter */
  .list_elements.squares_nine,
  .list_products .prducts_blocks.squares_nine,
  .list_prd_filter .prd_cols.squares_nine {
    grid-template-columns: 1fr;
  }
  .list_elements.squares_four,
  .list_products .prducts_blocks.squares_four,
  .list_prd_filter .prd_cols.squares_four {
    grid-template-columns: 1fr;
  }
  .tri_element .filter_choices,
  .list_products .filter_choices {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
  .list_prd_filter .choix_filter_selects {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
  .list_prd_filter .choix_filter_selects .multi-filters {
    gap: 15px;
  }
  /* Blog */
  .block_blog {
    padding-bottom: 60px;
  }
  .list_blog {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .list_blog .img_blog {
    height: 280px;
  }
  .list_blog.first-page .box_blog:first-of-type .img_blog {
    height: 300px;
  }
  .list_blog .box_blog .title_icon_clic h2,
  .list_blog .box_blog .title_icon_clic i {
    font-size: 20px;
  }
  /* Block detail blog */
  .block_detail_blog {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .block_detail_blog h2 {
    font-size: 18px;
  }
  .block_detail_blog .image_blog_detail {
    margin: 30px 10px 40px;
  }
  .block_detail_blog .parag_style h4 {
    font-size: 22px;
  }
  .block_detail_blog .parag_style p {
    font-size: 15px;
  }
  .block_detail_blog .block_conclusion h2 {
    font-size: 22px;
  }
  .block_detail_blog .block_conclusion {
    padding: 20px;
  }
  /* Block author */
  .block_author {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
  .block_author .author_info {
    gap: 15px;
  }
  .block_author h2 {
    font-size: 16px;
  }
  .block_author h3 {
    font-size: 14px;
  }
  /* Publish blog */
  .publish_blog {
    flex-wrap: wrap;
  }
  .publish_blog a {
    width: 40px;
    height: 40px;
  }
  /* Block lire aussi */
  .block_lire_aussi {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .block_lire_aussi .list_blog {
    margin-top: 30px;
  }
  /* Block newsletter */
  .block_newsletter {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .block_newsletter .content_newsletter {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 40px;
  }
  .block_newsletter .content_newsletter p {
    font-size: 15px;
  }
  .block_newsletter form {
    flex-direction: column;
    gap: 15px;
  }
  .block_newsletter form input.wpcf7-email {
    margin-right: 0;
    width: 60%;
  }
  /* Block Instagram */
  .block_instagram {
    padding-top: 60px;
  }
  .block_instagram .box_img_ig {
    width: 200px;
    height: 200px;
  }
  /* Block applications */
  .block_applications {
    flex-direction: column;
    text-align: center;
  }
  /* Modal detail prd */
  .modal_detail_prd {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  /*-- artizone */
  .content_artizone {
    grid-template-columns: repeat(1, 1fr);
  }
  .form_artizone_style .image_form_artizone {
    justify-content: center;
  }
  .vous_etes_artizone .parag_style h3,
  .content_artizone .parag_style em {
    font-size: 22px;
  }
  .content_artizone .parag_style p {
    font-size: 18px;
  }
  /*-- product */
  .list_products .filter_choices {
    gap: 20px;
    align-items: end;
    flex-direction: column;
  }
  .tri_element .list_grid, .list_products .list_grid {
    display: none;
  }
  .list_products .prducts_blocks.squares_nine {
    grid-template-columns: repeat(1, 1fr);
  }
  .breadcump_page {
    padding-top: 60px;
    padding-bottom: 65px;
  }
  /*-- nos marque */
  .list_prd_filter .prd_cols.squares_nine {
    grid-template-columns: repeat(1, 1fr);
  }
  .list_prd_filter .choix_filter_selects {
    flex-direction: column;
    align-items: start;
    gap: 20px;
  }
  /*-- blog */
  .block_blog .info_blog {
    flex-direction: column;
    align-items: end;
    gap: 20px;
  }
  /*-- peau consult */
  .liste_peau_complet .box_peau_complet {
    height: 300px;
  }
  .block_valeurs.choisir_peau_consult .parag_style p {
    font-size: 21px;
  }
  /*-- idées cadeaux */
  .li_style_green li {
    flex-direction: column;
    align-items: baseline;
  }
  .block_privilege .parag_style p,
  .block_privilege .parag_style h3,
  .carte_cadeau_vivencia .content_cat_cdx .parag_style p {
    font-size: 21px;
  }
  /*-- page vip */
  .page-template-vivencia-cart-vip .banner_page h1 {
    font-size: 18px;
  }
  .page-template-vivencia-cart-vip .li_style_green li {
      flex-wrap: wrap;
  }
  .content_carte_vip .parag_style p, .content_carte_vip .parag_style span {
    font-size: 18px;
  }
  .page-template-vivencia-cart-vip .flex_between {
    flex-direction: column;
    align-items: start;
    gap: 20px;
  }
  .cart_vip_abonnement .txt_abonnement span:last-of-type {
    font-size: 21px;
  }
  .cart_vip_abonnement .cart_vip span,
  .cart_vip_abonnement .txt_abonnement span {
    font-size: 18px;
  }
  .cart_vip_abonnement .cart_vip span:last-of-type {
    font-size: 32px;
  }
  .cart_vip_abonnement {
    width: 350px;
  }
  /*-- block_prd_details  */
  .block_prd_details.espace_body {
    padding-left: 60px;
    padding-right: 60px;
  }
  .info_prod_interne .btn_discover_link {
    gap: 10px;
    align-items: flex-start;
    flex-direction: column;
  }
  /*-- mon compte */
  /* Navigation */
  .block_mon_compte .navigation_compte {
      border-right: none;
      border-bottom: 1px solid #D0D5DD;
      padding-bottom: 20px;
      margin-bottom: 30px;
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
  }
  .block_mon_compte .navigation_compte a {
      font-size: 14px;
      padding: 10px 20px;
      background: #f5f5f5;
      border-radius: 25px;
  }
  .block_mon_compte .navigation_compte a:not(:last-of-type) {
      margin-bottom: 0;
  }
  .block_mon_compte .navigation_compte a.active {
      background: var(--salem);
      color: white;
  }
  .block_mon_compte .dashboard_compte {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .block_mon_compte .dashboard_compte.espace_body {
    padding-left: 45px;
    padding-right: 45px;
  }
  .block_mon_compte .box_profil h2 {
    font-size: 26px;
  }
  .block_mon_compte .content_navigation .apercu_user {
    grid-template-columns: 1fr;
  }
  .block_mon_compte .cart_vip_abonnement {
    padding: 25px;
  }
  .block_mon_compte .cart_vip_abonnement .cart_vip span,
  .block_mon_compte .cart_vip_abonnement .txt_abonnement span {
    font-size: 21px;
  }
  .block_mon_compte .cart_vip_abonnement .txt_abonnement span:last-of-type,
  .block_mon_compte .cart_vip_abonnement .cart_vip span:last-of-type {
    font-size: 36px;
  }
  .block_mon_compte .cart_vip_abonnement {
    width: 100%;
  }
  .breadcrumb-nav.espace_body,
  .welcome_page.espace_body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .welcome_page .info_welcome_user h1 {
    font-size: 36px;
  }
  /*-- login&register */
  .view_plus_soins.espace_bodyall,
  .block_soin_detail.espace_bodyall,
  .block_liste_soins_institut.espace_body,
  .compte_login_register.espace_body {
    padding-left: 25px;
    padding-right: 25px;
  }
  /*-- liste_boutiques  */
  .liste_boutiques .box_store {
    gap: 20px;
    grid-template-columns: 1fr;
  }
  .list_image_stores .box_image_store {
    margin-top: 35px;
  }
  /*-- soins_institut */
  .view_plus_soins .block_link a {
    width: 100%;
    text-align: center;
  }
  .view_plus_soins .block_link {
    display: grid;
    gap: 15px;
  }
  /*-- .espace_soin_body */
  .espace_soin_body  {
    width: 100%;
    padding: 0 25px;
  }
  .nav_current {
    display: none;
  }
  /*-- validate soins */
  .block_validate_rdv_soins,
  .block_validate_rdv_soins .info_service_validate {
    grid-template-columns: 1fr;
  }
  .carte_vip_validate_soins,
  .formulaire_style_validate_soins .checkbox-label {
    align-items: start;
    flex-direction: column;
  }
  .carte_vip_validate_soins .reduction_price_soin {
    margin-top: 25px;
    justify-content: start;
  }
  /*-- card cdx */
  .choix_cdx.espace_bodyall {
    padding-left: 25px;
    padding-right: 25px;
  }
  #productsContainer,
  .choix_cdx .list_cdx_choix {
    grid-template-columns: 1fr;
  }
  /*-- card cdx detais */
  .single-product-carte .list_cdx_choix {
    width: 100%;
  }
  .single-product-carte.espace_body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .single-product-carte .choix_cdx.espace_bodyall {
    padding-left: 0;
    padding-right: 0;
  }
}

/* ==========================================================================
   SMALL MOBILE (max-width: 455px)
   ========================================================================== */
@media screen and (max-width: 455px) {
  /* Header & Navigation */
  header .espace_body {
    padding-left: 15px;
    padding-right: 15px;
  }
  .header {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .header .logo_header img {
    max-width: 120px;
  }
  .choix_header li:not(:last-of-type) {
    margin-right: 8px;
  }
  .choix_header .btn_cart {
    padding: 8px;
    font-size: 18px;
  }
  .choix_header li>a {
    padding: 0;
    height: 36px;
    width: 36px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
  }
  .btn_nav {
    width: 36px;
    height: 36px;
  }

  /* Espacement global */
  .espace_body_all {
    padding-left: 15px;
    padding-right: 15px;
  }
  .espace_body_left {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* Typographie */
  .title {
    font-size: 24px;
  }
  .sub_title {
    font-size: 18px;
  }
  .texte, .texte p {
    font-size: 14px;
  }
  .text, .text p {
    font-size: 14px;
  }

  /*-- header */
  .header .choix_header>li:not(:nth-last-child(-n+2)) {display: none;}
  .header .choix_header>li:nth-child(2) {
    display: block;
  }
  .navigation_mobile .choix_header {
    display: block;
    padding: 25px;
  }
  .choix_header li i {
    padding-right: 0 !important;
  }
  .navigation_mobile.active {
    width: 100%;
  }
  .block_instagram .nav_style {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .header .col_header {
    width: 50%;
  }
  .custom-logo-link>img {
    height: auto;
  }

  /* Slider Home */
  .slider_home .box_banner {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .slider_home h4 {
    font-size: 22px;
    padding: 15px 0;
  }
  .tag_cat,
  .slider_home .tag_banner {
    font-size: 14px;
    padding: 6px 12px;
  }
  .slider_home .link_banner {
    padding-top: 30px;
  }
  .slider_home .link_banner>a:not(:last-of-type) {
    margin-right: 10px;
  }

  /* Boutons */
  .btn_style,
  .no_hover {
    font-size: 13px;
    padding: 10px 12px;
  }
  .link_style_btn,
  .link_style_btn:hover,
  .link_style_btn:focus,
  .link_style_btn:active {
    font-size: 13px;
  }

  /* Explorez catégories */
  .explorez_cat {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .explorez_cat .owl-carousel {
    margin-top: 30px;
  }
  .explorez_cat .content_explorer {
    height: 400px;
    padding: 20px;
  }
  .explorez_cat .content_explorer h4 {
    font-size: 18px;
  }

  /* Nos coups de coeur */
  .nos_coups {
    padding: 40px 0;
  }
  #nos-coups-filters .owl-filter-bar {
    padding: 15px;
    margin-top: 30px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 10px;
  }
  #nos-coups-filters .owl-filter-bar a,
  #nos-coups-filters .owl-filter-bar a:hover,
  #nos-coups-filters .owl-filter-bar a:focus,
  #nos-coups-filters .owl-filter-bar a:active {
    font-size: 12px;
  }

  /* Produits */
  .prd_style .img_prd {
    height: 300px;
  }
  .prd_style h4 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .prd_style .espace_bottom {
    padding: 15px;
  }
  .prd_style .the_price_prd {
    font-size: 16px;
  }

  /* Block Solution */
  .block_solution {
    grid-template-columns: repeat(1, 1fr);
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .block_solution .img_solution {
    width: 100%;
    margin-bottom: 30px;
  }
  .block_solution .icon_solution {
    width: 120px;
    right: 15px;
  }
  .block_solution .parag_style p {
    font-size: 18px;
  }
  .block_solution .parag_style {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  /* Why Vivencia */
  .why_vivencia {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .why_vivencia .block_distingue {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    margin-top: 30px;
  }
  .why_vivencia h4 {
    font-size: 18px;
    margin: 20px 0;
  }
  .icon_distingue {
    width: 50px;
    height: 50px;
    padding: 10px;
  }

  /* Block Institut */
  .block_institut {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .block_institut .content_instituts {
    width: 100%;
  }
  .block_institut h2 {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .block_institut .sound_video {
    margin-bottom: 60px;
  }
  .block_institut .autres_institut {
    margin-top: 40px;
  }
  .block_institut .box_autres_institut {
    height: 150px;
  }
  .block_institut .box_autres_institut h3 {
    font-size: 18px;
  }

  /* Block Peau */
  .block_peau .box_peau {
    height: 220px;
  }
  .block_peau .box_peau h3 {
    font-size: 18px;
  }
  .block_peau .owl-carousel {
    padding-top: 30px;
  }
  .block_peau {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  /* Block Caractéristique */
  .block_caracteristique {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    padding-top: 60px;
  }
  .block_caracteristique .box_caracteristique {
    padding: 30px 20px;
  }
  .block_caracteristique h2 {
    font-size: 20px;
  }

  /* Focus Marque */
  .focus_marque {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .focus_marque .block_marque {
    padding: 30px;
  }
  .focus_marque h4 {
    font-size: 22px;
  }
  .focus_marque .content_marque {
    width: 100%;
  }

  /* Footer */
  .footer {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
  .footer h2,
  .block_applications h3 {
    font-size: 18px;
  }
  .footer .info_footer a,
  .footer .info_footer a:hover,
  .footer .info_footer a:focus,
  .footer .info_footer a:active,
  .footer .info_footer span {
    font-size: 14px;
  }
  .copyright span {
    font-size: 14px;
  }

  /* Remise Block */
  .remise_block {
    padding: 8px 15px;
    flex-direction: column;
    gap: 5px;
  }
  .remise_block span {
    font-size: 12px;
    padding-right: 0;
  }
  .remise_block a,
  .remise_block a>span {
    font-size: 13px;
  }

  /* Navigation Mobile */
  .navigation_mobile .scroll_nav {
    padding: 0 15px;
  }
  .navigation_mobile ul a {
    font-size: 16px;
    padding: 8px 0;
  }

  /* Carousel */
  .link_carousel {
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
  }
  .link_carousel .custom-pagination {
    font-size: 14px;
  }
  .owl_nav_style {
    gap: 20px;
  }

  /* Cart VIP */
  .block_cart_vip {
    padding: 15px;
  }
  .block_cart_vip h2 {
    font-size: 13px;
    margin-left: 10px;
  }
  .cart_vip {
    padding: 6px 12px;
  }
  .cart_vip span {
    font-size: 10px;
  }
  .cart_vip span:last-of-type {
    font-size: 14px;
  }

  /* Pages spécifiques */
  .content_institut {
    padding-top: 35px;
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
  .content_institut .parag_style {
    padding-top: 25px;
  }
  .content_institut .parag_style p {
    font-size: 14px;
  }
  .content_soins .list_soins .box_soins {
    grid-template-columns: 1fr;
    row-gap: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .content_soins .title_soins {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .content_soins .list_soins .parag_style {
    padding: 30px 0;
  }
  .two_link {
    flex-direction: column;
    gap: 15px;
  }
  .block_palier {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .block_palier .list_palier {
    padding: 40px 0;
    grid-template-columns: 1fr;
  }
  .block_palier .list_palier h3 {
    font-size: 20px;
    padding: 20px 20px 30px;
  }
  .block_palier .box_palier .content_palier {
    padding: 0 20px 30px;
  }
  .block_valeurs {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .block_valeurs .list_valeurs {
    grid-template-columns: 1fr;
    margin: 40px 0;
  }
  .block_valeurs .box_valeur {
    padding: 20px;
  }
  .block_valeurs h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .block_mission_target {
    grid-template-columns: 1fr;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .block_mission_target h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .block_mission_target .parag_style p {
    font-size: 15px;
  }
  .block_liste_soins_institut {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .liste_soins_institut {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .style_box .img_style_box {
    height: 280px;
  }
  .style_box .content_box_style {
    padding: 20px 15px;
  }
  .style_box .price_style {
    font-size: 18px;
    padding: 15px 0;
  }
  .tag_box_style {
    font-size: 16px;
    padding: 6px 14px;
  }
  .block_soin_detail {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .block_soin_detail .content_soin_detail h1 {
    font-size: 24px;
  }
  .block_soin_detail .content_soin_detail .parag_style>* {
    font-size: 16px;
  }
  .block_soin_detail .content_soin_detail .price_style {
    font-size: 24px;
  }
  .block_soin_detail .image_soin_detail {
    height: 300px;
  }
  .block_soin_detail .box_image_soin_detail {
    padding: 15px;
  }
  .product_gamme_interne {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .list_products_cat {
    gap: 15px;
    grid-template-columns: 1fr;
  }
  .content_bon_plan {
    grid-template-columns: 1fr;
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .content_bon_plan .img_bon_plan {
    height: 300px;
    margin-bottom: 20px;
  }
  .content_bon_plan h2 {
    font-size: 20px;
  }
  .content_bon_plan .parag_style p {
    font-size: 16px;
  }
  .content_idee_cdx {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .content_idee_cdx .content_bon_plan {
    grid-template-columns: 1fr;
    padding-top: 40px;
  }
  .carte_cadeau_vivencia .liste_idees_cdx {
    grid-template-columns: 1fr;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 40px;
  }
  .carte_cadeau_vivencia .content_cat_cdx .parag_style {
    margin-top: 40px;
  }
  .carte_cadeau_vivencia .content_cat_cdx .parag_style p {
    font-size: 22px;
  }
  .carte_cadeau_vivencia .liste_idees_cdx .title_idees_cdx {
    padding: 20px;
  }
  .carte_cadeau_vivencia .liste_idees_cdx .parag_style {
    padding: 20px;
  }
  .carte_cadeau_vivencia .liste_idees_cdx .parag_style p {
    font-size: 16px;
  }
  .liste_peau_complet {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }
  .liste_peau_complet .box_peau_complet {
    height: 250px;
    padding: 20px;
  }
  .liste_peau_complet h3 {
    font-size: 20px;
  }
  .content_peau_consult {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .content_peau_consult .parag_style {
    width: 100%;
  }
  .comment_marche_block .number_of_step {
    font-size: 200px;
    transform: translateY(80px);
  }
  .recommandations_perso {
    grid-template-columns: 1fr;
    gap: 15px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .recommandations_perso .parag_style {
    padding-top: 10px;
    padding-bottom: 30px;
  }
  .recommandations_perso .parag_style>* {
    font-size: 16px;
  }
  .block_valeurs.choisir_peau_consult {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .block_valeurs.choisir_peau_consult .parag_style p {
    font-size: 24px;
  }
  .vous_etes_artizone {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .vous_etes_artizone .parag_style p {
    margin: 20px 0;
  }
  .vous_etes_artizone .parag_style h3 {
    font-size: 26px;
  }
  .vous_etes_artizone .form_artizone_style {
    flex-direction: column;
    margin-top: 40px;
  }
  .vous_etes_artizone .form_artizone {
    width: 100%;
    padding: 20px;
  }
  .vous_etes_artizone .form_artizone h4 {
    font-size: 22px;
    padding-bottom: 20px;
  }
  .vous_etes_artizone .form_artizone p {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .vous_etes_artizone .form_artizone .two_block {
    grid-template-columns: 1fr;
    grid-gap: 15px;
  }
  .vous_etes_artizone .form_artizone form {
    padding-top: 30px;
  }
  .vous_etes_artizone .form_artizone label {
    font-size: 13px;
  }
  .vous_etes_artizone .form_artizone label input {
    font-size: 14px;
    padding: 12px 15px;
  }
  /* Two block */
  .two_block {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
  /* Banner page */
  .banner_page {
    min-height: 280px;
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .banner_page h1 {
    font-size: 22px;
    margin-top: 15px;
  }
  .page-template-vivencia-artizone .banner_page h1 {
    text-align: center;
  }
  .banner_page p {
    font-size: 14px;
  }
  .banner_marque {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  /* Breadcump page */
  .breadcump_page {
    padding-top: 50px;
    padding-bottom: 30px;
  }
  .breadcump_page h1 {
    margin-top: 15px;
    margin-bottom: 40px;
  }
  .breadcump_page ul {
    gap: 10px;
  }
  .breadcump_page ul>li {
    padding: 10px;
    font-size: 13px;
  }
  .breadcump_page ul>li>span {
    padding-left: 10px;
  }
  /* Block product */
  .block_product {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .block_product h2 {
    font-size: 18px;
  }
  .block_product .search_filter {
    margin-top: 20px;
  }
  /* Block prd details */
  .block_prd_details .image_prd_default,
  .block_prd_details .image_prd_default>img {
    max-height: 250px;
  }
  .block_prd_details #sync2 {
    padding: 0 30px;
  }
  /* Breadcump product */
  .breadcump_product ul {
    padding: 15px 0;
  }
  .breadcump_product li,
  .breadcump_product li a {
    font-size: 12px;
  }
  /* Avis user */
  .avis_user .star {
    font-size: 14px;
  }
  .avis_user .reviews_value {
    font-size: 12px;
  }
  /* Info prod interne */
  .info_prod_interne h1 {
    font-size: 22px;
  }
  .info_prod_interne .price_product {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .info_prod_interne .price_product span {
    font-size: 20px;
  }
  .info_prod_interne .parag_style p {
    font-size: 16px;
  }
  .info_prod_interne .discover_info_vip {
    padding: 20px 0;
  }
  .info_prod_interne .box_palier .txt_palier {
    font-size: 14px;
  }
  .info_prod_interne .btn_discover_link li {
    font-size: 16px;
  }
  /* Filter prd interne */
  .filter_prd_interne {
    gap: 15px;
    flex-direction: column;
    margin-top: 20px;
    padding-top: 20px;
  }
  .filter_prd_interne .box_filter_prd:not(:last-of-type) {
    padding-right: 0;
    padding-bottom: 15px;
    border-right: none;
    border-bottom: 1px solid var(--athens_gray);
  }
  .filter_prd_interne .box_filter_prd h2 {
    font-size: 14px;
  }
  .filter_prd_interne .box_filter_prd select {
    font-size: 14px;
    padding: 6px;
  }
  .filter_prd_interne .box_filter_prd span {
    font-size: 16px;
  }
  /* Add cart */
  .info_prod_interne .add_cart {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin-top: 20px;
    padding-top: 20px;
    margin-bottom: 20px;
  }
  .add_cart .dispo_box {
    width: 100%;
  }
  .add_cart .dispo_box h2 {
    font-size: 14px;
  }
  .add_cart .stock_prd {
    font-size: 16px;
    margin-right: 20px;
  }
  .add_cart .quantity_style {
    padding: 10px;
  }
  .add_cart .quantity_style button {
    width: 25px;
    height: 25px;
    font-size: 16px;
  }
  .add_cart .quantity_style input.quantity {
    width: 40px;
    font-size: 14px;
  }
  /* Navigation tabs */
  .navigation_tabs {
    gap: 15px;
    flex-wrap: wrap;
  }
  .navigation_tabs button {
    font-size: 14px;
  }
  /* Prd content style */
  .prd_content_style {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .prd_content_style .accordion h2 button {
    font-size: 16px;
  }
  .prd_content_style .accordion .parag_style p {
    font-size: 14px;
  }
  /* View plus */
  .view_plus {
    padding-bottom: 40px;
  }
  .view_plus h3 {
    margin-bottom: 25px;
  }
  /* Cart VIP abonnement */
  .cart_vip_abonnement {
    width: 100%;
    padding: 20px;
  }
  .cart_vip_abonnement .box_abonnement {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
    padding-bottom: 20px;
  }
  .cart_vip_abonnement .cart_vip span {
    font-size: 14px;
  }
  .cart_vip_abonnement .cart_vip span:last-of-type {
    font-size: 24px;
  }
  .cart_vip_abonnement .txt_abonnement span {
    font-size: 14px;
    text-align: left;
  }
  .cart_vip_abonnement .txt_abonnement span:last-of-type {
    font-size: 18px;
  }
  /* Block privilege */
  .block_privilege {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .block_privilege .icon_avantage {
    margin-bottom: 25px;
  }
  .block_privilege .parag_style p {
    font-size: 24px;
  }
  .block_privilege .parag_style h3 {
    font-size: 20px;
  }
  .block_privilege .btn_style {
    margin-top: 25px;
  }
  /* Block avantage */
  .block_avantage .title_carte_vip {
    padding: 10px 0;
  }
  .block_avantage .title_carte_vip .parag_style p {
    font-size: 20px;
  }
  .block_avantage .list_avantages {
    margin: 30px 0;
    gap: 20px;
  }
  .block_avantage .list_avantages .box_avantage {
    width: 100%;
    padding: 20px;
  }
  .block_avantage .list_avantages .box_avantage h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .block_avantage .list_avantages .box_avantage h3>span {
    font-size: 28px;
    margin-right: 10px;
  }
  .block_avantage .list_avantages .box_avantage .parag_style p {
    font-size: 16px;
  }
  .block_avantage h4 {
    font-size: 22px;
    padding-bottom: 30px;
  }
  .icon_avantage,
  .icon_note {
    width: 55px;
    height: 55px;
  }
  /* Content carte VIP */
  .content_carte_vip {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .content_carte_vip .parag_style p,
  .content_carte_vip .parag_style span {
    font-size: 24px;
  }
  /* Block note */
  .block_note {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .block_note h2 {
    padding-bottom: 30px;
  }
  .block_note .content_note {
    padding: 20px;
    flex-direction: column;
    gap: 15px;
  }
  .block_note .parag_style {
    width: 100%;
  }
  .block_note .parag_style p {
    font-size: 16px;
  }
  .icon_note {
    margin-right: 0;
    font-size: 18px;
  }
  /* Contenu supplementaire palier */
  .contenu_supplementaire_palier li {
    padding: 20px;
    font-size: 18px;
  }
  /* Li style green */
  .li_style_green li:before {
    margin-right: 15px;
  }
  /* List products filter */
  .list_elements,
  .list_products .prducts_blocks,
  .list_prd_filter .prd_cols {
    gap: 20px;
  }
  .list_elements.squares_nine,
  .list_products .prducts_blocks.squares_nine,
  .list_prd_filter .prd_cols.squares_nine {
    grid-template-columns: 1fr;
  }
  .list_elements.squares_four,
  .list_products .prducts_blocks.squares_four,
  .list_prd_filter .prd_cols.squares_four {
    grid-template-columns: 1fr;
  }
  .tri_element select,
  .list_products select {
    font-size: 14px;
    margin-right: 10px;
  }
  .tri_element .filter_choices,
  .list_products .filter_choices {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
  .list_products .filter_choices {
    margin-bottom: 30px;
  }
  .list_prd_filter .choix_filter_selects {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
    margin-bottom: 20px;
  }
  .list_prd_filter .choix_filter_selects .multi-filters {
    gap: 10px;
    flex-direction: column;
    width: 100%;
  }
  .select_style select,
  .list_prd_filter .list_products .select_style select {
    font-size: 14px;
    padding: 6px 20px 6px 12px;
  }
  .select_style label {
    font-size: 14px;
  }
  /* Blog */
  .block_blog {
    padding-bottom: 50px;
  }
  .block_blog .info_blog {
    margin: 20px 0;
    flex-direction: column;
    gap: 10px;
  }
  .list_blog {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .list_blog .img_blog {
    height: 250px;
    margin-bottom: 20px;
  }
  .list_blog.first-page .box_blog:first-of-type .img_blog {
    height: 280px;
  }
  .list_blog .box_blog h3 {
    font-size: 12px;
  }
  .list_blog .box_blog .title_icon_clic {
    padding: 8px 0;
  }
  .list_blog .box_blog .title_icon_clic h2,
  .list_blog .box_blog .title_icon_clic i {
    font-size: 18px;
  }
  .list_blog .box_blog p {
    font-size: 14px;
  }
  /* Pagination blog */
  .pagination_blog {
    flex-direction: column;
    gap: 15px;
    align-items: center;
  }
  .pagination_blog .number-paginate a,
  .pagination_blog .number-paginate span {
    width: 35px;
    height: 35px;
  }
  .pagination_blog .next.page-numbers,
  .pagination_blog .prev.page-numbers {
    position: relative;
    font-size: 14px;
  }
  /* Block detail blog */
  .block_detail_blog {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .block_detail_blog h3 {
    font-size: 14px;
  }
  .block_detail_blog h2 {
    font-size: 16px;
    padding-top: 20px;
  }
  .block_detail_blog .image_blog_detail {
    margin: 25px 0 35px;
  }
  .block_detail_blog .parag_style h4 {
    font-size: 20px;
  }
  .block_detail_blog .parag_style p {
    font-size: 14px;
  }
  .block_detail_blog .parag_style .espace_between figure {
    padding: 0 15px;
  }
  .block_detail_blog .block_conclusion h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .block_detail_blog .block_conclusion {
    padding: 15px;
    margin: 20px 0;
  }
  /* Block author */
  .block_author {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
    padding-top: 20px;
  }
  .block_author .avatar_icon {
    width: 45px;
    height: 45px;
  }
  .block_author .author_info {
    gap: 10px;
  }
  .block_author h2 {
    font-size: 15px;
  }
  .block_author h3 {
    font-size: 13px;
  }
  /* Publish blog */
  .publish_blog {
    flex-wrap: wrap;
    gap: 8px;
  }
  .publish_blog a {
    width: 38px;
    height: 38px;
    font-size: 12px;
  }
  .publish_blog a.copy_link {
    padding: 8px 12px;
    font-size: 12px;
  }
  /* Block lire aussi */
  .block_lire_aussi {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .block_lire_aussi .list_blog {
    margin-top: 25px;
  }
  /* Block newsletter */
  .block_newsletter {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .block_newsletter img {
    max-width: 150px;
  }
  .block_newsletter .content_newsletter {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 35px;
  }
  .block_newsletter .content_newsletter h2 {
    font-size: 22px;
  }
  .block_newsletter .content_newsletter p {
    font-size: 14px;
  }
  .block_newsletter form {
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .block_newsletter form input.wpcf7-email {
    margin-right: 0;
    width: 100%;
    padding: 8px 15px;
  }
  .block_newsletter form input.wpcf7-submit {
    padding: 8px 14px;
    font-size: 14px;
    display: block;
    margin-top: 25px;
  }
  /* Block routine */
  .block_routine {
    padding-bottom: 60px;
  }
  .block_routine h2.title {
    padding-bottom: 40px;
  }
  /* Block Instagram */
  .block_instagram {
    padding-top: 50px;
  }
  .block_instagram .link_ig {
    font-size: 12px;
    padding-left: 15px;
    padding-bottom: 15px;
  }
  .block_instagram .box_img_ig {
    width: 180px;
    height: 180px;
    padding-left: 15px;
    padding-bottom: 15px;
  }
  .block_instagram .nav_style {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  /* Block applications */
  .block_applications {
    flex-direction: column;
    text-align: center;
    padding-bottom: 40px;
    gap: 20px;
  }
  .block_applications img {
    max-width: 120px;
  }
  /* Modal detail prd */
  .modal_detail_prd {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .modal_detail_prd .detail_prd_modal h4 {
    margin-bottom: 10px;
    font-size: 20px;
  }
  .modal_detail_prd .detail_prd_modal .parag_style {
    font-size: 16px;
  }
  .modal_detail_prd .detail_prd_modal .btn_style {
    margin-top: 20px;
  }
  /* Pagination prd */
  .pagination-prd {
    margin: 20px 0 30px;
  }
  /* Block distingue */
  .block_distingue h2 {
    margin-bottom: 40px;
  }
  /* Box slogan */
  .box_slogan>p {
    font-size: 24px;
  }
  .block_gamme_complete .box_slogan>p {
    margin-top: 40px;
  }
  /* Parag style cat */
  .parag_style_cat {
    font-size: 24px;
  }
  /* List prd marques */
  .list_prd_marques {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  /* Block promo */
  .block_promo {
    padding-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
  /* List prd filter plan */
  .list_prd_filter_plan {
    padding-bottom: 60px;
  }
  /*-- artizone */
  .content_artizone {
    grid-template-columns: repeat(1, 1fr);
  }
  .form_artizone_style .image_form_artizone {
    justify-content: center;
  }
  .vous_etes_artizone .parag_style h3,
  .content_artizone .parag_style em {
    font-size: 22px;
  }
  .content_artizone .parag_style p {
    font-size: 18px;
  }
  /*-- product */
  .list_products .filter_choices {
    gap: 20px;
    align-items: end;
    flex-direction: column;
  }
  .tri_element .list_grid, .list_products .list_grid {
    display: none;
  }
  .list_products .prducts_blocks.squares_nine {
    grid-template-columns: repeat(1, 1fr);
  }
  .breadcump_page {
    padding-top: 60px;
    padding-bottom: 65px;
  }
  /*-- nos marque */
  .list_prd_filter .prd_cols.squares_nine {
    grid-template-columns: repeat(1, 1fr);
  }
  .list_prd_filter .choix_filter_selects {
    flex-direction: column;
    align-items: start;
    gap: 20px;
  }
  /*-- blog */
  .block_blog .info_blog {
    flex-direction: column;
    align-items: end;
    gap: 20px;
  }
  /*-- peau consult */
  .liste_peau_complet .box_peau_complet {
    height: 300px;
  }
  .block_valeurs.choisir_peau_consult .parag_style p {
    font-size: 21px;
  }
  /*-- idées cadeaux */
  .li_style_green li {
    flex-direction: column;
    align-items: baseline;
  }
  .block_privilege .parag_style p,
  .block_privilege .parag_style h3,
  .carte_cadeau_vivencia .content_cat_cdx .parag_style p {
    font-size: 26px;
  }
  /*-- page vip */
  .page-template-vivencia-cart-vip .banner_page h1 {
    font-size: 20px;
  }
  .page-template-vivencia-cart-vip .li_style_green li {
      flex-wrap: wrap;
  }
  .content_carte_vip .parag_style p, .content_carte_vip .parag_style span {
    font-size: 18px;
  }
  .page-template-vivencia-cart-vip .flex_between {
    flex-direction: column;
    align-items: start;
    gap: 20px;
  }
  .cart_vip_abonnement .txt_abonnement span:last-of-type {
    font-size: 21px;
  }
  .cart_vip_abonnement .cart_vip span,
  .cart_vip_abonnement .txt_abonnement span {
    font-size: 18px;
  }
  .cart_vip_abonnement .cart_vip span:last-of-type {
    font-size: 32px;
  }
  .cart_vip_abonnement {
    width: 350px;
  }
  /*-- block_prd_details  */
  .block_prd_details.espace_body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .info_prod_interne .btn_discover_link {
    gap: 10px;
    align-items: flex-start;
    flex-direction: column;
  }
  /*-- mon compte */
  /* Navigation */
  .block_mon_compte .navigation_compte {
      border-right: none;
      border-bottom: 1px solid #D0D5DD;
      padding-bottom: 20px;
      margin-bottom: 30px;
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
  }
  .block_mon_compte .navigation_compte a {
      font-size: 14px;
      padding: 10px 20px;
      background: #f5f5f5;
      border-radius: 25px;
  }
  .block_mon_compte .navigation_compte a:not(:last-of-type) {
      margin-bottom: 0;
  }
  .block_mon_compte .navigation_compte a.active {
      background: var(--salem);
      color: white;
  }
  .block_mon_compte .dashboard_compte {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .block_mon_compte .dashboard_compte.espace_body {
    padding-left: 45px;
    padding-right: 45px;
  }
  .block_mon_compte .box_profil h2 {
    font-size: 26px;
  }
  .block_mon_compte .content_navigation .apercu_user {
    grid-template-columns: 1fr;
  }
  .block_mon_compte .cart_vip_abonnement {
    padding: 25px;
  }
  .block_mon_compte .cart_vip_abonnement .cart_vip span,
  .block_mon_compte .cart_vip_abonnement .txt_abonnement span {
    font-size: 21px;
  }
  .block_mon_compte .cart_vip_abonnement .txt_abonnement span:last-of-type,
  .block_mon_compte .cart_vip_abonnement .cart_vip span:last-of-type {
    font-size: 36px;
  }
  .block_mon_compte .cart_vip_abonnement {
    width: 100%;
  }
  .breadcrumb-nav.espace_body,
  .welcome_page.espace_body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .welcome_page .info_welcome_user h1 {
    font-size: 36px;
  }
  .welcome_page.espace_body {
    flex-direction: column;
  }
  .welcome_page>img {
    margin-right: 0;
    margin-bottom: 25px;
  }
  /*-- login&register */
  .block_validate_rdv.espace_body,
  .view_plus_soins.espace_bodyall,
  .block_soin_detail.espace_bodyall,
  .block_liste_soins_institut.espace_body,
  .compte_login_register.espace_body {
    padding-left: 25px;
    padding-right: 25px;
  }
  /*-- liste_boutiques  */
  .liste_boutiques .box_store {
    gap: 20px;
    grid-template-columns: 1fr;
  }
  .list_image_stores .box_image_store {
    margin-top: 35px;
  }
  /*-- soins_institut */
  .view_plus_soins .block_link a,
  .liste_soins_institut .style_box .block_link a {
    width: 100%;
    text-align: center;
  }
  .view_plus_soins .block_link,
  .liste_soins_institut .block_link {
    display: grid;
    gap: 15px;
  }
  /*-- .espace_soin_body */
  .espace_soin_body  {
    width: 100%;
    padding: 0 25px;
  }
  .nav_current {
    display: none;
  }
  .block_calander {
    padding-bottom: 0;
  }
  /*-- validate soins */
  .block_validate_rdv_soins,
  .block_validate_rdv_soins .info_service_validate {
    grid-template-columns: 1fr;
  }
  .carte_vip_validate_soins,
  .formulaire_style_validate_soins .checkbox-label {
    align-items: start;
    flex-direction: column;
  }
  .carte_vip_validate_soins .reduction_price_soin {
    margin-top: 25px;
    justify-content: start;
  }
  /*-- card cdx */
  .choix_cdx.espace_bodyall {
    padding-left: 25px;
    padding-right: 25px;
  }
  #productsContainer,
  .choix_cdx .list_cdx_choix {
    grid-template-columns: 1fr;
  }
  .choix_cdx .block_content_cdx_choix a {
    width: 100%;
    text-align: center;
  }
  /*-- card cdx detais */
  .single-product-carte .list_cdx_choix {
    width: 100%;
  }
  .single-product-carte.espace_body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .single-product-carte .choix_cdx.espace_bodyall {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 928px) {
  .copyright {
    gap: 15px;
    flex-direction: column-reverse;
  }
  .mentions_legales li {
    float: none;
    text-align: center;
  }
  .mentions_legales li:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

/*------------------------------------------------------- End Responsive -------------------------------------------------------*/