.christmas-banner{float:left; width:100%; position:relative;}
.christmas-banner img{width:100%;} 
.christmas-banner-caption a{color:#a1a1a1; font-size:13px; background:#fff;  font-family: 'Gotham-Light'; display:block; padding:8px 10px; 
  border-radius:5px; max-width:242px; margin:50px auto 0;  }
.christmas-banner-caption a:hover{background:#000; color:#fff;}
.christmas-tablet, .christmas-mobile{display:none;}  
.circle-chrsitmas {    position: relative;    margin: 0 auto;    text-align: center;}
.circle-chrsitmas:after{content:""; position:absolute; left:0; right:0; top:-33px; margin:0 auto; background:url(//cdn.shopify.com/s/files/1/1581/4309/t/103/assets/ribbon-christmas.png?15602) no-repeat 0 0;
  width:85px; height:81px;  }  
.christmas-block{margin-top:80px; float:left; width:100%;}    
.christmas-block ul{margin:0; padding:0; margin-left:-6px; margin-right:-6px;}
.christmas-block ul > li{list-style:none; position:relative; width:33.33%; float:left;    counter-increment: step-counter; padding:0 6px; margin-bottom:66px;} 

.christmas-block ul  li .count-date {     font-family: 'Didot';    position: absolute; font-weight:normal;
  top: 0;    bottom: 0;    left: 0;    right: 0;    margin: 0 auto;    font-size: 100px;    color: #3b3b3b;   
  padding: 3px 8px;    display: flex;    align-items: center;      z-index: 1; justify-content: center;}
.count-date p{margin:0; padding:0;}
.active-date .count-date{background:#ebebeb; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; width:78px; height:78px;
  font-size:55px !important; top:-30px !important
}
.active-date .count-date p{position:relative; top:0px;}  


.Shop-all-chrsitmas{float:left; width:100%;  margin:0px 0 0px; padding:0 0 0px;}
.Shop-all-chrsitmas a{background:#3b3b3b; color:#fff; font-size:16px;  font-family: 'Gotham-Light'; display:block; padding:10px 0; margin:0 auto;
  max-width:298px; border-radius:5px; -webkit-border-radius:5px; text-align:center;  }  
.Shop-all-chrsitmas a:hover{background:#c9635e;}  
.Shop-all-chrsitmas-bottom-main{ clear:both;  padding-top:42px; border-top:#bbc0c6 solid 1px; float:left; width:100%; margin:50px auto 50px;}
.Shop-all-chrsitmas-bottom-main.button_disable{margin-top:0;}

.Shop-all-chrsitmas-bottom{color:#a1a1a1; font-size:12px; line-height:17px; font-family: 'Gotham-Light'; max-width:527px; margin:0px auto 0px; text-align:center; 
 
}  
.christmas-block-inner {    margin: 0 auto !important;    padding: 0;    max-width: 360px;    position: absolute;    top:14px;    left: 0;    right: 0;
  display:none; list-style:none;
}
.active-date .christmas-block-inner{display:block;} 
.christmas-block-inner li{list-style:none; width:48% !important;background:#fff; padding:8px 8px 2px !important; box-sizing:border-box;
  /*box-shadow:0px 1px 8px #ddd; -webkit-box-shadow:0px 1px 8px #ddd;*/ margin:0px !important;
}
ul.christmas-block-inner li:first-child {
  box-shadow:#968b8b 2px 1px 7px; -webkit-box-shadow:#968b8b 2px 1px 7px; -moz-box-shadow:#968b8b 2px 1px 7px;
}

ul.christmas-block-inner li:last-child {
  box-shadow: #333 -1px 1px 4px;  -webkit-box-shadow: #968b8b -1px 1px 4px; -moz-box-shadow: #333 -1px 1px 4px;
}

.christmas-block-inner li img{width:100%;}  
.christmas-block-inner li img{display:block; text-align:center; margin:0 auto;}
.christmas-block-inner li p{color:#6e6e6e; font-size:10.18px; font-family: 'Gotham-Light'; text-align:center; margin:0; padding:5px 0 0;
  line-height:13px;
}  
.christmas-block-price strong,.christmas-block-price .custome_USD span,.christmas-block-price .custome_CAD span{color:#c9635e;  font-family: 'Gotham-Bold'; font-size:13px; }
.christmas-block-price span,.christmas-block-price .was_price span{font-family: 'Gotham-Light'; font-size:12px; color:#a2a6ab; padding-right:2px;}
.christmas-block-price {      align-items: center;    justify-content: center;   margin: 1px auto 0;}   
.active-date .circle-chrsitmas:after{display:none;}
ul.christmas-block-inner li:last-child {    float: right;}
.christmas-block-price .approx_span{display:block; width:100%;}
.christmas-block-price .custome_was_USD {    float: right;    position: relative;    top: -2px;}

.christmas-block-price .custome_CAD {    display: inline-block; float:left; width:49%;}
.christmas-block-price .custome_CAD .money{line-height:normal;}
.christmas-block-price .custome_was_CAD {   display: inline-block; width:47%; text-align:right; line-height:normal; padding-top:4px;  }
.christmas-block-price .custome_CAD .price{line-height:normal; }
.christmas-block-price .custome_was_CAD .was_price{padding-right:0;}


.christmas-block-price .was_price_custome_collection span {    text-decoration: line-through;}
.christmas-block-price .custome_was_CAD{ text-decoration: line-through;}


@media (max-width: 1920px) and (min-width: 1025px){
  .christmas-banner .caption .headline{font-size:36px;} 
  .christmas-banner .caption .subtitle{font-size:22px;} 

}  


@media(max-width:1160px){
.christmas-block-inner{max-width:315px;}
}

@media(max-width:980px){
  .christmas-block ul > li{width:50%;}  

}  

@media(max-width:767px){
  .christmas-desktop{display:none;}  
  .christmas-tablet{display:block;}    
  .christmas-block-inner{max-width:308px;} 
}  

@media(max-width:667px){
  .christmas-tablet{display:none;}  
  .christmas-mobile{display:block;}  
}

@media(max-width:600px){
  .christmas-block ul > li{width:100%;}    
  .active-date .count-date {     width: 45px;    height: 45px;    font-size: 37px !important;    top: -13px !important;}
  .active-date .count-date p {    } 
  .christmas-block-inner li{width:49% !important;}   
  .christmas-block-inner{max-width:358px;}     
}  

@media(max-width:600px){ 
  .christmas-block-inner{top:14px;}  
}