/* ========================================================================
   Style responsive de base de l'application
 ========================================================================== */
@media screen and (max-width: 768px) {

  /*** Global ***/
  :root {
    --maxwidth: calc(100vw - 10px);
  }

  #mobile-menu-btn {
    display: block;
  }

  #mobile-menu-closer-container {
    display: block;
  }

  #menu-closer {
    background-color: var(--rouge);
    color: #fff;
    position: fixed;
    top: 20px;
    left: 20px;
  }

  #popup-newsletter-form-container {
    padding: 20px 20px 30px 20px;
    background-color: #fff;
    margin-top: 20px;
  }

  #popup-newsletter-form-container p {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px;
    font-size: 10px;
  }

  #popup-newsletter-form-container button {
    height: 50px;
    color: #fff;
    text-transform: uppercase;
    background-color: var(--rouge);
    width: 100%;
  }

  #pre-header {
    font-size: 9px;
    padding: 10px 15px;
  }

  #header-social {
    display: none;
  }

  #top-bar nav {
    padding: 0px !important;
  }

  #top-search {
    position: relative;
    width: 100%;
    transform: none;
    left: 0;
    top: 0;
  }

  #logo {
    width: 70px;
  }

  #header .uk-navbar-right li {
    margin: 0px 0px;
  }

  #cart-number {
    padding: 0px 5px;
  }

  #header-nom {
    font-size: 12px;
  }

  .title-container.right .title {
    font-size: 15px;
    padding: 10px 20px;
  }

  .title-container .title {
    font-size: 15px;
    padding: 10px 20px;
  }

  #header .uk-navbar-center {
    display: none;
  }

  #mobile-menu-content {
    display: none;
  }

  #inner-page-cover {
    height: 100px;
    font-size: 15px;
  }

  #mobile-search-icon {
    display: block;
  }

  /** Top Promo **/


  #top-promo-text-part {
    font-size: 9px;

  }

  #top-search {
    display: none;
    padding: 10px 10px;
  }

  #top-search input {
    width: 800px;
    height: 40px !important;
    text-align: left;
    color: #000;
    font-size: 10;
  }

  #top-search a {
    color: #fff;
    font-weight: bold;
  }

  #search-results-container {
    min-height: 400px;
    max-height: calc(100% - 200px);
    width: 100%;
    padding: 30px 0px;
  }

  #content {
    width: 95%;
  }

  #categorie-page-cover {
    height: 100px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #f7f7f7;
    color: #000;
  }

  #header .uk-navbar-container {
    padding: 15px 5px;
  }

  #panier-bottom div {
    padding: 10px;
    font-size: 10px;
  }

  .panier-content-nom-produit {
    font-size: 10px;
  }

  .panier-content-prix-produit {
    font-size: 10px;
  }

  .panier-content-montant-produit {
    font-size: 10px;
  }

  .panier-content-image-produit {
    width: 40px;
    height: 40px;
  }

  .panier-content-quantite-produit input {
    width: 40px;
    font-size: 12px;
  }

  #panier-content {
    height: auto;
    padding: 10px 0px;
  }

  /*
  #panier-content::-webkit-scrollbar {
    width: 15px;
    transition: .7s;
  }
*/
  #panier-bottom {
    display: none !important;
  }

  #panier-bottom-mobile {
    display: block;
  }

  #panier-bottom-mobile div {
    padding: 10px;
    font-size: 10px;
  }

  #banniere-gauche-part, #banniere-droite-part {
    display: none;
  }


  #pre-footer {
    padding: 50px 20px;
    width: 100%;
  }

  #pre-footer li, #pre-footer a {
    font-size: 12px;
    text-align: center;
  }

  #newsletter-form-container .uk-grid-small>*, .uk-grid-column-small>* {
    padding-left: 0px;
  }

  #newsletter-form-container p {
    padding: 0px 20px 20px 20px;
    color: #fff;
  }

  #newsletter-form-container {
    padding: 50px 10px;
    background-color: #000;
    color: #fff;
  }

  #newsletter-form-container form {
    width: 100%;
    margin: auto;
  }

  #newsletter-form-container p {
    padding: 0px 10px 20px 10px;
    font-size: 15px;
  }

  .footer-policies-links li {
    font-weight: 300;
    padding: 0px 10px;
    font-size: 10px;
    border-right: none;
  }

  #home-marques .marque img {
    width: 100px;
  }

  .user-dropdown {
    min-width: 100px;
    right: 0;
  }

  .infos-pagination {
    font-size: 14px;
  }

  .uk-pagination .uk-margin-auto-right, .uk-pagination .uk-margin-auto-left {
    display: none;
  }

  /*** Page d'accueil ***/
  #home-cover .uk-slidenav {
    height: 30px;
    width: 30px;
  }

  #home-cover-menu {
    display: none;
  }

  #home-cover-banner {
    display: none;
  }

  #home-slider-container {
    width: 100%;
  }

  #home-cover {
    /*height: 220px;*/
  }

  #home-slider-container .uk-slideshow-items {
    min-height: 220px !important;
  }

  #home-random-categories {
    width: 100%;
    padding: 20px;
    margin-top: 30px;
  }

  #home-random-categories li {
    width: 50%;
  }

  #home-random-categories .categorie-img-container {
    height: 140px;
  }

  #home-random-categories .uk-grid-medium>*, #home-random-categories .uk-grid-column-medium>* {
    padding-left: 30px;
  }

  .banner {
    height: auto;
  }

  .banner img {
    height: 80px;
  }

  #home-random-categories-bottom {
    padding: 10px;
  }

  /*#home-random-categories-bottom .categorie {
    height: 150px;
  }*/
  #home-random-categories-bottom .uk-grid>div {
    width: 100%;
  }

  .home-produits-slidenavs {
    display: none;
  }

  #home-meilleures-ventes .uk-slider-container, #home-nouveautes .uk-slider-container, #home-promotion .uk-slider-container, #home-populaires .uk-slider-container {
    padding: 0px;
  }

  .in-stock, .out-stock {
    font-size: 10px !important;
  }

  .produit {
    min-height: 200px;
  }

  .home-categorie-produits {
    padding: 20px 5px 0px 5px;
  }

  .home-categorie-produits li {
    width: 50%;
  }

  .produit-img-container {
    height: 100px;
  }

  .produit-content-container {
    padding: 10px 5px 0px 5px;
  }

  .produit-title {
    font-size: 12px;
  }

  .reduction-pourcentage {
    width: 40px;
    font-size: 11px;
  }

  .produit-prix.no-promo {
    padding: 10px 5px 10px 5px;
    font-size: 12px;
  }

  .ancien-prix {
    font-size: 10px;
    padding: 5px 0px;
  }

  .produit-add-to-cart-btn {
    padding: 5px 2px;
    margin: 0px auto;
    font-size: 10px;
  }

  .produit-prix {
    font-size: 12px;
    padding: 0px 5px 10px 5px;
  }

  .uk-notification-message {
    font-size: 12px !important;
  }

  /* ========================================================================
   Style de la pade PRODUITS
 ========================================================================== */
  #categorie-all-produits ul li {
    width: 50%;
  }

  #categorie-options {
    display: none;
  }

  #mobile-tri-btn-container {
    display: block;
  }

  #categorie-options {
    position: fixed;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    padding: 0px;
    right: 0px;
    overflow-x: scroll;
  }

  #categorie-options #sous-categories {
    display: none;
  }

  #categorie-options #closer {
    display: block;
  }

  /* ========================================================================
   Style de la page du PRODUIT
 ========================================================================== */
  #produit-images-slider {
    height: 200px;
  }

  #produit-images-slider .uk-slideshow-items>li img {
    width: 200px;
    height: 200px;
  }

  #produit-images-container .uk-slider-container {
    display: none;
  }

  #produits-infos-content {
    padding: 20px 20px;
  }

  #produit-nom {
    font-size: 15px;
    margin-bottom: 30px;
  }

  #produit-ancien-prix {
    display: block;
    color: #444;
    font-size: 15px;
  }

  #produit-prix {
    text-align: center;
    font-size: 25px;
    margin: 30px auto 30px auto;
    color: var(--rouge);
  }

  #produit-commande-whatsapp-btn {
    margin-top: 0px;
    font-weight: bold;
  }

  #produit-achete-btn {
    font-weight: bold;
  }

  #produit-video {
    padding: 20px 10px;
  }

  #produit-video iframe {
    height: 300px;
  }

  #produit-description {
    padding: 30px 10px;
    overflow-x: scroll;
    background-color: #fff;
  }

  #produit-details {
    width: var(--maxwidth);
    margin: 50px auto 20px auto;
  }

  #produits-lies li {
    width: 50%;
  }

  #produits-lies .title-container {
    margin-bottom: 20px;
  }

  /* ========================================================================
   Style de la page PRESENTATION
 ========================================================================== */
  #inner-page-content {
    width: 100%;
    padding: 30px 10px;
    font-size: 14px;
    margin-top: 0px;
  }

  /* ========================================================================
   Style de la page CONTACT
 ========================================================================== */
  .form-info {
    font-size: 10px !important;
    padding-bottom: 20px;
  }

  .uk-input, .uk-select, .chosen-container {
    border: solid 1px #ddd !important;
    height: 50px !important;
    font-size: 12px;
  }

  .chosen-single {
    margin-top: 15px;
  }

  .uk-textarea {
    border: solid 1px #ddd;
    font-size: 12px;
  }

  #contact-page-content {
    width: 100%;
    margin: 50px auto;
    margin-top: 0px;
    background: #fff;
    padding: 30px 10px;
  }

  /* ========================================================================
   Style de la pade CONNEXION
 ========================================================================== */
  #login-form {
    margin: 0px auto 40px auto;
    width: 100%;
    background: #fff;
    padding: 50px 25px;
  }

  .form-submit-btn {
    height: 50px;
    font-size: 10px;
    margin: 30px auto 0px auto;
  }

  .sign-form-link {
    text-align: center;
    padding: 20px 10px;
  }

  .sign-form-link a {
    font-size: 10px;
  }

  .password-forgotten {
    text-align: center;
    margin-bottom: 5px;
  }

  /* ========================================================================
   Style de la pade INSCRIPTION
 ========================================================================== */
  #signup-form {
    margin: 0px auto 40px auto;
    width: 100%;
    background: #fff;
    padding: 50px 10px;
  }

  #inscription-conditions-container {
    padding: 20px;
    margin: 0px auto 0px auto;
    font-size: 10px;
  }

  /* ========================================================================
   Style de la page ADRESSES
 ========================================================================== */
  .adresse-principal {
    margin: 15px auto 0px auto;
  }

  .ajouter-adresse-link div {
    float: none;
    margin: 10px auto 40px auto;
  }

  /* ========================================================================
   Style de la page MON COMPTE
 ========================================================================== */
  #compte-form {
    margin: 0px auto 40px auto;
    width: 100%;
    background: #fff;
    padding: 20px 10px;
  }

  /* ========================================================================
   Style de la page VISITES
 ========================================================================== */
  #mobile-visites-container {
    display: block;
    padding: 30px 20px;
  }

  #visites-container {
    display: none;
  }

  .mobile-visite {
    border: solid 1px #eee;
    padding: 30px;
  }

  .mobile-visite-nom a {
    color: #000;
    font-weight: bold;
  }

  .mobile-visite-date {
    padding: 20px 0px;
  }

  .mobile-visite-prix {
    padding: 15px 0px;
  }

  .mobile-visite-btn {
    background-color: var(--rouge);
    color: #fff;
    border: none;
  }

  /* ========================================================================
  Style de la page COMMANDES
========================================================================== */
  #mobile-commandes-container {
    display: block;
    padding: 30px 10px;
  }

  #commandes-container {
    display: none;
  }

  .mobile-commande {
    border: solid 1px #eee;
    padding: 30px 15px;
  }

  .mobile-commande-num {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
  }

  .mobile-commande-date {
    padding: 20px 0px;
  }

  .mobile-commande-montant {
    padding: 15px 0px;
  }

  .mobile-commande-etat {
    margin-bottom: 30px;
  }

  .mobile-commande-btn {
    background-color: var(--rouge);
    color: #fff;
    border: none;
    font-size: 10px;
  }

  .mobile-commande-btn-annuler {
    background-color: var(--noir);
    color: #fff;
    border: none;
    font-size: 10px;
  }

  /* ========================================================================
  Style de la page de COMMANDE
========================================================================== */
  #commander-form {
    padding: 30px 10px;
  }

  #commander-title {
    font-size: 18px;
    margin-bottom: 30px;
  }

  #commander-content-inner {
    padding: 20px;
    margin: 0px;
  }

  #commander-form .form-submit-btn {
    margin-top: 30px;
    width: 250px;
    font-size: 10px !important;
  }

  #commander-content-inner #commander-panier {
    padding: 30px 10px;
  }

  .total-title {
    font-size: 12px;
  }

  .total-value {
    font-size: 12px;
  }

  #mobile-commander-btn-container {
    display: block;
    width: 100%;
  }

  #commander-btn-container {
    display: none;
  }

  /* ========================================================================
  Style de la page de RECHERCHE
========================================================================== */
  #search-results-produits .produit {
    height: 200px;
  }

  #search-results-categories, #search-results-marques, #search-results-produits {
    padding: 0px 20px;
    margin-bottom: 50px;
  }

  #search-results-content li {
    width: 50%;
  }

  #search-results-container {
    max-height: calc(100% - 350px);
  }

  #search-results-container {
    display: none;
    left: -1000px;
  }

  /* ========================================================================
  Style de la page de RESET PASSWORD
========================================================================== */
  .password-reset-message-container {
    margin: 0px auto;
    width: 100%;
    padding: 50px 20px;
  }

  .password-reset-message-container strong {
    font-size: 18px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {

  /* ========================================================================
  Style GLOBAL
========================================================================== */
  :root {
    --maxwidth: 100%;
  }

  #pre-header {
    padding: 9px;
    font-size: 10px;
  }

  #top-search input {
    width: 400px;
    height: 40px;
  }

  #logo {
    width: 75px;
  }

  #home-cover-menu .uk-list>li {
    font-size: 10px;
  }

  .title-container .title {
    font-size: 16px;
    padding: 15px 30px;
  }

  .title-container.right .title {
    font-size: 16px;
    padding: 15px 30px;
  }

  #header .uk-navbar-right li {
    margin: 0px 2px;
  }

  #top-search {
    padding: 10px;
  }

  #pre-footer li {
    font-size: 12px;
  }

  #newsletter-form-container p {
    font-size: 15px;
  }

  #newsletter-form-container form button {
    height: 50px;
  }

  #newsletter-form-container form input {
    height: 50px !important;
  }

  .footer-policies-links li {
    font-size: 10px !important;
  }

  .footer-policies-links li a {
    font-size: 8px !important;
  }

  .uk-navbar-dropdown-nav>li>a {
    color: #999;
    font-size: 11px !important;
  }

  .menu-categorie-column li {
    padding: 0px 15px;
  }

  #inner-page-cover {
    height: 150px;
    font-size: 20px;
  }

  .form-submit-btn {
    width: 230px;
    height: 50px;
    font-size: 12px;
    font-weight: bold;
    margin: 50px auto 0px auto;
  }

  .uk-input, .uk-select {
    height: 50px !important;
    font-size: 12px;
  }

  .uk-navbar-nav>li>a, .uk-navbar-item, .uk-navbar-toggle {
    font-size: 0.45rem;
  }

  #cart-number {
    padding: 0px 2px;
  }

  #header-username {
    font-size: 10px;
  }

  .user-dropdown {
    min-width: 150px;
  }

  .banner {
    margin-bottom: 20px;
    height: auto;
  }

  #home-meilleures-ventes .uk-slider-container, #home-nouveautes .uk-slider-container, #home-promotion .uk-slider-container, #home-populaires .uk-slider-container {
    padding: 25px 0px 0px 0px;
  }

  #pre-footer {
    padding: 100px 50px;
    width: 90%;
  }

  .footer-socials-container {
    font-size: 7px !important;
  }

  #header .uk-navbar-nav>li>a {
    font-size: 10px;
  }

  /* ========================================================================
  Style PAGE D'ACCUEIL
========================================================================== */
  #home-cover .uk-navbar-dropdown li {
    height: 100%;
    padding: 0px;
    padding-left: 15px;
  }

  #home-cover-menu .uk-navbar-dropdown {
    width: 720px !important;
    left: 150px !important;
  }

  .menu-categorie-column {
    padding-left: 25px;
  }

  .menu-categorie li {
    font-size: 10px;
  }

  #home-cover-menu {
    padding: 20px 10px;
  }

  #home-cover {
    /*height: 350px;*/
  }

  #home-slider-container .uk-slideshow-items {
    min-height: 350px !important;
  }

  #home-cover .uk-slidenav {
    height: 30px;
    width: 30px;
  }

  #home-random-categories .categorie-img-container {
    height: 150px;
  }

  .produit-title {
    font-size: 10px;
  }

  .produit-img-container {
    height: 120px;
  }

  .reduction-pourcentage {
    font-size: 8px;
    width: 45px;
  }

  .ancien-prix {
    font-size: 10px !important;
    padding: 10px 5px;
  }

  .produit-prix {
    font-size: 12px;
    padding: 0px 10px 10px 10px;
  }

  .home-categorie-produits li {
    width: 16.66%;
  }

  .produit {
    height: 280px;
  }

  .produit-add-to-cart-btn {
    padding: 10px 15px;
    font-size: 10px;
  }


  #banniere-gauche-part, #banniere-droite-part {
    display: none;
  }

  #contenu-page {
    width: 90%;
    margin: auto;
  }

  /* ========================================================================
  Style PAGE CONNEXION
========================================================================== */
  #login-form {
    margin: 75px auto;
    width: 600px;
    padding: 75px 50px;
  }

  /* ========================================================================
  Style PAGE PASSWORD
========================================================================== */
  .form-info {
    font-size: 13px;
    padding: 30px;
  }

  .sign-form-link a {
    font-size: 11px;
  }

  #signup-form {
    margin: 75px auto;
    width: 600px;
    padding: 75px 50px;
  }

  /* ========================================================================
  Style PAGE INSCRIPTION
========================================================================== */
  #inscription-form-container #signup-form {
    margin: 75px auto;
    width: 600px;
    padding: 50px 10px;
  }

  #inscription-conditions-container {
    padding: 30px;
    font-size: 14px;
  }

  /* ========================================================================
  Style PAGE ADRESSE
========================================================================== */
  .ajouter-adresse-link div {
    padding: 15px 10px;
    width: 170px;
    font-size: 11px;
    margin: 10px 0px 40px 0px;
    font-weight: bold;
  }

  /* ========================================================================
  Style PAGE MON COMPTE
========================================================================== */
  #compte-form {
    margin: 0px auto;
    width: 800px;
    background: #fff;
    padding: 0px 50px;
  }

  /* ========================================================================
  Style PAGE VISITES
========================================================================== */
  .uk-table th {
    padding: 16px 5px;
    font-size: 0.675rem;
  }

  .uk-table td {
    padding: 16px 5px;
    vertical-align: top;
    font-size: 10px;
  }

  #visites-table button {
    transition: .7s;
    font-size: 10px;
    padding: 0px 5px;
    width: 130px;
  }

  .visites-table-img {
    width: 40px;
  }

  .visites-produit-prix {
    font-size: 12px;
  }

  .visites-ancien-prix {
    font-size: 10px;
  }

  /* ========================================================================
  Style PAGE ARTICLE
========================================================================== */
  #produit-video iframe {
    height: 400px;
  }

  #produit-images-slider {
    height: 320px;
  }

  #produit-images-slider .uk-slideshow-items img {
    width: 300px;
    height: 300px;
  }

  #produit-nom {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 50px;
  }

  #produit-prix {
    font-size: 20px;
    color: var(--rouge);
  }

  #produit-ancien-prix {
    font-size: 15px;
    display: block;
    color: #444;
  }

  .form-submit-btn {
    font-size: 10px;
  }

  #produits-lies ul li {
    width: 20%;
  }

  #produits-lies ul li .produit {
    height: 250px;
  }

  #content {
    width: 90%;
  }

  /* ========================================================================
  Style PAGE CATEGORIE
========================================================================== */
  #categorie-page-cover {
    height: 150px;
    font-size: 20px;
  }

  .categorie-option-title {
    font-size: 12px;
    padding: 15px 10px;
  }

  #categorie-options .uk-search-default {
    width: 150px;
    font-size: 12px;
  }

  .categorie-option-content {
    padding: 0px 20px;
    font-size: 12px;
  }

  #categorie-options #prix-min, #categorie-options #prix-max {
    height: 40px !important;
    font-size: 12px !important;
  }

  /* ========================================================================
  Style PAGE COMMANDER
=============================*/
  .uk-offcanvas-flip .uk-offcanvas-reveal, .uk-offcanvas-bar {
    width: 300px;
  }

  .uk-offcanvas-flip.uk-offcanvas-container-animation {
    left: -250px;
  }

  #panier-content {
    height: 400px;
  }

  #panier-bottom div {
    font-size: 12px;
    font-weight: bold;
  }

  #commander-title {
    font-size: 25px;
    margin-bottom: 50px;
  }

  #commander-content-inner #commander-panier {
    padding: 30px 00px;
  }

  .panier-content-nom-produit {
    font-size: 11px;
    margin-bottom: 10px;
  }

  .panier-content-montant-produit {
    font-size: 12px;
  }

  .total-title {
    font-size: 12px;
  }

  .total-value {
    font-size: 12px;
  }

  #mobile-commander-btn-container {
    display: block;
    width: 100%;
  }

  /* ========================================================================
  Style PAGE CONTACTS
=============================*/
  #contact-page-content {
    width: 800px;
  }

  /* ========================================================================
  Style PAGE MARQUES
=============================*/
  .produit-content-container {
    padding: 10px 10px 0px 10px;
  }

  /* ========================================================================
  Style PAGE RECHERCHES
=============================*/
  #search-results-categories, #search-results-marques, #search-results-produits {
    padding: 0px 20px;
  }

  #search-results-produits .produit {
    height: 200px;
  }

  #search-results-produits .produit-prix.no-promo {
    padding: 30px 10px 20px 10px;
    font-size: 10px;
  }

  #search-results-produits .produit-prix {
    font-size: 10px;
  }

  #search-results-produits .produit-img-container {
    height: 100px;
  }

  .search-more-results {
    width: 150px;
    font-size: 12px;
    padding: 10px 15px;
  }

  #search-results-categories ul li {
    width: 25%;
  }

  #search-results-categories .categorie-img-container {
    height: 150px;
    width: 150px;
  }

  #search-results-marques ul li {
    width: 25%;
  }

  #search-results-marques .marque-img-container {
    height: 150px;
    width: 150px;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {

  /* ========================================================================
  Style GLOBAL
========================================================================== */
  :root {
    --maxwidth: 100%;
  }

  #pre-header {
    padding: 9px;
    font-size: 10px;
  }

  #top-search input {
    width: 450px;
    height: 40px;
  }

  #logo {
    width: 75px;
  }

  #home-cover-menu .uk-list>li {
    font-size: 10px;
  }

  #home-cover-menu .uk-list>li {
    line-height: 1.5;
  }

  .title-container .title {
    font-size: 16px;
    padding: 15px 30px;
  }

  .title-container.right .title {
    font-size: 16px;
    padding: 15px 30px;
  }

  #header .uk-navbar-right li {
    margin: 0px 2px;
  }

  #top-search {
    padding: 10px;
  }

  #pre-footer li {
    font-size: 12px;
  }

  .footer-socials-container {
    font-size: 7px !important;
  }

  #newsletter-form-container p {
    font-size: 15px;
  }

  #newsletter-form-container form button {
    height: 50px;
  }

  #newsletter-form-container form input {
    height: 50px !important;
  }

  .footer-policies-links li {
    font-size: 10px !important;
  }

  .footer-policies-links li a {
    font-size: 8px !important;
  }

  .uk-navbar-dropdown-nav>li>a {
    color: #999;
    font-size: 12px !important;
  }

  .menu-categorie-column li {
    padding: 0px 15px;
  }

  #inner-page-cover {
    height: 150px;
    font-size: 20px;
  }

  .form-submit-btn {
    width: 230px;
    height: 50px;
    font-size: 12px;
    font-weight: bold;
    margin: 50px auto 0px auto;
  }

  .uk-input, .uk-select, .chosen-container {
    height: 50px !important;
    font-size: 12px;
  }

  .chosen-single {
    margin-top: 15px;
  }

  .uk-navbar-nav>li>a, .uk-navbar-item, .uk-navbar-toggle {
    font-size: 0.75rem;
  }

  #cart-number {
    padding: 0px 2px;
  }

  #header-username {
    font-size: 10px;
  }

  .user-dropdown {
    min-width: 150px;
  }

  .banner {
    margin-bottom: 20px;
    height: auto;
  }

  #home-meilleures-ventes .uk-slider-container, #home-nouveautes .uk-slider-container, #home-promotion .uk-slider-container, #home-populaires .uk-slider-container {
    padding: 25px 0px 0px 0px;
  }

  #home-cover-menu .menu-categorie-column {
    padding: 0px 20px;
  }

  /* ========================================================================
  Style PAGE D'ACCUEIL
========================================================================== */
  #home-cover .uk-navbar-dropdown li {
    height: 100%;
    padding: 0px;
    padding-left: 15px;
  }

  #home-cover-menu .uk-navbar-dropdown {
    width: 720px !important;
    left: 185px !important;
  }

  .menu-categorie-column {
    padding-left: 25px;
  }

  .menu-categorie li {
    font-size: 10px;
  }

  #home-cover-menu {
    padding: 20px 10px;
  }

  #home-cover {
    /*height: 350px;*/
  }

  #home-slider-container .uk-slideshow-items {
    min-height: 350px !important;
  }

  #home-cover .uk-slidenav {
    height: 30px;
    width: 30px;
  }

  #home-random-categories .categorie-img-container {
    height: 150px;
  }

  .produit-title {
    font-size: 12px !important;
  }

  .produit-prix.no-promo {
    padding: 20px 10px 20px 10px;
  }

  .produit-img-container {
    height: 100px;
  }

  .reduction-pourcentage {
    font-size: 12px;
    width: 45px;
  }

  .ancien-prix {
    font-size: 10px !important;
    padding: 10px 5px;
  }

  .produit-prix {
    font-size: 12px;
    padding: 0px 10px 10px 10px;
  }

  .home-categorie-produits li {
    width: 25%;
  }

  .produit {
    height: 260px;
  }

  .produit-add-to-cart-btn {
    padding: 10px 15px;
    font-size: 10px;
  }

  /*#home-random-categories-bottom .categorie {
    height: 280px;
  }*/
  #home-marques .marque img {
    width: 75px;
    filter: grayscale(100%);
  }

  /* ========================================================================
  Style PAGE CONNEXION
========================================================================== */
  #login-form {
    margin: 75px auto;
    width: 600px;
    padding: 75px 50px;
  }

  /* ========================================================================
  Style PAGE PASSWORD
========================================================================== */
  .form-info {
    font-size: 13px;
    padding: 30px;
  }

  .sign-form-link a {
    font-size: 11px;
  }

  #signup-form {
    margin: 75px auto;
    width: 600px;
    padding: 75px 50px;
  }

  /* ========================================================================
  Style PAGE INSCRIPTION
========================================================================== */
  #inscription-form-container {
    margin: 50px auto;
  }

  #inscription-form-container #signup-form {
    margin: 0px auto;
    width: 800px;
    padding: 50px 10px;
  }

  #inscription-conditions-container {
    padding: 30px;
    font-size: 14px;
  }

  /* ========================================================================
  Style PAGE ADRESSE
========================================================================== */
  .ajouter-adresse-link div {
    padding: 15px 10px;
    width: 170px;
    font-size: 11px;
    margin: 10px 0px 40px 0px;
    font-weight: bold;
  }

  /* ========================================================================
  Style PAGE MON COMPTE
========================================================================== */
  #compte-form {
    margin: 0px auto;
    width: 800px;
    background: #fff;
    padding: 0px 50px;
  }

  /* ========================================================================
  Style PAGE VISITES
========================================================================== */
  .uk-table th {
    padding: 16px 5px;
    font-size: 0.675rem;
  }

  .uk-table td {
    padding: 16px 5px;
    vertical-align: top;
    font-size: 11px;
  }

  #visites-table button {
    transition: .7s;
    font-size: 10px;
    padding: 0px 5px;
    width: 130px;
  }

  .visites-table-img {
    width: 40px;
  }

  .visites-produit-prix {
    font-size: 12px;
  }

  .visites-ancien-prix {
    font-size: 10px;
  }

  /* ========================================================================
  Style PAGE ARTICLE
========================================================================== */
  #produit-video iframe {
    height: 450px;
  }

  #produit-images-slider {
    height: 320px;
  }

  #produit-images-slider .uk-slideshow-items img {
    width: 300px;
    height: 300px;
  }

  #produit-nom {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 50px;
  }

  #produit-prix {
    font-size: 20px;
    color: var(--rouge);
  }

  #produit-ancien-prix {
    font-size: 15px;
    display: block;
    color: #444;
  }

  .form-submit-btn {
    font-size: 10px;
  }

  #produits-lies ul li {
    width: 20%;
  }

  #produits-lies ul li .produit {
    height: 250px;
  }


  #content {
    width: 1000px;
  }

  /* ========================================================================
  Style PAGE CATEGORIE
========================================================================== */
  #categorie-page-cover {
    height: 150px;
    font-size: 20px;
  }

  .categorie-option-title {
    font-size: 12px;
    padding: 15px 10px;
  }

  #categorie-options .uk-search-default {
    width: 150px;
    font-size: 12px;
  }

  .categorie-option-content {
    padding: 0px 20px;
    font-size: 12px;
  }

  #categorie-options #prix-min, #categorie-options #prix-max {
    height: 40px !important;
    font-size: 12px !important;
  }

  /* ========================================================================
  Style PAGE COMMANDER
=============================*/
  .uk-offcanvas-flip .uk-offcanvas-reveal, .uk-offcanvas-bar {
    width: 300px;
  }

  .uk-offcanvas-flip.uk-offcanvas-container-animation {
    left: -250px;
  }

  #panier-content {
    height: 400px;
  }

  #panier-bottom div {
    font-size: 12px;
    font-weight: bold;
  }

  #commander-title {
    font-size: 25px;
    margin-bottom: 50px;
  }

  #commander-content-inner #commander-panier {
    padding: 30px 00px;
  }

  .panier-content-nom-produit {
    font-size: 11px;
    margin-bottom: 10px;
  }

  .panier-content-montant-produit {
    font-size: 12px;
  }

  .total-title {
    font-size: 12px;
  }

  .total-value {
    font-size: 12px;
  }

  /* ========================================================================
  Style PAGE CONTACTS
=============================*/
  #contact-page-content {
    width: 800px;
  }

  /* ========================================================================
  Style PAGE MARQUES
=============================*/
  .produit-content-container {
    padding: 10px 10px 0px 10px;
  }

  /* ========================================================================
  Style PAGE RECHERCHES
=============================*/
  #search-results-categories, #search-results-marques, #search-results-produits {
    padding: 0px 20px;
  }

  #search-results-produits .produit {
    height: 200px;
  }

  #search-results-produits .produit-prix.no-promo {
    padding: 30px 10px 20px 10px;
    font-size: 10px;
  }

  #search-results-produits .produit-prix {
    font-size: 10px;
  }

  #search-results-produits .produit-img-container {
    height: 100px;
  }

  .search-more-results {
    width: 150px;
    font-size: 12px;
    padding: 10px 15px;
  }

  #search-results-categories ul li {
    width: 25%;
  }

  #search-results-categories .categorie-img-container {
    height: 150px;
    width: 150px;
  }

  #search-results-marques ul li {
    width: 25%;
  }

  #search-results-marques .marque-img-container {
    height: 150px;
    width: 150px;
  }
}

