@media only screen and (max-width: 1400px){
    .info-packs {
        grid-template-columns: repeat(5, 1fr);
    }
    .PacksCollection{
        grid-template-columns: repeat(4, 1fr) !important;
    }
    .page-width {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}
@media only screen and (max-width: 1290px){
    .container{
        padding: 0 20px;
    }
    .info-packs {
        grid-template-columns: repeat(4, 1fr);
    }
    .PacksCollection{
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
@media only screen and (min-width: 600px) {
    .Wnl0D50 {
        padding:0
    }
}


.logged-in-homepage-wrapper .logged-in-homepage .patterns-carousel {
    margin-bottom: 40px
}

@media only screen and (min-width: 600px) {
    .logged-in-homepage-wrapper .logged-in-homepage .logged-in-homepage-bottom:not(:last-child) {
        margin-bottom:56px
    }
}

.logged-in-homepage-wrapper .logged-in-homepage .logged-in-homepage-bottom .recommendations-carousel .listing-container {
    padding-bottom: 6px
}

@media only screen and (min-width: 600px) {
    .logged-in-homepage-wrapper .logged-in-homepage .logged-in-homepage-bottom .recommendations-carousel .listing-container.grid-view {
        padding-bottom:8px
    }
}

@media only screen and (min-width: 1160px) {
    .logged-in-homepage-wrapper .logged-in-homepage .logged-in-homepage-bottom .recommendations-carousel .listing-container.grid-view {
        padding-bottom:16px
    }
}

@media only screen and (min-width: 1760px) {
    .logged-in-homepage-wrapper .logged-in-homepage .logged-in-homepage-bottom .recommendations-carousel .listing-container.grid-view {
        grid-template-columns:repeat(5,1fr)
    }
}

.logged-in-homepage-wrapper .logged-in-homepage .logged-in-homepage-bottom .recommendations-carousel.shopping-trends .listing-container,.logged-in-homepage-wrapper .logged-in-homepage .logged-in-homepage-bottom .recommendations-carousel.views-related .listing-container {
    padding: 6px
}

@media only screen and (min-width: 600px) {
    .logged-in-homepage-wrapper .logged-in-homepage .logged-in-homepage-bottom .recommendations-carousel.shopping-trends .listing-container.grid-view,.logged-in-homepage-wrapper .logged-in-homepage .logged-in-homepage-bottom .recommendations-carousel.views-related .listing-container.grid-view {
        padding:8px 0
    }
}

@media only screen and (min-width: 1160px) {
    .logged-in-homepage-wrapper .logged-in-homepage .logged-in-homepage-bottom .recommendations-carousel.shopping-trends .listing-container.grid-view,.logged-in-homepage-wrapper .logged-in-homepage .logged-in-homepage-bottom .recommendations-carousel.views-related .listing-container.grid-view {
        padding:16px 0
    }
}

@media only screen and (min-width: 1760px) {
    .logged-in-homepage-wrapper .logged-in-homepage .logged-in-homepage-bottom .recommendations-carousel.shopping-trends .listing-container.grid-view,.logged-in-homepage-wrapper .logged-in-homepage .logged-in-homepage-bottom .recommendations-carousel.views-related .listing-container.grid-view {
        grid-template-columns:repeat(5,1fr)
    }
}

@media only screen and (min-width: 1160px) {
    .logged-in-homepage-wrapper .logged-in-homepage .logged-in-homepage-bottom .recommendations-carousel.shopping-trends .listing-container .gig-card-layout:nth-last-of-type(-n+2),.logged-in-homepage-wrapper .logged-in-homepage .logged-in-homepage-bottom .recommendations-carousel.views-related .listing-container .gig-card-layout:nth-last-of-type(-n+2) {
        display:none
    }
}

@media only screen and (min-width: 1760px) {
    .logged-in-homepage-wrapper .logged-in-homepage .logged-in-homepage-bottom .recommendations-carousel.shopping-trends .listing-container .gig-card-layout:nth-last-of-type(-n+2),.logged-in-homepage-wrapper .logged-in-homepage .logged-in-homepage-bottom .recommendations-carousel.views-related .listing-container .gig-card-layout:nth-last-of-type(-n+2) {
        display:block
    }
}

.logged-in-homepage-wrapper .logged-in-homepage.max-width-container {
    padding: 0
}

@media only screen and (min-width: 600px) {

}

@media only screen and (min-width: 1160px) {
    .logged-in-homepage-wrapper .logged-in-homepage.max-width-container {
        max-width:1600px
    }
    .max-width-container {
        max-width: 1600px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1760px) {
    .logged-in-homepage-wrapper .logged-in-homepage.max-width-container {
        padding-left:0;
        padding-right: 0
    }
}
@media only screen and (max-width: 1070px){
    .div-info-product {
        width: 100% !important;
    }
    .div-info-invoice{
        padding: 5px;
    }
    .Padding-20{
        width: 100%;
    }
    .active-sticky {
    position: relative !important;
    transform: initial;
    top: 0px;
    }
    .ContainerInput {
        width: 100%;
    }
    a#PlaceOrder {
        width: 100%;
    }
    .ContainerBtnProduct {
        width: 100%;
    }
    .section-1 {
        flex-direction: column;
    }
    .info-packs {
        grid-template-columns: repeat(3,1fr);
        gap: 30px;
    }
    .PacksCollection{
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .info-offre.offre-speciale {
        background: #e62f2f;
        color: white;
        margin:  20px 0;
        transform: scale(1.0) translateY(0px);
    }
    .div-infos {
        width: 100%;   
        margin-bottom: 50px;
    }
    .div-info {
        width: 100%;   
        margin-bottom: 50px;
    }
    .sticky-div {
        width: 100%;
    }
    .sticky-div.div-info-product {
        padding: 0 20px;
        margin-top: 20px;
    }
    .descMobile{
        display: block  !important;
    }
    .desctop{
        display: none  !important;
    }
/*     
    .slider-show {
        height: 245px;
    } */
    .div-img {
        width: 100%;
        margin: 0 !important;
        overflow: hidden;
        /* display: none; */
    }
    section.product-section.container {
        padding: 0 !important;
        margin: 0;
    }
    .MainImage {
        border: none;
    }
    .div-img.slider-for.slick-initialized.slick-slider {
        height: 350px;
    }
    .cont-img-200 {
        flex-direction: row;
        width: 100%;
        margin-top: 10px;
        max-height: max-content;
    }
    div#Slider7 {
        height: 500px;
    }
    .slider-show img{
        object-position: top;
        border-radius: 0;
        object-fit: contain;
    }
    img#product-img{
        max-height: 400px !important;
        height: 400px !important; 
    }
    #Slider7 .div-img-200:last-child img{
        object-position: center;
      }
      
    .div-img {
        margin: 0 10px;
    }
    .loading-placeholder {
        background: #f0f0f0;
        background-image: linear-gradient(90deg, rgb(255 255 255 / 32%) 0, rgb(255 255 255 / 22%) 20%, rgb(255 255 255 / 59%) 60%, rgb(243 240 240 / 30%));
        background-size: 200% 100%;
        animation: loadingShimmer 3.5s infinite;
    }
}
@media only screen and (max-width: 1042px){
    .section {
        height: 390px !important;
        overflow: hidden;
    }
    .mobileInfo{
        display: flex !important;
    }
    iframe{
        display: block;
    }
    .mobilenone{
        display: none !important;
    }
    .desctopInfo{
        display: none !important;
    }
    .div-info {
        align-items: flex-end;
    }
    /* #HideonMobile{
        display: none !important;
    } */
    .div-img.loading-placeholder.loading-image {
        width: 100% !important;
        height: 420px !important;
    }
    .logo-white{
        display: block;
    }
    
    .logo-black{
        display: none;
    }
    .images-about-us {
        max-width: 100%;
    }
    .LKLJ_img_about{
        margin-bottom:0;
        max-width: 100%;
    }
    .LKLJ_img_abhout {
        display: none !important;
    }
    .info-about-us {
        max-width: 100%;
    }
    /* .footer-left{
        margin-bottom: 21px;
    } */
    .services-boxer {
     grid-template-columns: repeat(2,1fr);
    }
    .bar-center,#btn-pricing{
        display: none ;
    }
    .sombre-div{
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.537);
        display: flex;
        z-index: 1;
        flex-direction: column;
        display: none ;
    }
    .sombre-div.active{
        display: block !important ;
    }
    .ul-container.bar-center {
        position: fixed;
        height: 100%;
        top: 0;
        left: 0;
        background: white;
        width: 280px;
        display: flex;
        z-index: 100;
        flex-direction: column;    
        left: -100%;
        visibility: hidden;
        opacity: 0;
        transition: all cubic-bezier(0.48, 0.18, 0, 0.89) 0.4s;
    }
    .ul-container.bar-center.active {
        visibility: visible;
        opacity: 1;
        transition: left cubic-bezier(0.48, 0.18, 0, 0.89) 0.3s;
        left: 0;
        z-index: 11111111111111111111111111;
    }
    a.a-container {
        color: #4f5e6e;
        height: 45px;
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 500;
        border-bottom: 1px solid #dddddd96;
    }
    .btn-pricing-menu {
        display: flex !important;
        margin: 0 12px;
        margin-top: 18px;
        justify-content: center;
    }
    a.a-container:hover{
        background: #dddddd54;
    }
    .none{
      display: block;
    }
    
    .logo-container-menu{
        width: 100%;
        height: max-content;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .logo-container-menu img {
        width: 90px;
        padding: 10px;
    }
    .div-info-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .menu-bars{
     display: block  !important;
   }
    .div-info {
        width: 100%;
    }
    i#menu-bars {
        display: flex !important;
    }
    .cart-mobile{
        display: none !important;
    }
    .infoMobileNone{
        display: none !important;
    }
    .ContainerMobileInfo{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        margin-top: 15px;
    }
    .delivery-mobile{
        padding-left: 0;
        padding-right: 0;
    }
    .display-icone-and-paragraphe{
        padding-left: 0;
        padding-right: 0;
    }
    .container-info-page-product{
        padding-left: 0;
        padding-right: 0;
    }
    div.btn-pricing.btn-buy-now.add-to-cart{
        background: #e62f2f !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .MarginBox{
        margin-bottom: 0;
    }
    .container-about {
        display: flex !important;
        flex-direction: column;
    }
    header.box-shadow {
        width: 100%;
        background: white;
        position: relative;
    }
    a.Btn6buy {
        display: none;
    }
    .div-image {
        display: none !important;
    }
    
}

    @media only screen and (max-width: 800px){
        section.ProductPage {
            flex-direction: column;
            margin-top: 10px;
        }
        .ContainerImages {
            width: 100%;
        }
        .MainImage {
            max-height:400px;
        }
        .InfoProduct h1 {
            font-size: 1.5rem;
        }
        .MinImage{
            margin-left: 0.0rem;
        }
        
        .MainImage img.ZoomImg {
            object-fit: cover;
        }
                section#ProductContainer.page-width {
            /* padding-left: 0 !important;
            padding-right: 0 !important; */
        }
        
        .InfoProduct {
            width: 100%;
            margin-left: 0;
            margin-top: 10px;
            /* padding-left: 1.2rem; */
            /* padding-right: 1.2rem; */
        }
        .MinImage {
            height: auto;
            margin-top: 6px;
        }

        p.ClikFunctionColor {
            width: 55px;
        }
        #product-images-count{
            display: none !important;
        }
        .Cart{
            display: block;
        }
    .div-image {
        width: 100% !important;
        height: 300px;
        overflow: hidden;
    }
    .div-image svg{
        height: 100%;
    }
    .BtnSeeMore {
        display: block;
        position: relative;
        width: 100%;
        text-align: right;
        top: -25px;
        right: 7px;
        color: initial;
        cursor: pointer;
        font-weight: 500;
    }
    .info-description {
        margin-top: 35px;
        margin-bottom: 35px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        width: 100%;
    }
    .seeMore{
        -webkit-box-orient: horizontal;
        max-height: max-content;   
        display: flex;
    }

    .input-grid-2{
        flex-direction: column;
        width: 100%;
    }
    .input-grid-1{
        width: 100%;
    }
    .bar-offre {
        font-size: 14px;
        text-align: center;
        height: 70px;
    }
    .div-img {
        width: 100%;
        margin: 0;
    }
    section.product-section.container {
        padding-top: 15px;
        padding-bottom: 0;
        background-color: #fff;
    }
    img.product-img {
        border-radius: 5px;
        width: 100%;
        padding-right: 5px;
    }
    .div-img-200{
        height: 100px !important;
        max-height: 100px !important;
    }
    .service-box {
        height: max-content;
    }
    .container {
        padding: 0 20px;
    }
    .bar-offre{
        padding: 0 60px;
      }
    section.section.container {
        height: max-content;
        padding: 40px 20px;
    }
    .title-boxer h1 {
        font-size: 35px;
        text-align: center;
    }
    .satisfait h1{
        text-align: center;
    }
    .tr-mobile{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    }
    .border-table-clear{
        display:none;
    }
    .product-cart-info {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #e7dddd;
        border-top: 1px solid #e7dddd;
        padding-bottom: 20px;
        padding-top: 11px;
    }
    
    .product-cart-info:first-child {
        border-bottom: none;
        border-top: 1px solid #e7dddd;
    }
    
    .product-cart-info:last-child {
        border-bottom: 1px solid #e7dddd;
        border-top: none;
    }
    .container-total .table-outils {
    width: 100%;
    }
    .PacksCollection .info-offre {
        width: 100% !important;
        max-width: 100%  !important;
    }
    .title-boxer {
        padding: 7px 0;
    }
    .space-between{
        display:flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .titel-mobile{
        display: block;
    }
    .BoxThankYouMessage {
        width: 100%;
        margin: 0 20px;
    }
    .ContainerThankYouMessage {
        height: 400px;
    }
    .info-packs {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 10px;
    }
    .logo-container {
        width: 70px;
    }
    .info-offre {
        background: white;
        border: none;
        border-radius: 5px;
        padding: 0 !important;
        box-shadow: none !important;
        cursor: default;
        position: relative;
        box-shadow: none;
        overflow: hidden;
        margin-bottom: 0;
    }
    .info-container {
        width: 100%;
        padding: 10px 0;
    }
    .btn-pricing {
        font-size: 14px;
        background: #e62f2f;
        padding: 7px 0px;
        color: white;
        border-radius: 5px;
        text-transform: uppercase;
        font-weight: 500;
    }
}
@media only screen and (max-width: 515px){
    div#Slider7 {
        height: 250px;
    }
    .ContainerInput {
    padding: 14px 0px;
}
a#PlaceOrder {
    margin: 0;
}
    .bar-offre {
    font-size: 12px;
}
    a.btn-home {
        width: 100%;
    }
    .info-offre {
    width: 100%;
    margin: 0;
}

.section-1 .info-p {
    justify-content: flex-start;
    gap: 18px;
}
.info-p {
    justify-content: center;
    gap: 18px;
}
.services-boxer {
    grid-template-columns: repeat(1,1fr);
}
h1.title {
    font-size: 24px;
    color: white;
}
.title-boxer h1 {
    font-size: 28px;
    color: #415161;
}
.channel-boxer {
    height: max-content;
}
}