@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
.product-carousel{
  width: 100% !important;
}
#xmas-products{
  flex-direction: column !important;
}
.wrapper-slider{
  margin-bottom: 50px !important;
}
.wrapper-slider .slick-dots{
  bottom: -75px !important;
}
.wrapper-slider .slick-prev,.wrapper-slider .slick-next{
  top: 500px !important;
}
}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
.product-carousel{
  width: 100% !important;
}
#xmas-products{
  flex-direction: column !important;
}
.wrapper-slider{
  margin-bottom: 50px !important;
}
.wrapper-slider .slick-dots{
  bottom: -75px !important;
}
.wrapper-slider .slick-prev,.wrapper-slider .slick-next{
  top: 450px !important;
}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) { 
.product-carousel{
  width: 100% !important;
}
#xmas-products{
  flex-direction: column !important;
}
.wrapper-slider{
  margin-bottom: 50px !important;
}
.wrapper-slider .slick-dots{
  bottom: -75px !important;
}
.wrapper-slider .slick-prev,.wrapper-slider .slick-next{
  top: 450px !important;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
.product-carousel{
  width: 100% !important;
}
#xmas-products{
  flex-direction: column !important;
}
.wrapper-slider{
  margin-bottom: 50px !important;
}
.wrapper-slider .slick-dots{
  bottom: -75px !important;
}
.wrapper-slider .slick-prev,.wrapper-slider .slick-next{
  top: 450px !important;
}
}

.product-carousel{
  width: 25%;
}

#xmas-products{
  display: flex;
  flex-direction: row;
}

.wrapper-slider .slick-slide{
  width: max-content !important;
  margin-right: 46px;
  margin-left: 46px;
      border: 8px solid black;
    padding: 10px;
}

.wrapper-slider{
  margin-bottom: 100px !important;
  margin-top: 20px !important;
  transform: translate3d(10px, 0px, 0px);
}

.wrapper-slider .slick-dots{
  bottom: -55px;
}

.wrapper-slider .slick-prev{
  left: 35px;
  /*top: 430px*/
}

.wrapper-slider .slick-next{
  right: 35px;
  /*top: 430px;*/
}

.ProductName, .ProductPrice, .ProductCTA{
  font-size: 14px;
}

.ProductName{
  height: 40px;
}

.ProductCTA {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    position: relative;
    padding-top: 16px;
    padding-right: 30px;
    padding-bottom: 16px;
    padding-left: 30px;
    display: inline-block;
    line-height: 14px;
    min-width: 110px;
    text-align: center;
    background-color: black;
    cursor: pointer;
    transition: color ease-in-out 0.5s, background 0.5s ease-in-out;
    border: 2px solid #000;
}

.wrapper-slider .slide{
  display: flex;
  flex-direction: column;
  width: 220px;
}

.wrapper-slider .slide img{
  width: 200px;
  margin: 0 auto;
}

.Discount{
font-size: 20px;
/*font-weight: bold;*/
}
.Big{
font-size: 16px;
/*font-weight: bold;*/
}

.Gold{
    color: #d7ac75;
    /*font-weight: bold;*/
}

.code{
    font-weight: bold;
    font-size: 20px;
}

.title{
    font-size: 40px;
}

.cta{
    margin: 20px !important;
}

.responsive_title{
    display:none !important;
}

p.text-content{
    padding-bottom: 20px !important;
    margin: 0;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    padding-top: 5px;
}

.containBox{
    margin-top: 60px;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    padding-bottom: 5px;
    padding-top: 5px;
}

/*.containBox .subText{
    margin-bottom: 50px;
}*/
.containBox .subText_responsive{
    margin-bottom: 50px;
    display: none !important;
}



.pin{
    position: absolute;

}