@media screen and (min-width: 1281px) and (max-width: 1600px) {

  /* ========================================================================
  Style GLOBAL
========================================================================== */
  :root {
    --maxwidth: 100%;
  }

  #pre-header {
    padding: 9px;
    font-size: 10px;
  }

  #top-search input {
    width: 700px;
    height: 40px;
  }

  #logo {
    width: 75px;
  }

  #home-cover-menu .uk-list>li {
    font-size: 70%;
    color: #000;
    font-weight: 500;
    line-height: 2;
  }

  .title-container .title {
    font-size: 16px;
    padding: 15px 30px;
  }

  .title-container.right .title {
    font-size: 16px;
    padding: 15px 30px;
  }

  #header .uk-navbar-right li {
    margin: 0px 2px;
  }

  #top-search {
    padding: 10px;
  }

  #pre-footer li {
    font-size: 12px;
  }

  #newsletter-form-container p {
    font-size: 15px;
  }

  #newsletter-form-container form button {
    height: 50px;
  }

  .uk-input, .uk-select, .uk-textarea, .chosen-container {
    border: solid 1px #dbdbdb !important;
  }

  #newsletter-form-container form input {
    height: 50px !important;
  }

  .footer-policies-links li {
    font-size: 10px !important;
  }

  .footer-policies-links li a {
    font-size: 8px !important;
  }

  .uk-navbar-dropdown-nav>li>a {
    color: #000;
    font-size: 12px !important;
  }

  .menu-categorie-column li {
    padding: 0px 15px;
  }

  #inner-page-cover {
    height: 150px;
    font-size: 20px;
  }

  .form-submit-btn {
    width: 230px;
    height: 50px;
    font-size: 12px;
    font-weight: bold;
    margin: 50px auto 0px auto;
  }

  .uk-input, .uk-select, .chosen-container {
    height: 50px !important;
    font-size: 12px;
  }

  .chosen-single {
    margin-top: 15px;
  }

  .uk-navbar-nav>li>a, .uk-navbar-item, .uk-navbar-toggle {
    font-size: 0.75rem;
  }

  #cart-number {
    padding: 0px 2px;
  }

  #header-username {
    font-size: 10px;
  }

  .user-dropdown {
    min-width: 150px;
  }

  .banner {
    margin-bottom: 20px;
    height: auto;
  }

  #home-meilleures-ventes .uk-slider-container, #home-nouveautes .uk-slider-container, #home-promotion .uk-slider-container, #home-populaires .uk-slider-container {
    padding: 25px 0px 0px 0px;
  }

  #home-cover-menu .menu-categorie-column {
    padding: 0px 25px;
  }

  /* ========================================================================
  Style PAGE D'ACCUEIL
========================================================================== */
  #home-cover .uk-navbar-dropdown li {
    height: 100%;
    padding: 0px;
    padding-left: 15px;
  }

  #home-cover-menu .uk-navbar-dropdown {
    width: 850px !important;
    left: 200px !important;
    color: #000;
    font-weight: 500;
  }

  .menu-categorie-column {
    padding-left: 25px;
  }

  .menu-categorie li {
    font-size: 10px;
  }

  #home-cover-menu {
    padding: 20px 10px;
  }

  #home-cover {
    /*height: 350px;*/
  }

  #home-slider-container .uk-slideshow-items {
    min-height: 350px !important;
  }

  #home-cover .uk-slidenav {
    height: 30px;
    width: 30px;
  }

  #home-random-categories .categorie-img-container {
    height: 150px;
  }

  .produit-title {
    font-size: 12px !important;
    font-weight: 600;
  }

  .produit-img-container {
    height: 100px;
  }

  .produit-prix.no-promo {
    padding: 15px 10px 15px 10px;
    font-size: 12px !important;
  }

  .reduction-pourcentage {
    font-size: 12px;
    width: 45px;
  }

  .ancien-prix {
    font-size: 12px !important;
    padding: 10px 5px;
    font-weight: bold;
    color: grey;
  }

  .produit-prix {
    font-size: 14px;
    padding: 0px 10px 10px 10px;
  }

  .home-categorie-produits li {
    width: 25%;
  }

  .produit {
    height: auto;
  }

  .produit-add-to-cart-btn {
    padding: 10px 15px;
    font-size: 10px;
  }

  /*#home-random-categories-bottom .categorie {
    height: 280px;
  }*/
  #home-marques .marque img {
    width: 100px;
  }

  /* ========================================================================
  Style PAGE CONNEXION
========================================================================== */
  #login-form {
    margin: 75px auto;
    width: 600px;
    padding: 75px 50px;
    border: solid 1px #dbdbdb;
  }

  /* ========================================================================
  Style PAGE PASSWORD
========================================================================== */
  .form-info {
    font-size: 13px;
    padding: 30px;
  }

  .sign-form-link a {
    font-size: 11px;
  }

  #signup-form {
    margin: 75px auto;
    width: 600px;
    padding: 75px 50px;
  }

  /* ========================================================================
  Style PAGE INSCRIPTION
========================================================================== */
  #inscription-form-container {
    margin: 50px auto;
  }

  #inscription-form-container #signup-form {
    margin: 0px auto;
    width: 800px;
    padding: 50px 10px;
    border: solid 1px #dbdbdb;
  }

  #inscription-conditions-container {
    padding: 30px;
    font-size: 14px;
  }

  /* ========================================================================
  Style PAGE ADRESSE
========================================================================== */
  .ajouter-adresse-link div {
    padding: 15px 10px;
    width: 170px;
    font-size: 11px;
    margin: 10px 0px 40px 0px;
    font-weight: bold;
  }

  /* ========================================================================
  Style PAGE MON COMPTE
========================================================================== */
  #compte-form {
    margin: 0px auto;
    width: 800px;
    background: #fff;
    padding: 0px 50px;
  }

  /* ========================================================================
  Style PAGE VISITES
========================================================================== */
  .uk-table th {
    padding: 16px 5px;
    font-size: 0.675rem;
  }

  .uk-table td {
    padding: 16px 5px;
    vertical-align: top;
    font-size: 11px;
    color: #000;
    font-weight: 500;
  }

  #visites-table a {
    color: #000;
  }

  #visites-table button {
    transition: .7s;
    font-size: 10px;
    padding: 0px 5px;
    width: 130px;
  }

  .visites-table-img {
    width: 40px;
  }

  .visites-produit-prix {
    font-size: 12px;
  }

  .visites-ancien-prix {
    font-size: 10px;
  }

  /* ========================================================================
  Style PAGE ARTICLE
========================================================================== */
  #produit-video iframe {
    height: 450px;
  }

  #produit-images-slider {
    height: 320px;
  }

  #produit-images-slider .uk-slideshow-items img {
    width: 300px;
    height: 300px;
  }

  #produit-nom {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 50px;
  }

  #produit-prix {
    font-size: 20px;
    color: var(--rouge);
  }

  #produit-ancien-prix {
    font-size: 15px;
    display: block;
    color: #444;
  }

  .form-submit-btn {
    font-size: 10px;
  }

  #produits-lies ul li {
    width: 16.66%;
  }

  #produits-lies ul li .produit {
    height: 250px;
  }

  /* ========================================================================
  Style PAGE CATEGORIE
========================================================================== */

  #content {
    width: 1100px;
  }

  #categorie-page-cover {
    height: 150px;
    font-size: 20px;
  }

  .categorie-option-title {
    font-size: 12px;
    padding: 15px 10px;
  }

  #categorie-options .uk-search-default {
    width: 150px;
    font-size: 12px;
  }

  .categorie-option-content {
    padding: 0px 20px;
    font-size: 12px;
  }

  #categorie-options #prix-min, #categorie-options #prix-max {
    height: 40px !important;
    font-size: 12px !important;
  }

  /* ========================================================================
  Style PAGE COMMANDER
=============================*/
  .uk-offcanvas-flip .uk-offcanvas-reveal, .uk-offcanvas-bar {
    width: 300px;
  }

  .uk-offcanvas-flip.uk-offcanvas-container-animation {
    left: -250px;
  }

  #panier-content {
    height: 400px;
  }

  #panier-bottom div {
    font-size: 12px;
    font-weight: bold;
  }

  #commander-title {
    font-size: 25px;
    margin-bottom: 50px;
  }

  #commander-content-inner #commander-panier {
    padding: 30px 00px;
  }

  .panier-content-nom-produit {
    font-size: 11px;
    margin-bottom: 10px;
  }

  .panier-content-montant-produit {
    font-size: 12px;
  }

  .total-title {
    font-size: 12px;
  }

  .total-value {
    font-size: 12px;
  }

  /* ========================================================================
  Style PAGE CONTACTS
=============================*/
  #contact-page-content {
    width: 800px;
  }

  /* ========================================================================
  Style PAGE MARQUES
=============================*/
  .produit-content-container {
    padding: 10px 10px 0px 10px;
  }

  /* ========================================================================
  Style PAGE RECHERCHES
=============================*/
  #search-results-categories, #search-results-marques, #search-results-produits {
    padding: 0px 20px;
  }

  #search-results-produits .produit {
    height: 200px;
  }

  #search-results-produits .produit-prix.no-promo {
    padding: 30px 10px 20px 10px;
    font-size: 10px;
  }

  #search-results-produits .produit-prix {
    font-size: 10px;
  }

  #search-results-produits .produit-img-container {
    height: 100px;
  }

  .search-more-results {
    width: 150px;
    font-size: 12px;
    padding: 10px 15px;
  }

  #search-results-categories ul li {
    width: 25%;
  }

  #search-results-categories .categorie-img-container {
    height: 150px;
    width: 150px;
  }

  #search-results-marques ul li {
    width: 25%;
  }

  #search-results-marques .marque-img-container {
    height: 150px;
    width: 150px;
  }
}

