.paniers {
                display: flex;
                flex-wrap: wrap;
                gap:10px;
                justify-content:space-around;
                align-items:flex-start;
                background-color: transparent;
                width:1400px;
                padding: 5px 20px;
            }
            .panierDetail {
                  background-color: transparent;
                  width: 50%;
                  margin: 0;
            }
              .Itempanier {
                  display: flex;
                  justify-content:flex-start;
                  align-items:center;
                  background-color: transparent;
                  width: 500px;
                  margin:0;
              }
            .panier__item {
               display: flex;
               flex-direction:row;
               justify-content: center;
               align-items: center;
               padding: 5px;
               background-color: #1501010f;
            //   background-color:  var(--site-panier-bgc);
               margin:0px;
               margin-bottom: 1px;
               border-radius: 10px;
               width: 600px;
               height: 120px;
               opacity: 0.6;
           }
           .panier__item:hover {
               opacity: 1;
           }
          .Imgpanier {
               border-radius: 16px 16px 0px 0px;
               border-radius: 16px;
               width: 100px;
               height: 100px;
               object-fit: cover;
           }
          .panierImg{
               border-radius: 16px 16px 0px 0px;
               border-radius: 16px;
               width: 100px;
               height: 100px;
           }
           .panierSetting__delete p {
               border: none;
               font-weight: bold;
               font-size: 15px;
               padding: 10px 15px;
               text-align: center;
               vertical-align: middle;
               text-decoration: none;
               cursor: pointer;
               border-radius: 50px;
           }
           .panierSetting__quatity input {
               text-align: center;
               border-radius: 10px;
               width: 50px;
           }
              .panierContent{
               display: flex;
               flex-direction:row;
               justify-content:center;
               align-items:flex-start;
               background-color:  var(--site-panier-bgc);
               margin-left: 5px;
               margin-right 5px;
               width: 100%; 
           }
           .panierContent__description {
            position: relative;
               background-color: var(--pagainterne--BG-color); 
                                     background-color: var(--MR-panier-BGC); 
               width: 80%;
               height: 100px;
               font-size: var(--site-text-size);
               padding-left: 5px;
               border-radius: 10px;
               text-align: left;
           }
           .panierprix {
            position: absolute;
            top: 10px;
            right: 20px;
            font-size: 50px;
            color: var(--site-text-color);
            color: var(--Mh-lien-color);
           }
           .panierprixcl {
            top: 10px;
            right: 20px;
            font-size: var(--site-text-size);
            color: var(--pagainterne--text-color);
           }
           .panierContent__description h2 {
            font-size: 15px;
            margin: 2px;
            padding: 1px;
            color: var(--Mh-lien-color);
           }
           .totalcontenu {
            margin: 10px;
            padding: 20px;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1),
                0 5px 12px -2px rgba(0, 0, 0, 0.1),
                0 18px 36px -6px rgba(0, 0, 0, 0.1);
           }
           .totalcontenu,
           .sstotal,
           .panierSetting__quatity p,
           .panierContent__description p {
            margin: 1px;
            font-size: var(--site-text-size);
            color: var(--Mh-lien-color);
           }
           .panierSetting{
               display: flex;
               flex-direction:column;
               justify-content:space-between;
               align-items:center;
               background-color: transparent;
               width: 20%;
               height: 100px; 
           }
           .panierSetting__quatity .itemQuantity {
            padding: 3px;
           }
           .tabpanier{
            background-color: var(--site-panier-bgc);
           }
           .tab p{
            font-size: var(--site-text-size);
            color: var(--site-text-color);
           }
        .prix2,
        .commaninfo, .prix1, .Expédition {
          font-size: 15px;
        }
               .input__element{
                  display: flex;
                  justify-content:center;
                  align-items:center;
                  background-color: var(--pagainterne--BG-color); 
                                             background-color: var(--MR-panier-BGC); 
                  color: var(--Mh-lien-color);
                }
           .panierSetting__quatity {
               display: flex;
               justify-content:center;
               align-items:center;
               text-align: center;
               padding: 1px;
           }
           .btnqty {
               display: flex;
               justify-content:center;
               align-items:center;
               text-align: center;
               padding: 1px;
               background-color: transparent;
               font-size: 15px;
               color: var(--Mh-lien-color);
               opacity: 0.2;
               transition: height .3s ease-in .3s;
           }
           .panierSetting__delete:hover,
           .btnqty:hover  {
            opacity: 1;
            cursor: pointer;
           }
           .panierSetting__delete{
            display: flex;
            justify-content:center;
            align-items:center;
            background-color: #fb0707;
            border-radius: 10px;
            position: relative;
            bottom: 0px;
            width: 30px;
            padding: 2px;
            opacity: 0.2;
            color: var(--site-text-color);
           }
           .panierSetting__delete .deleteItem {
            color: var(--site-text-color);
            padding: 2px;
            font-weight: 900;
           }
           .sstotal{
            font-weight: 700;
           }
           .totalpaniere{
            display: flex;
            justify-content:center;
            flex-direction:column;
            align-items:center;
            background-color: transparent;
            padding: 0px; 
            border-radius: 10px 10px 10px 0;
        }
        
           .formsaisie p{
            text-align: center;
           font-weight: 700;
            font-size: 15px;
            width: 400px;
            var(--site-text-color);
           }
         .panierForm{
            display: flex;
            justify-content:center;
            flex-direction:column;
            align-items:center;
            background-color:  #907e7d43;
            margin-right: 10px;
            border-radius: 0 10px 10px 0;
            width: 100%;
            margin: 10px;
            padding: 5px;
        }
        .Formlivraison{
            display: flex;
            justify-content:flex-end;
            flex-direction:row;
            align-items:center;
            background-color:  #907e7d43;
            padding: 0px; 
            margin-right: 0px;
            border-radius: 0 10px 10px 0;
            width: 98%;
            margin: 10px;
        }
        
        .total{
            display: flex;
            justify-content:space-between; 
            width: 100%;
            padding: 0px;
            border-radius: 10px;
        }
        .total > div {
            display: flex;
            justify-content:center;
            align-items:center;
        }
        .totalcmd{
            padding: 1px;
            font-size: 22px;
            font-weight: 900;
        }
        .panier__price{
            display: flex;
            justify-content:flex-end;
            align-items:center;
            background-color:  transparent;
            padding: 5px; 
            margin-right: 10px;
            border-radius: 0 10px 10px 0;
            width: 100%;
        }
        .totalcontenu{
            padding: 10px;
            background-color: #e6e6f95b;
            border-radius: 10px 10px 0 0;
            width: 100%;
        }
        .prixarticle, .expedition {
            display: flex;
            flex-direction:row;
            justify-content:space-between; 
            width: 100%;
            font-size: 16px;
        }
        .commaninfo{
            text-align: left;
            font-size: 12px;
            margin-bottom: 25px;
        }
        .Formlivraison{
            display: flex;
            justify-content:center;
            flex-direction: row;
        }
        .Formlivraison > div {
            background-color: #fb0707;
        }
        .Formlivraison .tab {
            align-items:flex-start;
            background-color: #fb0707;
        }
       .adreslivrais{
         color: var(--site-text-color);
         padding: 5px 2px 5px 0;
         font-size: 18px;
        }
       .adresseLivr label {
        position: relative;
        }
        .adresseLivr input {
         font-size: var(--site-text-size);
         color: var(--site-text-color);
        padding: 0px 2px 0px 0;
        background: transparent;
        border-bottom: 1.5px solid #f5f8ff66;
        transition: all .4s;
        outline: none;
        width: 400px;
        }
        .adresseLivr input:focus {
        border-color: #FF4754;
        }
        .adresseLivr input::placeholder {
        color: #f5f8ff66;
        }
        .adresseLivr{
          width: 400px;
          
        }