#MegaMenuXmas2019 .btn-link {
       margin: 0;    
       border: 2px solid #e5e5e5;
       padding: 15px;
       margin-top: 0px;
       display: inline-block;
       min-width: 120px;
       font-weight: normal;
       text-align: center;
       text-transform: uppercase;
       font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;
       font-size: 11px;
       color: #000000;
       line-height: 1em;
   }

   #MegaMenuXmas2019 .btn-link:hover {
       border: 2px solid #000;
       color: #000000;
   }

   .h2Xmas {
       margin-top: 2%;
       margin-bottom: 15px !important;
       margin-right: 0;
       margin-left: 0;
       padding: 0;
       font-size: 50px;
       line-height: 1em;
       font-family: ClarinsRegular;
       font-weight: normal;
       text-align: center;
       display: block;
       position: relative;
       padding-bottom: 5px;
    }


   /* Extra large devices (large desktops, 1200px and up) */


   @media (min-width: 1200px) {
    .pin.un{
        top: 4%;
        left:8% ;
    }
    .pin.deux{
         top: 6%;
         left: 75%;
    }

    

    .cta{
    margin: 20px !important;
    }

    .cta2{
        margin: 50px !important;
    }



   }



   /* Large devices (desktops, 992px and up) */



   @media (min-width: 992px) and (max-width: 1199.98px) {
      
      .pin.un{
      top: 4%;
      left:8% ;
      }
      .pin.deux{
      top: 6%;
      left: 75%;
      }



      .cta{
      margin: 20px !important;
      }

      .cta2{
      margin: 50px !important;
      }

   }

    @media (min-width: 1024px) and (max-width: 1024px) {
    
     .containBox .subText{
     display: none !important;

     }

     .containBox .subText_responsive{
     display: inline-block !important;
     width: 90% !important;
     }

     


    .pin.un{
    top: -13%;
    left: 1% ;
    }
    .pin.un img{
    width: 70%;
    }
    
    .pin.deux{
    top: 21%;
    left: 75%;
    }

    .pin.deux img{
    width: 90%;
    }
    

   

    .cta{
    margin: 20px !important;
    }

    .cta2{
    margin: 30px !important;
    }


    }


   /* Medium devices (tablets, 768px and up) */




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

       .containBox .subText{
       display: none !important;

       }

       .containBox .subText_responsive{
       display: inline-block !important;
       }




       .pin.un{
       top: -16%;
       left: 5% ;
       }

       .pin.deux{
       transform: rotate(15deg);
       top: 14%;
       left: 72%;
       }


      

       .cta{
       margin: 20px !important;
       }

       .cta2{
       margin: 50px !important;
       }



   }


   /* Small devices (landscape phones, 576px and up) */




   @media (min-width: 576px) and (max-width: 767.98px) {
  .containBox .subText{
  display: none !important;

  }

  .containBox .subText_responsive{
  display: inline-block !important;
  }




  .pin.un{
  top: -16%;
  left:-1% ;
  }

  .pin.deux{
  transform: rotate(26deg);
  top: 15%;
  left: 70%;
  }




  .cta{
  margin: 20px !important;
  }

  .cta2{
  margin: 50px !important;
  }
   }

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



    .pin.un{
    top: -5%;
    left:-11% ;
    }
    .pin.un img{
    width: 45%;
    }

    .pin.deux{
    transform: rotate(9deg);
    top: 26%;
    left: 70%;
    }
    .pin.deux img{
    width: 55% ;
    }



    }
    @media (min-width: 667px) and (max-width: 667px) {



    .pin.un{
    top: 1%;
    left:-5% ;
    }
    .pin.un img{
    width: 45%;
    }

    .pin.deux{
    transform: rotate(9deg);
    top: 28%;
    left: 70%;
    }
    .pin.deux img{
    width: 55% ;
    }



    }

   /* Extra small devices (portrait phones, less than 576px) */



   @media (max-width: 575.98px) {
         .containBox .subText{
         display: none !important;

         }

         .containBox .subText_responsive{
         display: inline-block !important;
         }


         .pin.un{
             top: 61%;
    left: -15%;
    transform: scale(0.8);
}
         
         .pin.un img{
         width: 45%;
         }

         .pin.deux{
         transform: rotate(9deg);
         top: 70%;
         left: 75%;
         }
         .pin.deux img{
         width: 55% ;
         }

         .cta{
         margin: 20px !important;
         }

         .cta2{
         margin: 50px !important;
         }


   }

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


    .pin.un{
    top: 1%;
    left:-8% ;
    }
    .pin.un img{
    width: 45%;
    }

    .pin.deux{
    transform: rotate(9deg);
    top: 30%;
    left: 75%;
    }
    .pin.deux img{
    width: 55% ;
    }



    }


   @media (min-width: 320px) and (max-width: 320px) {
         .containBox .subText{
         display: none !important;

         }

         .containBox .subText_responsive{
         display: inline-block !important;
         }




         .pin.un{
         top: -10%;
         left:-30% ;
         }
         .pin.un img{
         width: 45%;
         }

         .pin.deux{
         transform: rotate(9deg);
         top: 50%;
         left: 25%;
         }
         .pin.deux img{
         width: 55% ;
         }

         .cta{
         margin: 20px !important;
         }

         .cta2{
         margin: 50px !important;
     margin-top : 150px !important;
         }

   }

/*DTW EDits*/
/*Ipad Air 3 Portrait*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
.product-carousel {
    width: 100% !important;
}
.wrapper-slider .slick-slide {
    margin-right: 55px;
    margin-left: 46px;
}
#xmas-products {
    width: 40%;
    margin: auto;
}
#SpecialOffers-V2-Mentions {
    margin-left: auto!important;
    margin-right: auto!important;
    width: 50%;
    text-align: center;
}
}


/*Iphone Portrait*/
@media screen and (max-width: 761px) {
#SpecialOffers-V2-Mentions {
    margin-left: auto!important;
    margin-right: auto!important;
    width: 74%;
    text-align: center;
}
.Big {
    width: 78%;
    margin: auto;
}
#SpecialOffers-FreeShipping-Aspot .col {
    width: 94%;
}
.pt_categorylanding .most-recently-viewed .oneline-title {
    margin: 35px 29px 8px;
    width: 90%;
}
#SpecialOffers-FreeShipping-Aspot .btn-link {
    position: relative;
    top: -12px;
    left: 5px;
}
.products-collection {
    display: block;
height: 450px;
}
#SpecialOffers-FreeShipping-Aspot .subText_responsive img{
    position: relative;
    left: -19px;
    margin-top: -54px;
}

#SpecialOffers-FreeShipping-Aspot  .col:nth-child(1) img{
    position: relative;
    left: -10px;
    width: 106%;
}
}