/* Pour les ecran comme celui du SAMSUNG GALAXY FOLD */
@media screen and (min-width: 600px) and (max-width: 768px) {

  /** Top Promo **/


  #top-promo-text-part {
    font-size: 10px;

  }

  /*** Barre de recherche ***/
  #search-results-container {
    left: 0;
    right: 0;
    top: 150px;
    width: 80%;
  }

  #search-results-produits>ul>li {
    width: 33%;
  }

  /*** Page d'accueil ***/
  #home-slider-container .uk-slideshow-items {
    min-height: 350px !important;
  }

  #home-cover {
    /*height: 350px;*/
  }

  .home-categorie-produits li {
    width: 33%;
  }

  .produit-add-to-cart-btn span.uk-icon svg {
    width: 15px;
    height: 15px;
  }

  #home-marques .uk-child-width-1-3>* {
    width: 25%;
  }

  /*** Page des produits ***/
  #categorie-all-produits ul li {
    width: 33%;
  }

  #price-range-inputs .uk-width-1-1 {
    width: 50%;
  }

  /*** Page des produits ***/
  #produits-lies li {
    width: 33%;
  }
}

/* Pour les ecran comme celui du SAMSUNG GALAXY FOLD en Paysage */
@media screen and (min-width: 769px) and (max-width: 868px) {
  #header .uk-navbar-container {
    border-bottom: none;
    padding: 20px 10px;
  }

  /*** Barre de recherche ***/
  #search-results-container {
    left: 0;
    right: 0;
    top: 150px;
    width: 80%;
  }

  #home-cover-banner {
    /*width: 18%;*/
  }

  .produit-add-to-cart-btn span.uk-icon svg {
    width: 15px;
    height: 15px;
  }

  /*** Page d'accueil ***/
  #home-slider-container .uk-slideshow-items {
    min-height: 330px !important;
  }

  #home-cover {
    /*height: 330px;*/
  }

  .home-categorie-produits li {
    width: 25%;
  }

  #home-marques .uk-child-width-1-3>* {
    width: 25%;
  }

  #pre-footer>div.uk-grid-large>div {
    width: 33%;
  }

  #pre-footer {
    padding: 100px 50px;
    width: 100%;
    margin: auto;
  }

  .footer-social {
    padding: 5px;
  }

  /** Page marques **/
  #categorie-produits ul li {
    width: 25%;
  }

  /** Page d'un produit ***/
  #categorie-options {
    display: none;
  }

  #mobile-tri-btn-container {
    display: block;
  }

  #categorie-options {
    position: fixed;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    padding: 0px;
    right: 0px;
    overflow-x: scroll;
  }

  #categorie-options #sous-categories {
    display: none;
  }

  #categorie-options #closer {
    display: block;
  }

  #categorie-options .uk-search-default {
    width: 300px;
    font-size: 12px;
  }

  #categorie-produits-grid {
    width: 100%;
  }

  #categorie-produits-grid ul li {
    width: 25%;
  }

  #price-range-inputs .uk-width-1-1 {
    width: 50%;
  }

  #produits-lies .uk-slider-container {
    min-height: 300px;
  }

  #produits-lies .uk-slider-container ul li {
    width: 25%;
  }

  /*** Page commande **/
  #commander-btn-container {
    display: none;
  }
}