@media screen and (max-width: 1200px) {
        .totalpaniere{
          width: 100%;
          margin-top: 120px;
        }
    .creaalbum{
      display: flex;
      justify-content:center;
      flex-direction: row;
      align-items: center;
      width: 100%;
      background-color: transparent;
      }
     .services {
      display: flex;
      justify-content:center;
      align-items: center;
      height: 100%;
      padding: 5px;
      width: 98%;
     }
     .row, .navbarderoulant {   
          flex-direction: column;
     }
     .paniers {
      width: 100%;
      display: flex;
      justify-content:center;
      flex-direction: row;
      align-items: center;
      }
            .panier__item {
               width: 100%;
               height: 250px;
           }
            .panierDetail,
              .panier {
                  width: 100%;
              }
        .prix2,
        .commaninfo, .prix1, .Expédition {
          font-size: 18px;
        }
        .totalcmd {
          font-size: 36px;
        }
            .totalpaniere,
            .panier__item {
               width: 100%;
           }
           .panierContent__description {
               height: 200px;
           }
           .panierContent__description h2 {
               font-size: 40px;
           }
           .totalcontenu,
           .sstotal,
           .panierSetting__quatity p,
           .panierContent__description p {
            font-size: 35px;
            padding-left: 50px;
            padding-right: 50px;
           }
          .Imgpanier,
          .panierImg{
               width: 200px;
               height: 200px;
           }
           .panierSetting__quatity input {
               margin-right: 2px;
               margin-left: 2px;
               width: 70px;
               height: 70px;
               font-size: 65px;
               color:#c1c1c1;
               color: var(--site-text-color);
           }
           .panierSetting__delete{
            width: 60px;
            height: 60px;
            padding: 2px;
            border-radius: 50%;
            margin-top: 10px;
           }
           .panierSetting__delete .deleteItem {
            font-weight: 900;
            font-size: 60px;
            text-align: center;
           }
           .totalcontenu,
           .sstotal,  
           .panierSetting__quatity p,
           .panierContent__description p {
               font-size: 25px;
           }
          .Expédition .text, .Expédition .tarif{
           font-size: 18px;
           }
          .commaninfo, .prix1, .Expédition, .total {
             font-size: 30px;
           }
           .prix2 {
             font-size: 20px;
            }
            .totalcmd {
              font-size: 36px;
            }
           .panierSetting__delete p {
               font-size: 25px;
           }
            .panier__item {
               width: 900px;
           }
           .totalcontenu,
           .sstotal,
           .panierContent__description p {
               font-size: 30px;
               font-weight: 600;
           }
           .panierSetting__quatity p,
           .panierContent__description h2 {
               font-size: 40px;
               font-weight: 600;
           }
           .panierprixcl {
             font-size: 35px;
           }
        .prixarticle{
            font-size: 35px;
        }
        .prix1, .prix2, totaltext,
        .expedition {
            font-size: 35px;
        }
        #totalQuantity,
        .commaninfo{
         font-size: 30px;
        }
        .adresseLivr input {
            font-size:  50px;
            color: var(--site-text-color);
            width: 90%;
        }
        .adresseLivr input:focus {
        border-color: #FF4754;
        }
        .adresseLivr{
          width: 800px;
        }
        .formsaisie{
          width: 100%;
          
        }
       .adreslivrais{
         font-size: 38px;
        }
      }
/*----------------------1--------------------------------*/